Guidelines to Modify Google Adsense Responsive Ads To Fit Mobile, Tablet and Desktop Screens – clickloaded

Here is a fact, Google AdSense responsive ads are not really fully responsive. They might fit the screen size but they don’t always serve the best ad type for various screen sizes.

Here is why and how to modify it.

Best Performing Google Adsense Responsize Ads sizes for various screens

Clickloaded teach

Generally, there are 3 major screen sizes which are popularly in use in the world, these are

  • Desktop
    Tablets
    Mobile

These 3 major screen sizes are all you need to optimize for, breaking it further down, we would have just Desktop and Mobile devices because they have more users.

Best Performing Ad size for Desktops
Starting with the laptop/desktop screen, not all Ad sizes perform well on such screen because the screen size is big hence, a well-performing ads should be bold and clear spelled out.

Here are the best performing banner size for desktop

  • 720 x 90
    338 x 280
    300 x 600

And other large ads sizes, these ads sizes are big and bold. Hence, users can easily spot and click on them.

 

Best Performing Ads Size for Mobile Device
Mobile screens are a lot smaller than desktop screens, these screens are sometimes depending on the niche, the best screens for clicks and impression.

Hence the best sizes should not, however, be too big, neither should it be super small.

  • Your best choice should be
    320×100
    300×250
    These sizes are awesome for a mobile device. Sometimes if you are going to display 2 ads, make it a 320×100 and a 300×250.

If you have surveyed your site, you would notice your ads being served most times are not these specific sizes. Hence, it would be wise to modify Adsense ads size and earn more clicks.

Understand the concept? let’s get it done.

How to Modify Adsense Ads Size

Whenever you wish to add Adsense ads to a section of your blog, copy the below code

<style type=”text/css”>.adslot_1 { width: 320px; height: 100px; }@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }</style><ins class=”adsbygoogle adslot_1″ style=”display:inline-block;” data-ad-client=”ca-pub-XXXXXXX11XXX9″ data-ad-slot=”8XXXXX1″></ins><script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script><script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Paste it and save
Do replace “ca-pub-XXXXXXX11XXX9 and 8XXXXX1”.
You might be interested in Guidelines to upload AdSense
That’s all.

You can modify the size to show on the various screen. In the above it shows a size of 320×100 for mobile, you can edit.

You might want to get an adsense ready blogger theme to increase earnings and also learn how to display google adsense responsive ads inside post on blogger

Rounding up

This is how easy it is to set the size of your google adsense responsive ads for mobile, desktop and tablet screen sizes.

if this post was a great deal, do share with others.

Leave a Comment