Google allows responsive AdSense officially.

responsiveThis could be great news for many bloggers, whose life rely on Google AdSense income. Yes, finally Google allows responsive AdSense. Google AdSense is the most popular online advertising platform.

Now, You you can generate responsive ad code in your Google Adsense Dashboard.

However, Google AdSense has very strict policy for its publishers. One of the most important rule is not to modify AdSense code or ads in any way. They do not tolerate this rule for any non-premium publishers, like you and me.
Since, Google is supporting the revolutionary responsive web-design technology it was important to allow compatible ads according website need. Till now it was very confusing to adopt the responsive ads due to no clear stand responsive AdSense code modification.

On one hand Google was promoting responsive web design, on another hand there was no easy way to implement AdSense on such site without modifying the code. This is why they allowed to modify AdSense code in certain way (This is a really good news. Isn’t it?).

Let’s discuss how to modify AdSense code in officially permitted way to make our site better for user experience.

How to modify AdSense for Responsive Ads and Website:

To adopt responsive AdSense you may modify AdSense code  in this way:

[gist id=5806371][/gist]

You will need to change the Publisher id and Ad slots (AAA, BBB, CCC, DDD, … ). If you don’t want to show any size of ads just remove that part of code.

Modifying Adsense codes are now allowed. but changing the layout or altering appearance and feature in anyways is not allowed. Also make sure only 3 Adsense for content and/or 3 link units are inserted in any html request.

Also note, Google do not allow floating/sticky ads.

Official Statement about Responsive Adsense:

Going forward, we will permit publishers to make modifications to the AdSense ad code so long as those modifications do not artificially inflate ad performance or harm advertisers and otherwise comply with our Terms and Conditions and program policies. This will enable you to try a range of techniques on your site such as:

  • Responsive design: Enabling publishers to create a single webpage that will adapt to the device on which it’s being viewed, whether it’s a laptop, smartphone or tablet, to maximize user experience.
  • A/B testing: Running a test by creating multiple versions of a page, comparing user behavior to see which page is the most effective.
  • Setting custom channels dynamically: Tracking performance of segments of users, sections of your site, or other behavior to maximize ad and user experience.
  • Ad tag minification: Enabling your site pages to load faster by reducing the amount of data to be transferred.

A/B spit testing is always a good option while working with AdSense. Considering the good part, Google at least confirmed that there is a way to implement Responsive AdSense on your Website. It is also possible that soon they allow more improvement and flexibility to the code implementation.

I warmly welcome your opinion about this topic and don’t forget to share this article if you like.

By Anand Kumar

I am the person behind this site.

1 comment

  1. Something odd about the code aprooved on the Google german blog. The original code brougth on http://www.labnol.org/internet/google-adsense-responsive-design/25252/ is including the fact that on “elseIf” a “&&” operator is making a range for the middle banner.

    On the Google German blog is publishing a bad JavaScript since the “elseIf” is the end of the line… “else” will never be consider since everething else is going be < smaller then 400.

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.