Responsive web design is the trend these days as more and more people are browsing the internet through their smartphones and tablets. If your Blogger blog is responsive, you can consider adding responsive ad units to the blog to maximize your Adsense earnings.
Adsense responsive ad code automatically serves different ad sizes based on the space available and also has support for ad size changes after a screen orientation change (e.g., when a tablet or phone goes from portrait to landscape).
By using a responsive ad unit, you can control the size of the ads on your page, in line with how you control the layout of the rest of your page across devices.
If your blog design is responsive, all you need to do is to generate responsive ad code and add it to your blog's html.
==> Log in to www.google.com/adsense
==> Click the My ads tab and click +New ad unit
==> Select Text&Display ads
==> Provide a unique name that will help you find this ad unit later
==> Select “Responsive ad unit (BETA)” from the Ad size drop-down
==> Click Save and get code.
==> Place the ad code on your site.
==> Go to "Layout"
==> Click on "Add a gadget"
==> Select "HTML/Javascript" from the options
==> Paste the ad code in it and Save.
That's all.
Once you’ve placed your ad code,I recommend that you test your ads on different devices and screens to make sure that the responsive behavior is working correctly. You can also use the free online Responsive Web Design Testing Tools for the test.
Adsense responsive ad code automatically serves different ad sizes based on the space available and also has support for ad size changes after a screen orientation change (e.g., when a tablet or phone goes from portrait to landscape).
By using a responsive ad unit, you can control the size of the ads on your page, in line with how you control the layout of the rest of your page across devices.
If your blog design is responsive, all you need to do is to generate responsive ad code and add it to your blog's html.
How To Generate Code for Responsive Adsense Ad Unit
==> Log in to www.google.com/adsense
==> Click the My ads tab and click +New ad unit
==> Select Text&Display ads
==> Provide a unique name that will help you find this ad unit later
==> Select “Responsive ad unit (BETA)” from the Ad size drop-down
==> Click Save and get code.
==> Place the ad code on your site.
How To Place Adsense Code On Blogger Blog
==> Log in to www.blogger.com==> Go to "Layout"
==> Click on "Add a gadget"
==> Select "HTML/Javascript" from the options
==> Paste the ad code in it and Save.
That's all.
Once you’ve placed your ad code,I recommend that you test your ads on different devices and screens to make sure that the responsive behavior is working correctly. You can also use the free online Responsive Web Design Testing Tools for the test.
It Worked Wella For Me..................Thanks Boss
ReplyDeleteYou're welcome
DeleteJide Nice Post but do you know were one can get a responsive theme for blogger blog
ReplyDeletecheck btemplates.com
DeleteResponsive ad unit is the best for mobile. That is what I have been using on my blogspot mobile template and it working well cos I have tested it in all high smart mobile devices. Thanks for sharing.
ReplyDeletewww.justhealthng.blogspot.com
Glad it's working for you. Have fun bro
DeletePlease i have been trying to register for google adsense but it isn't working.
ReplyDeletewhat do you mean it's not working?
DeleteThanks for Sharing Oga Jide, you have been really helpful
ReplyDeleteGood Morning, am trying to get ad in my blog, it seems not be appearing on the blog.
ReplyDelete