Now with growing technology and people moving towards a mobile-friendly website, making your website or blog mobile friendly and responsive became much important. These responsive web design should also be implemented in Ad network that we use for monetization and help us running. Hence, here are few best methods to improve ads responsiveness without affecting the ads format, size and AdSense policies.
Modifying Data-Ad-Format On Google Adsense – Auto, Rectangle, Horizontal And Vertical.
Responsive AdSense ad code without any modification:
When we create a Responsive Ad code in Google AdSense, we will get a script that needs to be added our blog or website. If you look at the code carefully, you will notice something called as “data-ad-format” which is by default set to auto for any responsive ad.
(adsbygoogle = window.adsbygoogle || []).push({});
Data-ad-format = “auto” means, your AdSense script is responsive and have an ability to adapt any screen resolution. It also means that AdSense has full right to place any kind of ad format and size.
Customize Google AdSense script for a large vertical ad
Large vertical ads are placed generally in a sidebar of blog or website. vertical ad sizes that will be displayed are 300x600px, 120×600 px or 160x600px. Look at below code is customized for large vertical ads.
(adsbygoogle = window.adsbygoogle || []).push({});
If you look at data-ad-format, it is now set to “vertical” that means it will only display vertical ad formats available. Hence, this will improve CTR rate in sidebar section.
Customize Google AdSense ad script for large rectangle ad
If you have good content space about 600px width, then using rectangle ad format is a good option. It will display the ads that will fill your content area space. Recommended ad formats that will be displayed are 336×280, 300×250, etc., most of the time ad space in a content area is filled completely using custom ad size like 600x300px (based on content area width).
(adsbygoogle = window.adsbygoogle || []).push({});
If you look at the above AdSense snippet code, data-ad-format is changed to “rectangle” to display rectangular ad formats.
It is one of the best ad formats that I would suggest implementing. Even we use it below post title and after the article content.
Customize Google AdSense ad script for a horizontal ad
The horizontal ads are placed at header or footer of the website. They will display large horizontal ads like, 728×90, 970×250, 970x90px, and etc.
(adsbygoogle = window.adsbygoogle || []).push({});
If you look at the above AdSense snippet code, data-ad-format is modified to “horizontal”.
Conclusion:
Now using these optimized (customized) AdSense code, you will be now able to display ads as per your website layout and content width. I would recommend using rectangle format for better performance and CTR.
So this was our guide Modifying Data-Ad-Format On Google Adsense, I hope the methods given above helped you in CUSTOMIZE GOOGLE ADSENSE SCRIPT FOR RESPONSIVE WEBSITE.
No comments:
Post a Comment