Sidebar ad on top on mobile

[jair101]

I do have some interest from advertisement agency, in particular for the top of the sidebar position, for a banner of 300x250 size. Issue is that when the sidebar is collapsed on mobile, it automatically goes below the content area, which is not that attractive for advertisers and I guess they will ask for a discount based on this fact. 

Is there any way to collapse the sidebar, but keep the ad on top?

I was thinking to create another ad with the same size and place it in the main area, thus ensuring that it will always be on top. So the idea is that on desktop only the sidebar ad will be visible, while on mobile only the top ad will be visible. Can this be done with some trickery?

 

[Adlago]

If you are using the left sidebar - on a mobile page starts with it.

[DawPi]

7 minutes ago, jair101 said:

I was thinking to create another ad with the same size and place it in the main area, thus ensuring that it will always be on top. So the idea is that on desktop only the sidebar ad will be visible, while on mobile only the top ad will be visible. Can this be done with some trickery?

https://invisioncommunity.com/4guides/themes-and-customizations/css-framework/responsiveness-r250/

[jair101]

13 minutes ago, Adlago said:

If you are using the left sidebar - on a mobile page starts with it.

Nope, Right sidebar. 

10 minutes ago, DawPi said:

https://invisioncommunity.com/4guides/themes-and-customizations/css-framework/responsiveness-r250/

So it is as simple as wrapping the ad code in <div class='ipsResponsive_hidePhone ipsResponsive_hideTablet'> and <div class='ipsResponsive_hideDesktop'> respectively? Thanks, I'll try. 

[DawPi]

Not hideX but showX. 

[jair101]

Just a quick note that this method does not prevent the ad from loading, but loads it and hides it. Which is a big nono for every advertiser and might get you banned. 

[DawPi]

Thank you. I'm not a judge what is allowable and what not. My friend wants make it in this way. It's up to him. 🙂

[opentype]

13 minutes ago, jair101 said:

Just a quick note that this method does not prevent the ad from loading, but loads it and hides it. 

Says who?
It may or may not be true. How did you figure that this is how it works?

[jair101]

1 hour ago, opentype said:

Says who?
It may or may not be true. How did you figure that this is how it works?

By inspecting the element in the browser and finding the ad code there. I used hideX classes though, showX did not seem to work for me. 

[opentype]

37 minutes ago, jair101 said:

By inspecting the element in the browser and finding the ad code there.

And what did you actually find there? Be specific what you found and why that should cause the behavior of loading and hiding. 

My current understanding of these CSS classes is that they simply create a CSS declaration of something like display:none. If that is part of the initial page load, that is NOT a problem with ads, since nothing is rendered in the first place. Display:none does not equal loading and hiding – it equals not rendered at all. Google clearly allows this kind of CSS for responsive ads. It only could be a problem if that CSS declaration is created after the page rendering has started, e.g. through JavaScript. 

[jair101]

1. I created an ad with the following code, visible only to admins, above footer:

<div class='ipsResponsive_hideDesktop'>
My test ad code
</div>

2. I loaded my website and inspected the footer, full code of the ad is there, the text itself is not visible:

3. I checked in the ACP, it registered one impression for the ad, I am the only admin so it is definitely caused by me:

 

Admittedly I dont have the expert knowledge that is probably required, but to me it looks like the ad code is rendered.