If you have started thinking responsive and you use the Google Adsense,in your Joomla! responsive website, probably you already know that there are some problem with the Google Adsense wich don't look good across all screen sizes, specially if you use the horizontal ad units. The problem arise when mobile and tablet devices has width less than the ad unit,Google AdSense ads have a fixed width and they will not shrink or expand based on the screen size of the visitor.
The situation was:
- Google Adsense TOS don't permits code modification ,
- they recommend to use responsive design instead of creating a separate mobile site “keeps your desktop and mobile content on a single URL”
How it works
On initial page load, it determins the optimal ad for that position, the inserted ads will never exced the content area width, so shows that ad properly, does not resize ads on the fly so rember when you test. I've ported that snippet of code on a Joomla! module, wich allows you to easily place responsive Google AdSense in your Joomla! website's.
Setup is easy
inside your AdSense dashbaord create AdSense ads for the different sizes that you want to use on your website, create multiple ad units (say 768×90, 468×60 , 300×250, etc),
inside your Joomla! site administration report the ads slot to the proper module paramenter.
That's it!. If you want to show your responsive adsense ads unit on article you can use the loadposition plugin
here is how the module works from responsinator
The Joomla! module responsive google adesense emulator test