How to Use Google Adsense on a Responsive Web Design
Today we will be talking about responsive Google ads. As we all know about Responsive design of Google ads, a responsive design helps us to view ads in various devices as per requirement. For example if you are using a tablet, you will be able to view the ad in a 200 X 200 Unit, whereas if you use your desktop to view the same web page, you will see the ad in a 728 X 60 Unit. Now we have official approval of Google for both asynchronous and synchronous as well. For faster loading experience asynchronous is preferred.
How to Make Google AdSense Ads Responsive
You need to go to your Google AdSense dashboard, you will have to create a new ad unit. You will find this option under “My ads” option. After which you need to set the ad size, please ensure you click on Responsive ad unit. Once you are done with the above steps save the ad and get the code for the specific ad. It is good to determine the exact ad space available.
You need to go to your Google AdSense dashboard, you will have to create a new ad unit. You will find this option under “My ads” option. After which you need to set the ad size, please ensure you click on Responsive ad unit. Once you are done with the above steps save the ad and get the code for the specific ad. It is good to determine the exact ad space available.
The above generated code is not recommended for people with less knowledge of CSS, as these Codes are CSS media based codes and are not the proper way of determining the exact available space for an add and may also result in overlapping ads.
Well, here is the batter solution to make your adsense ads responsive for your responsive web design which cannot be done with CSS media queries. here i would like to share a javascript code of responsive adsense ad That should be work for both synchoronous and the new non-synchoronous adsense tags. it also can be used for your DoubleClick Ad Exchange tags.