How To Add Adsense Ads To Blogger Before, Middle, After Post!

Avatar
Topic Stats
Comments: 0
Likes: 0
Views: 1085
maya
Hello. You are blogging on Google Blogger blog and would like to make some money from your hard work with Adsense PPC advertising right!

Well Google has integrated monetization option to Blogger that will show a box on the right side containing your Ad but it's not cool at all since users can easily see that it's an ad and won't click on and that will be reflected on our CTR.

The solution is to blend the Ad unit with out post text so that it will look more like part of the content and that will make users click on it increasing CTR and earnings.

Depending on your post content you could considered adding Adsense Ad or Ads:

Before
In the middle
At the end

Or pretty much anywhere you like!


Now let see how are we gonna pull this off.

Go to your blog on the right side menu click on template and then click on Edit HTML.

Caution! Please make a backup of your blog template just in case!

Not you should see a whole bunch of code simply click inside of it and then on your keyboard press Ctrl+F type into the search bar:

Code:
<data:post.body/>

Now replace the code above with this one:

Code:
<div expr:id='"adsmiddle1" + data:post.id'></div>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style="clear:both; margin:10px 0">
<!-- Add here the code of your ad -->
</div>
</b:if>
</b:if>
<div expr:id='"adsmiddle2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("adsmiddle1<data:post.id/>");
var obj1=document.getElementById("adsmiddle2<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>

Notice inside the code: <!-- Add here the code of your ad -->

You should replace this part with your Adsense converted to blogger ad code! To convert it simply Google for: Adsense Ad Code Converter.

Save your template.

Now every time you publish a new blog post switch to HTML version and add this tag anywhere inside your post where you want the Adsense to show!

Code:
<!-- adsense -->

Notice! If you don't add this tag to your post by default Adsense ad will show below the Blog Title!

Like this post and good bye!
anuncios gratis