Google AdSense Ads and Responsive Website Design creates a problem when a mobile device has width less than an Ad unit. The solution is using conditional tags. We are taking that, the particular Website has WordPress a CMS as most commonly used blogs runs on WordPress and blogs needs Google AdSense Ads. Yes this hypothesis has a fallacy that in some cases Google AdSense Ads will needed to be shown on non WordPress Responsive Website Design, that is a separate topic. We wrote about Responsive Web Design Before.
Do not Change Google AdSense Ads Code But You Can Play With DoubleClick
Most of us do not have Google AdSense Account and we do not have a human Manager for our Accounts, for example in case of Lake Quincy Media Ads, I can easily ask the respected manager to manipulate the javascript. In fact as most Lake Quincy Media Ad partner is developer website, previously we used a modified javascript version, that does not work as Lake Quincy Media has changed their Ad delivery method. Please read the article on Double Click for more details why it is actually needed to be set up by you.
Handing Google AdSense Ads and Responsive Website Design

Calculate from your Analytics data how many users uses non Android, non iOS devices for surfing your website. Google AdSense Ads needs no change for high end devices.
---
The problem does not happen with most Android devices, Google AdSense Ads can recognize the device. Google AdSense Officially says to use Mobile Ads for mobile websites. But that is meaningless for a responsive webdesign. What we can do is very easy :
- We need a php script to detect the device, that is basically done by a responsive theme.
- We need WordPress conditional tag to wrap and deliver mobile Ads when the device is mobile and full size when the device can accommodate Google AdSense Ads
How to change Google AdSense Ads in this way ?
First use Ad Injection Plugin. It is very nice plugin to add various difficult filters. You can easily use a PHP based mobile device identification script :
1 | http://code.google.com/p/php-mobile-detect/ |
Now, the thing is simple, you probably know about WordPress using Conditional Tags. Now it is fully dependent on your WordPress Theme or Theme Framework how easily you can integrate them. For example, if a div class by default can detect a mobile device (that means it is using that php script) using only the conditional tags wrapped with div can change your Google AdSense Ads depending on the device.
This pain with Google AdSense Ads will not remain forever, they will make the javascript a kind of adaptable for all devices.
