How to show AdSense Ads in the body of blogger blogs


Learn how to add custom sized AdSense Ad units in the middle of the body of blogs hosted on Blogger. Find step by step directions to add custom size AdSense ads to your blog.

A couple of days ago, Google announced custom sized AdSense Ad units to the public. I have been using custom sized ads for a while as a premium AdSense feature for a while and was not very impressed with the results. However, the results can vary from blog to blog and if you really want to try it in your blogger, read further.

In this article, I am demonstrating 2 things:

1. How to place a custom sized AdSense ad unit as a widget by editing the layout

2. How to insert an ad unit in the middle of the content (in the body), by directly editing the html of the post.

As of now, Blogger does not offer any built-in widgets that allow you to use custom sized AdSense ads in your blog. Currently, your best option is to generate custom sized AdSense ad code directly from AdSense website and then insert it to your blog layout using HTML/JavaScript widget.

See step by step instructions to use custom size AdSense ad units:

1. Login to your AdSense account.

2. Go to "My Ads" tab, click on "Create new ad unit" and create a new ad unit using the size "Custom ad size". Generate the ad code and save it in a notepad file.

3. Login to your Blogger account and open your blog

4. Click on "Layout"

5. Identify the place where you want to place the ad unit. Click on "Add a Gadget" for the appropriate place.

Edit template to add script

6. Look for the widget named "HTML/JavaScript". Click on it to select and add it to your layout. (Do not use the widget named "AdSense" since that doesn't allow custom sizes yet).

Add custom AdSense ad

6. The Html/JavaScript widget will open in a popup window. Copy and paste the AdSense ad code which you generated using the custom size option to the content area of the widget editor.

Custom Ad sizes for Blogger blog

7. Click on "Save" in the widget editor.

8. Click on "Save Arrangement" in the layout editor page of your blog.

9. Click on "View blog".

If your ad code is just generated, it may take 5 to 15 minutes before it starts showing real ads. So, patiently wait for the custom sized AdSense ads to show up in your blog. I am sure that eventually the AdSense widget will be enhanced to support custom sized ads without having to manually insert AdSense code in your blog layout.



How to insert custom size AdSense ads in the body of the blog posts


The above approach shows how to insert ads to the layout, which will be applied to all pages of your blog. If you like to insert custom size AdSense Ads within the body, you can follow a similar approach. In this case, you will have to manually insert the ad code in each blog post by editing the page in HTML mode and inserting the code within the content.

Follow the steps below:

1. Edit the blog post you want to insert the ad into.

2. Click on "HTML" so that you can see the raw html of your post.

3. Copy and paste the AdSense ad code from your AdSense account to an appropriate place within the content of the post. Carefully select the place to insert the AdSense script and make sure you do not break any html in the content.

4. Update the post and view it to make sure your ad appears in the right place where you wanted it to.

Screenshot showing AdSense ads in the body of blog

AdSense Ads in the body of Blogger Blogs
The above screenshot shows a demo page I setup to experiment with the custom AdSense ads in blogger blogs

This approach is ideal if you like your Ad to appear at various locations within the body of the blog posts. If you prefer the ad to be a in a fixed location like under the title, at the end of the body etc, then you can edit the template itself and insert the script in the template, so that you don't have to repeat this for each and every post.

Read our AdSense Tips to increase your revenue from Google AdSense program.



Read How to get placement targeted AdSense Ads for your blog


Article by Tony John
Tony John is a professional blogger from India, who started his first Weblog in 1998 at Tripod.com. Tony switched to blogging as a passion blended business in the year 2000 and currently operates several popular web properties including IndiaStudyChannel.com, Techulator.com, dotnetspider.com and many more.

Follow Tony John or read 647 articles authored by Tony John

Comments

Guest Author: Ankit17 Dec 2013

Adsense code inserted within the body does not work in blogger blogs. You have to do that through template editing only.

Author: Tony John17 Dec 2013 Member Level: Diamond   Points : 2

Ankit,

It is working for me. Take a look at this page:
http://activa-i.blogspot.in/2013/06/honda-activa-specification.html

You can see the ads displayed in the middle of the content, which is placed by editing the html of the page.

Author: Ankit17 Dec 2013 Member Level: Platinum   Points : 3

Hmm.. this is surprising honestly. Till now blogspot bloggers used to edit the template which allow showing the ads at the end of the post or at just below the title. If you search for "how to add Adsense ads inside blogger post" you would get a lot of results. It wouldn't take Javascript earlier but now Blogspot team seems to have made changes.

Guest Author: Anwar03 Feb 2014

I tried to follow the steps above but ads are not displaying in my Blogger blog. Can you tell me what could be the reason?

Author: Tony John03 Feb 2014 Member Level: Diamond   Points : 2

Anwar,

Did you wait 15-20 minutes and see if the Ads are appearing? When you create new ad units, it will take sometime to start showing ads.

Also, when you re edit the ad placement in the body of the blog, make sure the HTML is not messed up. Also make sure you are using the new blogger templates.

Guest Author: Kiran07 Mar 2014

Hello sir,

I read your article about placing AdSense ads inside the body of the Blogger blogs and found very impressive.

I have one doubt regarding this. Is there any way to place Google AdSense ads automatically within the content, rather than editing each page manually? Something like editing basic template and AdSense ads automatically added to the body of every post? I'm asking because it is very difficult to go to each page and edit it. It would be very helpful if it can be done once in the template level.

Author: Tony John07 Mar 2014 Member Level: Diamond   Points : 4

Kiran,

I doubt if there is anyway you can do this at the template level. If you just want to show the Ads under the title or at the end of the body, you can do it at the template level. However, to place AdSense ads in the middle, you cannot edit and do at template level. Because, you cannot specify the part of the body at which you want to show the Ads. Either in the beginning or at the end is possible but not inside the content of the body. I think the only option is to edit each blog post and manually place the AdSense ad widget wherever you want within the body.

Guest Author: Jewel rahman07 Oct 2015

This is actually a great and useful piece of info about displaying AdSense ad units in the main blog body. I’m happy that you just shared this useful info with us. Thank you for sharing.



  • Do not include your name, "with regards" etc in the comment. Write detailed comment, relevant to the topic.
  • No HTML formatting and links to other web sites are allowed.
  • This is a strictly moderated site. Absolutely no spam allowed.
  • Name:
    Email: