Home Page Earnings From Adsense
Earnings From Adsense
How to add custom size AdSense ads to increase your earnings?
You are using Google Adsense ads to earn money from blogging website, news website and magazine website. But in recent days Google made many changes in its policies regarding website and Adsense. These days responsive ad unit is causing many issues like it can take as much size as it wants which can move the content from its place. In this article, we will discuss how to optimize Adsense ads to solve all these issues completely.
Boost Adsense income by sizing ads according to screen size, responsive ads.
Increase your Adsense earnings by placing the correct ad size on your webpage.
Responsive ad size: Responsive ad size means the ad is according to the size of the device’s display. If you have responsive ad size, it will be more user-friendly and also boost your earnings.
High CPC: Cost per click means the average earnings earned by a click. If you get a higher CPC, your total earnings will be higher. Responsive ad sizes will get a higher CPC than ‘auto’ ad sizes.
How to make ad size responsive?
Now you have almost guessed what size the ads are to be placed and where to place them. But the question lies here. How to make an ad responsive for all screens?
<style>
.sn_responsive_1 { width: 320px; height: 250px;}
@media(min-width:500px) {.sn_responsive_1 {width: 336px; height: 280px;}}
@media(min-width:1100px) {.sn_responsive_1 {width: 728px;height: 90px;}}
</style>
https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
<ins class="adsbygoogle sn_responsive_1" style="display:inline-block" data-ad-client="ca-pub-XXXXXXXXXXX" data-ad-slot="XXXXXX"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
Place the ‘ text ‘ above the ad code by editing it with your values .
Your publisher ID, for example, ca-pub-1234567890123456
Your ad unit ID (data-ad-slot), for example, 123456
If your pages have more than 1 ad unit, for the first ad location, it will be sn_responsive_1 , and for the second, it will be sn_responsive_2 , and so on for the third one with sn_responsive_3 .
Please make sure you have placed all the data-ad-slots with different ad units. So that you can check the reports for all the units placed.
Best performing ad sizes for mobile
300×250 – medium rectangle,
336×280 – large rectangle,
300×50 – Mobile Banner.
For Desktop/Large Screen
728×90 – Leaderboard,
300×250 – medium rectangle,
336×280 – large rectangle,
970×90 – Large leaderboard.
These are the most popular ad sizes that companies use for their advertising. You can make AdSense ads responsive according to the screen size, or you can also use other AdSense ad sizes according to your needs.
How to add the above code to your website?
The code above allows you to modify the existing ad unit code. Then, replace the red color value with your own values, publish the changes, and done!
If you want to add more than one style to different ad units, you can add multiple styles as shown below. You need to change the blue color square value.
You can use this method for Blogger, WordPress, and other content management systems.
<style>
.sn_responsive_1 { width: 320px; height: 250px; }
@media(min-width: 500px) { .sn_responsive_1 { width: 468px; height: 60px; } }
@media(min-width: 1100px) { .sn_responsive_1 { width: 728px; height: 90px; } }
.sn_responsive_2 { width: 320px; height: 100px; }
@media(min-width: 500px) { .sn_responsive_2 { width: 468px; height: 60px; } }@media(min-width: 1100px) { .sn_responsive_2 { width: 728px; height: 90px; } }
</style>
Ad sizes usually have a higher CPC than other sizes. This means you can see an increase in your AdSense earnings over time.
Optimized responsive AdSense ads reduce cumulative layout shift score.
The cumulative layout change from mid-December 2025 is part of Core Web Vitals and is important for SEO. It is calculated as a change in the layout of the website. For example, there is a huge change in AdSense ads when we use an auto-responsive ad unit.
When you customize AdSense ads, it reserves a space for it, and the content does not move due to the auto-generated ad size. That is, with the help of the above code, you can use AdSense ads above the fold section of a webpage.
Information related to responsive AdSense ads
Modifying the Adsense ad code is not allowed and is a violation of Google Police. So why should I make such modifications?
We always try to provide the best official methods available to make any changes. Read this Google article…
I hope you liked our article on creating responsive AdSense ads. In case of any doubts, queries or suggestions, please comment in the comment section below.
Read This Post In Hindi..
Go Home
Discover more from MNS.Code.Blog
Subscribe to get the latest posts sent to your email.
