How to modify AdSense Ads dynamically for responsive web design

You are a webmaster or blogger and use AdSense to monetize, but have you checked how your Ads appear in various devices? Does your web pages follow responsive design to provide a good user experience across various devices like desktop, laptop, tablet PC, smartphones etc? How the Ads appear in those devices? Do they cover the whole screen, making the frustrated user leave your site quickly?

If you are looking for a web design company in Cochin, we can help you. We have a strong team of experienced web designers in Kochi, Kerala.

Responsive Design aims at providing a great user experience for the websites, no matter which device is used to browse. The layout of the pages will adapt or change according to the screen. This kind of design is gaining momentum since a good share of the internet users are now using non-PC devices and this rate is expected to be increased further in the future.

Responsive Design offers a great user experience for the websites across a wide range of devices. But how about the AdSense Ads? They are not "Responsive" by design. No matter which device you use, the Ads will remain the same and could go out of view for the users or even hide other content, depending on the device.

How to make AdSense Ads Response

<script type="text/javascript"> 
if (window.innerWidth >= 800) 
{
    google_ad_slot = "xxxxxxxx";
    google_ad_width = 728;
    google_ad_height = 90;
} 
else if (window.innerWidth >= 468) 
{
    google_ad_slot = "zzzzzzzz";
    google_ad_width = 468;
    google_ad_height = 60;
Else 
{
    google_ad_slot = "yyyyyyyy";
    google_ad_width = 300;
    google_ad_height = 250;
} 
</script>
<script type = "text/javascript" 
     src = "http://pagead2.googlesyndication.com/pagead/show_ads.js"> 
</script>