January 13, 2017

How To Place or Make AdSense Ads Display in the Middle of Blogger & Wordpress Blog Posts


Google AdSense is a top PPC Ad network that helps blogger or publishers make money with their online content by placing ads on them and when been clicked, they earn money. After getting AdSense approval, the next thing is to place AdSense ads in your site or blog via layout section in blogger and appearance in wordpress.

Though you can place Google AdSense ads in your blog posts at the beginning and end of posts but that won't be okay if you gat a very voluminous article because your readers won't see ads. Therefore, i will teach you how to add Google AdSense ads between your blog posts.

If you have a WordPress blog then you can do this job by optimized plugins and you know that blogger doesn’t support the plugins, but in this post, I
want to share a script with you which will help you place Google Adsense ads in the middle of the blogger blog post.

Step 1 : First of all, login into your Google Adsense and create an ad unit code that you want to add in the middle in your blogger post, then prase the AdSense Ad Code Here.

Step 2 : Log in to your Blogger Dashboard, Click Template >> Edit HTML

Step 3 : After the opening, all coding, click on the template editor and search for <data:post.body/>  you will find more than one code, try the second one.

Note : If you have already added AdSense ads to the beginning and end of your blog posts, remember you made use of code →<data:post.body/> , then use that same code here


4. Copy the below code and replace
<data:post.body/> with it.


<div expr:id='&quot;post1&quot; + data:
post.id'/>
<div class='googlepublisherads' style='
margin:20px 0'>
<center>
PUT YOUR PRASED AD CODE HERE 
</center>
</div>
<div expr:id='&quot;post2&quot; + data:
post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;
post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;
post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/ 2 );
var r=t.lastIndexOf(&quot;&lt;br&gt;&
quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r
);obj1.innerHTML=s.substr(r+4);}
</script>




Replace PUT YOUR PRASED AD CODE HERE with the Google Adsense prased code and "Save" the template.


Now view your blog any post, wow you have successfully added Google Adsense ad in the middle in the blogger post.

Note: Your ad will appear after the first </br> in the blog post, so this is mandatory to have a </br> tag in the blog post. If your post doesn’t have any </br> in a post, then the ad will appear in below title by default. You can put any other PPC ads network such BuySellAds, bidvertiser, yahoo or custom banner instead the Google Adsense.


How to Modify the Position Adsense ad in blogger post?

Like I said earlier that the ad will appear after the first </br> however if you want to change the position of ads you can modify thought blue marked number, following some modifications
you can do.

  1. To put the ads in the second </ b> of blog posts, then replace the blue number 2 with 3.
  2. To put the Adsense ads in a quarter of a post, please replace the 2 with 4. 


Therefore, friends this a simple but very important trick which I shared with you. After putting the Adsense ad in the middle of posts , you will note the significant increase in your earnings in a few days. More importantly, you don’t need worry about the Google’s terms violation because you don’t change the ad code structure. 

1 comment:

Please drop your comments before you leave. Your comments are highly appreciated. Click HERE to learn how to Comment On Our Horlartechgist. You can also GET IN TOUCH with us via our Social Media Platforms.