How to Change Responsive Ads Unit Size For AdSense in Blogger

How to Change Responsive Ads Unit Size For AdSense in Blogger

How to Change Responsive Ads Unit Size For AdSense in Blogger AdSense’s ability to display ads automatically using auto-ad code is very simple. However sometimes we prefer a certain ad size to appear on a specific area of our blogger websites. For this, we can modify Adsense’s responsible advertising unit without breaking the rule.

We all know that AdSense maintains a very strict policy.. We are not allowed to edit the AdSense Ad Unit carelessly.
Fortunately, AdSense provides us with clear guidelines about modifying acceptable official ad size. So you can resize your ad without any hassle. Here’s how we can modify the size of responsible advertising unit without breaking the rule.

Question Is Why You Need to Custom Ad Size?

Sometimes we just want to show the adsense add unit on a specific mobile area. Ad placement may look fine if viewed from a desktop. However, advertisements are put different burdens on mobile.

As scheduled, Adsense Auto Ads will provide us with 320×250 pixel ads on mobile. This size is considered the most actors. Nowadays most mobile advertisements are available in this size.
However, if you want to display ads under or above your website headers or article titles, a 320×250 pixel ad may not be appropriate. Large ads loaded to the top of your website may not be required for customer-friendly sake.

Goes with some ads that appear on desktop devices. They even look so grown up sometimes.

Ideally, your website content should be loaded before advertising. A large ad at the top of your website can push your original content under the mirror fold of your phone screen.
Visitors will need to scroll down to see the actual information. This situation is not very good and it is against Adsense policy.

Adsense size change in horizontal banner ads
Responsible AdSense Ad Unit will fill in the blanks in your blog. Ad size will automatically adjust to fit device screen size.
Sometimes, on a deckstop or on mobile, ads can look huge. Heavy billboard banner can be hung automatically under your article title or navigation menu.

Such an advertising banner, as in the picture above, is not proportional. Your visitors will think your website is of low quality because the first thing they see is a huge advertisement banner. Further that it pushes the content under sugar.

Heavy advertising banners are perfect

in the middle or bottom of your website. However, the top of your website should ideally only hang small banners.

There shouldn’t be too much advertising at the top. When your website is filling up the first thing people see shouldn’t be just one big ad. Visitors should see the real content now.

Please note that advertisement unit size does not determine cpc. Small or large banner may have same cpc or cpm. Size does not matter. Having a small banner display at the top of your website will still be profitable.

These are the ideal high performance horizontal banner advertising (leaderboard) sizes based on device type:

  • Mobile phone: 320×100 or 320×50
  • Tablet: 468×60
  • Desktop: 728×90 or 468×60 ( if container is smaller )

In order to change the size, you will need to modify the responsive adsense add unit code. Follow the steps carefully so that ads appear properly.


Follow The Steps to Customizing Responsive Ad Units in Blogger

Step 1: Create a New Display Ad Unit

Go to Adsense dashboard, then select Ads > review. Then select “By Edit Unit” and select Display Ads. Give a clear name (e.g.: display_custom_1). Make sure the size is appropriate. At the end, click on make.

Step 2: Modifying The Ad Code

After creating the advertising unit, you will be provided with a code. Note the data add client and data add slot from the prepared code. We will be putting these two elements in a new custom code.
For example, in display_custom_1 data ad client=CA-pub-123456789 and data add slot=2223333.


.display_Ad_1 { width: 320px; height: 100px; }

@media(min-width: 500px) { .display_Ad_1 { width: 468px; height: 60px; } }

@media(min-width: 800px) { .display_Ad_1 { width: 728px; height: 90px; } }


<div align=”center”>

<script async src=””></script>

<!– display_Ad_1 –>

<ins class=”adsbygoogle display_Ad_1″





(adsbygoogle = window.adsbygoogle || []).push({});



Change code snapchat features from your data. The width and height pixel values can be modified based on the endorsed ad size list. You can’t just use random sizes because the ad may not appear at all or jump out of the container and disturb your theme.
The mentioned code will change the appearance of the advertisement into a horizontal banner.

Here is The Explanation:

  • If the device screen is less than 500px (mobile phone), the advertisement will appear 320×100.
  • For a device with a screen size between 500 and 800 pixels (tablet), the ad would be 468×60.
  • For devices which have large screens, higher than 800px (desktop), the ad will be changed to 728×90.

The ideal place for the mentioned modified codes is:

  • Central navigation bar at the bottom of the menu.
  • Under or above the blog header.
  • Above or below article titles.
  • At the bottom of article.

If your custom theme supports space like this you can put code using HTML/Javascript gadget. You can also add a custom responsible adsense add unit directly to the HTML code of your theme.

Need to Do After Using Modified Google AdSense Ad Size..

Main idea, after putting code in the subject, present its overview via AdSense format review. The preview ad should be shown in a newly modified size. To access this Ad, you need Adsense Dashboard, Ads > Review > Select Selected Site. Your blog will be previewed soon.

Advertising space can be empty for a moment, only exhibiting the blank space. Once your AdSense ad inventory adjusts itself, more custom ad sizes will start showing up.

AdSense will also provide you with “Subscription”. You’ll get a notification about changing your code but don’t be alarmed. You’ll get a code snippet that will allow you to display ads in full width when viewed from a phone. It’s okay to ignore the notification.


It’s not that difficult to change Adsense ad size. You just need to follow the code example and use your data. This amendment is official so you are not violating any AdSense policy at all. This is absolutely safe and I have personally experienced it myself.

Having a balanced ratio between advertising and content space will ensure that your website is healthy and user-friendly.

Related Articles

Leave a Reply

Back to top button