Responsive ad size

Vertical height seems wrong

[farmboy]

I understood a responsive ad would fill the space provided. I've noticed that when I put in a responsive ad, the ad doesn't properly fill the space provided. Sometime I end up with a few words or a partial ad which may encourage visitors to see the words and click on this partial ad out to see what they find. That seems to be at odds with what I know about AdSense policy ?

Any thoughts?

FarmBoy

[MrSavage]

I've been doing some overhauling. This has been interesting reading. To me though, it's not complicated, but it is requiring some manual editing. That is not the same as copying adsense code and pasting. I was considering looking at responsive adsense, but this didn't fill me with confidence. The 300 size is going to work on mobile, as is, or am I wrong about that?

[webcentric]

The 300 size is going to work on mobile, as is, or am I wrong about that?

Probably depends on what other padding, margins, gutters and borders are around it. I love responsive ads, don't find them complicated and on the other hand, they provide a great deal of flexibility. That's just the last 2 cents I earned from Adsense so your mileage may vary.

[farmboy]

Has anyone found responsive ads of various sizes? For example, if I put responsive in a 150 x 600 space, will it fill that space with an ad(s)?

FarmBoy

[Joseph_T]

Hey Guys, new here and would appreciate your help.

I read this thread and thought the answer seemed simple enough. Can anyone tell me why the following code isn't working for me? It is still showing the 728x90 ad size on my laptop/desktop screen even though I am trying to get it to show up ideally as a 336x280. But I can't seem to get any smaller size to work.

<style>
.ResponsiveRectangle { width: 300px; height: 250px; } 
@media(min-width: 500px) { .ResponsiveRectangle { width: 300px; height: 250px; } } 
@media(min-width: 768px) { .ResponsiveRectangle { width: 468px; height: 60px; } } 
</style> 
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ResponsiveRectangle -->
<ins class="adsbygoogle"
   style="display:block"
   data-ad-client="ca-pub-xxxxxxxxxxx"
   data-ad-slot="xxxxxxxxxx"
   data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

[robzach]

Can anyone tell me why the following code isn't working for me? It is still showing the 728x90 ad size on my laptop/desktop screen even though I am trying to get it to show up ideally as a 336x280.

Same here, ended up with fixed rectangle ads.

[No5needinput]

You're using the wrong code with fixed responsive - try this:

<style>
.ResponsiveRectangle { width: 300px; height: 250px; }
@media(min-width: 500px) { .ResponsiveRectangle { width: 300px; height: 250px; } }
@media(min-width: 768px) { .ResponsiveRectangle { width: 468px; height: 60px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ResponsiveRectangle -->
<ins class="adsbygoogle ResponsiveRectangle"
style="display:inline-block"
data-ad-client="ca-pub-xxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

[robzach]

You're using the wrong code with fixed responsive - try this:

So there's no need data-ad-format ?

[No5needinput]

Yes Remove data-ad-format

Replace display:block with display:inline-block

add your css class to like this <ins class="adsbygoogle ResponsiveRectangle"

Google example page

Go to heading : Specify an exact size per screen width

[support.google.com...]

[Joseph_T]

Thank you No5,

I really appreciate it. I owe you a beer!

[No5needinput]

Glad to help - Hope it worked out for you - Just drank the beer you gave me - tasted good - cheers!