How To Put AdSense Ads Inside The Blogger Post

How to put adsens ads inside the blogger post
How to put Ad sense ads inside the post

Google AdSense is used widely by professional bloggers for their website monetization because it is popular and a cookie based contextual advertising system that shows targeted ads relevant to the content and reader. Google AdSense ads give you the higher revenue than any other advertising system in the world. As bloggers are paid on per click basis, they try various ad placements on the blog page to increase the revenue and get maximum clicks on the ad units.



Are you thinking to earn more money with Google AdSense ads? Publishing AdSense ads on your blog pages is very easy, but selecting the location for ads on your blog is very important. Some locations on your blog may give you more clicks and more revenue. Implementing AdSense code to your blog’s HTML or blogger widget can only show ads on the home page at sidebar and footer location of your blog.

For best results to watch from your blog pages and more active clicks for your ads, the Google ads should be placed inside the post at middle or below posts tittle. Unfortunately the default blogger platform offered by Google does not allow placement of ads inside the blogger post.

Here I am going to explain you ‘How to put AdSense ads inside the blogger post’

Also Read:    Cool and Best Recent Posts Widgets for Your Blogger


How To Put AdSense Ads Inside The Blogger Post ?


Step 1:

First thing we need to do is to Parse the AdSense code. To Parse your AdSense code, Click here.


Step 2:

Go to your Blogger Dashboard >> Template >> Edit HTML and search (Ctrl + F) for the tag

                     <data:post.body/>


How to put adsens ads inside the blogger post


Step 3:

Replace the <data:post.body/> tag where ever you find with following 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>


Step 4:

Replace the annotation <! -- Add here the code of your ad -->  in above code with parsed AdSense code and then save your template by clicking on Save template. 

     Note:   For centering the ads, add the center tag before and after the AdSense code as below,

<div style="clear:both; margin:10px 0"><center> <!-- Add here the code of your ad --></center></div>

Must Read:    How To Add Stylish Custom Search Boxes To Blogger

Step 5:

When you create your new post, add the below tag inside the HTML section where you want the Google AdSense ads to be appear.

<!-- adsense --> 

Example:

&quot;calibri&quot; , sans-serif;"><b><a href="http://www.pagetowatch.com/2015/10/cool-and-best-recent-posts-widgets-for-blogger.html" target="_blank">Cool and Best Recent Posts Widgets for Your Blogger</a></b></span></span></div><div class="MsoNormal" style="text-align: justify;"></div><ul><!-- adsense --><li><b style="text-indent: -0.25in;"><span style="font-family: &quot;calibri&quot; , sans-serif; font-size: 12.5pt;">Beautiful Theme:</span></b><span style="font-family: &quot;calibri&quot; , sans-serif; font-size: 12.5pt; text-indent: -0.25in;"> It's time tobeautify your screen in contemporary style with the 'Beautiful theme. Not justthat, this theme bundles awesome HD wallpapers and totally custom icons for


Also read:   How to Add Numbered Page Navigation on Blogger Blog

Note:  If you don't add the label <!-- adsense -->   inside your post's HTML, then the ad will appear just below the post tittle by default.

Also note that by applying this method of putting AdSense ads inside the blogger post, we are not changing the structure of ad, hence we are not violating the Google's terms of service.









2 Comments:

  1. when not using this code "!-- adsense -- ", ads will appear blow the post title, but i need the ads to appear below the post.

    ReplyDelete

Privacy Policy
Disclaimer
Terms of Service
Sitemap