Google now offers responsive AdSense codes to publishers who use responsive design on their websites. This was a one of the most wanted feature every publisher with a responsive websites was looking for.
With availability of multiple internet devices, people have started consuming online content from Mobile Phones, Tablet PCs and not just on from Laptops or Desktops.
Webmasters have also started making their website design responsive which can adapt according the screen size of visitor’s device.
Responsive AdSense Ads was the most wanted feature which Google has now started to offer.
To create a responsive ad, go to my ads, create a new ad unit and select Responsive Ad unit from the dropdown.
The ads you get looks something like this,
You just have to copy and paste the codes to your webpages. The three ad sizes will appear for three different browser sizes.
When the browser size has width of 800px or more (on Desktops and Laptops) the 728×90 ad will appear.
When the browser size has width of 500px of more (mainly Tablet PCs) the 468×60 ad will appear.
And when the browser size has width lesser than 500px (all Mobile phones) the 320×50 ad will appear.
You can change the ad sizes according to your need but make sure you use only the standard sizes allowed by Google AdSense to serve right ads.
Google was already offering a similar solution to serve ads according to the responsive design, but it needed to create different ads slots. This ads displays ads depending on the size allotted, just like Google AdSense displays 300×250 ads inside 336×280 when it gets the higher bid.
The other thing to notice is that the ads aren’t resizing dynamically, that is, when you resize the screen, the same ad will show at once it appears after the page load. Google says that is ‘work in progress’ it would be cool if they really bring that up soon.