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.

jhgfdGoogle 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?responsive_adsense

  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.

Swasti Pujari
Swasti Pujari

Swasti Pujari is a versatile Engineer, blogger, content writer, and Social Media Enthusiast. With a passion for technology and creativity, she has devoted her career to solving engineering challenges and crafting engaging content. Her online presence is a strategic platform for connecting with people and sharing insights. Swasti's unique blend of technical expertise and creative expression has made her a key figure in her field. Her mantra for success is continuous learning and happiness in her work, reflecting her innovative approach to both engineering and writing.

Leave a Reply