How to Use Google AdSense Ads on your Responsive Website?

Websites can be accessed using a desktop, laptop, mobile and even a TV. But you cannot expect the quality of the screen to look good across all these devices. However, with responsive website design this is not far from achieving. Google has recommended the website owners to use the responsive design for their sites and this has been passed through the official communication too. Google says that when this responsive design is followed, the URL is same for the desktop and mobiles and there is no need to maintain different sites for a phone and a desktop. So, here is how to use Google AdSense Ads on your responsive website.

Google Adsense Ads in responsive design:

The Google Adsense ads never fit themselves to suit the screen size if you use the responsive website design. If you use the 728*90 leaderboard unit design, the Adsense ads of Google extend beyond the screen and it can be viewed even by the web users who use mobile phones to login. But, with responsive design, Google Adsense ads unlike the content do not modify their sizes and refit themselves based on the screen size of the visitor. If you want to make them respond to the screen size, all you need to use is a java script. This makes the Google Adsense ads respond to the screen size of the visitor’s gadget when responsive web design is used. Using the java script is also approved by Google officially.

How to use the java script?

1. Create multiple ad units in the Adsense dashboard
2. Replace the applicable ad client of Google
3. Paste the java script

There are many demo javascripts available online. The new versions do not have any compatibility issues with the browsers as the earlier versions. The java scripts can be configured even on smaller screens. If you do not want blank space anywhere in the screen, then you need to see to that no ad client slot is specified and ad unit should be coded as none. This way there are no blank spaces and this allows the script to be configured even on the very smaller screens, like the mobile screens. Also, this makes sure that multiple responsive designs can be placed in the same web page. It is also advisable to check the terms and conditions of the account manager to see if this is allowed. This is a technique that is as same as the one Google AdSense used to perform to check which color schemes and banner sizes suit the best for their sites.