Show Google Adsense Ads Below Post Title and Post Body

In this tutorial I will explain how to place Adsense Ads below post title in Blogger Blogs with lots of customization tips. You might have noticed that most of the bloggers show Google Adsense ads below title to increase their "Click Through Rate" (CTR) and earnings.

According to Google Adsense help pages " Where to place Adsense Ads ?". Placing Adsense ads below title and above article content can bring high CTR and performance.



How to place Adsense Ads between Blog posts:

By doing this,the Adsense units will be displayed between the blog posts in the homepage, archive pages and permalink (individual post pages).


1. Sign in to your Blogger Dashboard > Click on the Layout link


2. Click on the Edit link in the "Blog Posts' column [look at the below screenshot]

A pop up window opens ...

3. Check the box next to 'Show Ads Between Posts'

Next, Configure the Inline Ads, choose the Format, Colors etc and SAVE THE CHANGES.

That's it! Now your Adsense Ads will show between blog posts.


Showing Adsense Ad only in Post pages :-

1. Sign in to your Blogger Dashboard > Layout > Edit html

Check the box next to 'Expand Widget Templates'

2. Scroll down the window till you see this code

<b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if>


3. Replace that code in the template with the below code

<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> </b:if>

4. Again, scroll down the template and find out data-post body tag

Copy the following code :-

<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> </b:if>

If you want Ads to show above the Post Body after the Post Title, paste the code above that tag.




If you want Ads to show below the Post Body, paste the code below that tag.



If you would like to show them at both the top and bottom of your posts you should only show them on the post pages since we are only allowed to display a certain amount on each page so to get them at the bottom and top of your posts.

<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> </b:if>


Paste the code above and below the <data:post.body/> tag so it should look something like the following screenshot



Save the template and view a post on your blog you should see Ads at the top and bottom of the Post Body.

Leave you comments if you like the post or if you have any questions doubts.

5 comments:

Thanks for the Adsense tutorial, I will do it in my blog.

Why " " and not " "?

I meant why
data:adEnd
data:adCode
data:adStart
and not
data:adStart
data:adCode
data:adEnd

Awesome article! You are providing us very valid information. This is worth reading. Keep sharing more such articles.
Data Science and Finance
Data Science Applications in Finance

Post a Comment