Twitter
RSS
SillyCash Store
Click Here To Shopping

How To Place Google Ads In Middle Of The Post In Blogger

All you are aware that Google ads can be placed at the top and bottom of the post. Placing ads here gets a lot of clicks thus resulting in more revenue. But there is a way to put Google ads in the middle of the post. According to me its the most profitable area to put ads.

Yesterday I edited my template and placed 468 x 60 size text ad in the middle of the posts to check the difference in my clicks. When today I opened my Adsense account I was surprised to see that my number of clicks were doubled.

How to put ads in the middle of the post
:
Problem

In the famous Google AdSense heat map are reported the most profitable areas where to put advertising for your site or blog.
There is no mention of a placement in the middle of your posts. Why?
Because by default Blogger, the blogging platform offered by Google, doesn’t offer a way to break a post in the middle and put there an ad.
But, if you search very carefully on the Net, you’ll find that several webmasters tried to put ads in that position and report a significant increase in profits.

This site doesn’t confirm an increase in profits when an ad is in the middle of a post, but explains how to put AdSense in the middle of a Blogger post.

Solution

There is a simple way to solve this problem: move post body around the advertising code, just with a bunch of JavaScript and a couple of DIVs. In 2 easy steps:

In your Blogger template:


OLD BLOGGER

Find the tag <$BlogItemBody$> and replace it with following code:

<div expr:id='"aim1" + data:post.id'></div>

<div style="clear:both; margin:10px 0">
    <!-- Your AdSense code here -->
</div>

<div expr:id='"aim2" + data:post.id'>
    <data:post.body/>
</div>

<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

NEW BLOGGER

Find the tag data:post.body (you must check Expand Widget Templates in Blogger console) and replace it with following code:

<div expr:id='"aim1" + data:post.id'></div>

<div style="clear:both; margin:10px 0">
    <!-- Your AdSense code here -->
</div>

<div expr:id='"aim2" + data:post.id'>
    <data:post.body/>
</div>

<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>


# Note that you must replace <!-- Your AdSense code here --> with block code provided by Google.


# In every blog post:

Put a special comment

<!-- Your AdSense code here -->

in the exact point you want to appear AdSense advertising.
Done!

Notes

There are a couple of different approaches to solve the stated problem, both not working:

  1. Write all AdSense code block directly inside the post.

    This is not working because Blogger will warn you it’s prohibited to insert JavaScript code inside a post.
    Even bypassing the error (flagging Stop showing HTML errors for this post) what you’ll get is not what you wanted.

  2. Write a JavaScript to move AdSense code block in the middle of our post.

    While this method works, it’s prohibited by the Google ToS since you have to modify the AdSense code itself.

Comments (0)

Post a Comment

Subscribe via email

Enter your email address:

Delivered by FeedBurner