Trending

6/recent/ticker-posts

ads

Share

How To Automatically Place Adsense Ads In Every Post On Blogger Website/Blogspot

How To Automatically Place Adsense Ads In Every Post On Blogger Website/Blogspot


 We work hard to write an article, but we can’t make it even harder by placing Ads code one by one on every Blogger blog post. This tutorial will discuss, How to automatically add AdSense ads into the middle of every Blogger blog post? Follow the steps provided below.

Benefits of Adding Adsense Ads in Every Blog Post.

It is very tough and time-consuming to pick AdSense Ad code from AdSense and add it to every blog post. Sometimes we may forget to add the codes. This leads to a loss in revenue. Its solution is to add the AdSense ads code once and relax. Your AdSense ads code will insert in every blog post automatically.

We can quickly implement Adsense Ad code to show ads in the middle of every post. For this, use “text and image“, “text-only ads“, or a new type of Native Ads, “In-Article Ads”.

If you’re looking to place AdSense ads automatically in the Blogger feed, refer our this article to set up In-feed ads for Blogger.

How to implement Adsense ads automatically in the Blogger posts?

Google introduced new kinds of native ads for its publishers to increase revenue and a good user experience. According to Google, these native kinds of ads can increase AdSense revenue by 60%. But as per our experience, we’ll advise placing “Text and Image” type of AdSense Ads for better results.

But here, you can add any ad unit using our code provided below to implement ads in the middle of a Blogger blog. Just copy the provided code, change ad unit values and place it as suggested in this article.

1. Insert AdSense ads code in every Blogger post automatically, using XML code.

By implementing the code provided below into your Blogger theme file, you can show AdSense ads on every Blogger post. For this, you need to edit the Blogger Theme.


<b:if cond='data:view.isPost'>

<div id='daoptimisticinfo-target'>

 <data:post.body/>

</div>

<div id='daoptimisticinfo-content'>

<div style='margin:15px 0;text-align:center;clear:both;'>

      <!--Place Your Parsed Adsense Ad code here-->

</div>

 </div>

<div id='daoptimisticinfo-target'>

 <script type='text/javascript'>

function insertAfter(addition,target) {

var parent = target.parentNode;

if (parent.lastChild == target) {

parent.appendChild(addition); 

} else {

parent.insertBefore(addition,target.nextSibling);

}

}

var adscont = document.getElementById("daoptimisticinfo-content");

var target = document.getElementById("daoptimisticinfo-target");

var linebreak = target.getElementsByTagName("br");

if (linebreak.length > 0){

insertAfter(adscont,linebreak[2]);

}

</script>


</div>

</b:if>

 <b:if cond='data:view.isPage'><data:post.body/></b:if>


  1. Copy Above Code and Paste it into Notepad or any text editor application.
  2. Open the Google Adsense Account
  3. Generate Adsense Ads or any ads(Text and Image) code
  4. Replace line <!–Place Your Parsed Adsense Ad code here–> with the Adsense code.
  5. Now Open blogger.com and select “Theme”.
  6. Download the theme file for backup.
  7. Now click on “Edit HTML”.
  8. Now you’ll see XML of your blog.
  9. And Now search <data:post.body/>. If you cannot find it, copy the whole file and edit it externally using any text editor.

Replace <data:post.body/> with the above code(created in Notepad).

Note: In the latest Blogger theme, there is only one <data:post.body/> tag, but if you’re using older themes, there may be 2 or 3 or more results for <data:post.body/>. In such an old version of the theme, you’ve to make hit and the trial method by checking all <data:post.body/>. In most of the templates, it works on the 3rd result of <data:post.body/>.


Changes to be made are:

Replace “**YOUR PRASED AD CODES**” with your own ads code.

This code you replaced will appear in the middle of Blogger Blog as an Adsense ad.

The Adsense Ads will place after the 2nd Paragraph of the Blogger post,


Place Multiple AdSense ads Automatically in Every Post of Blogger

And If you want to place more than one Adsense Ad in between the multiple paragraphs of the Blogger post, Replace the code given below instead of the previous code.

<b:if cond='data:view.isPost'>

<div id='daoptimisticinfo-target'>

 <data:post.body/>

</div>

<div id='daoptimisticinfo-content1'>

<div style='margin:15px 0;text-align:center;clear:both;'>

      <!--Place Your 1st Parsed Adsense Ad code here-->

</div>  

 </div>

 <div id='daoptimisticinfo-content2'>

<div style='margin:15px 0;text-align:center;clear:both;'>

      <!--Place Your 2nd Parsed Adsense Ad code here-->

</div>  

 </div>

<div id='daoptimisticinfo-target'>

 <script type='text/javascript'>

function insertAfter(addition,target) {

var parent = target.parentNode;

if (parent.lastChild == target) {

parent.appendChild(addition); 

} else {

parent.insertBefore(addition,target.nextSibling);

}

}

var adscont = document.getElementById("daoptimisticinfo-content1");

var target = document.getElementById("daoptimisticinfo-target");

var linebreak = target.getElementsByTagName("br");

if (linebreak.length > 0){

insertAfter(adscont,linebreak[1]);

}

</script>

     <script type='text/javascript'>

function insertAfter(addition,target) {

var parent = target.parentNode;

if (parent.lastChild == target) {

parent.appendChild(addition); 

} else {

parent.insertBefore(addition,target.nextSibling);

}

}

var adscont = document.getElementById("daoptimisticinfo-content2");

var target = document.getElementById("daoptimisticinfo-target");

var linebreak = target.getElementsByTagName("br");

if (linebreak.length > 0){

insertAfter(adscont,linebreak[3]);

}

</script>


</div>

</b:if>

<b:if cond='data:view.isPage'><data:post.body/></b:if>



Place the two different AdSense ads in the <!–Place Your Parsed Adsense Ad code here–>. We recommend you to place a max of 2 ads if your article is 600 words long. If you place a higher number of ads, then invalid clicks may increase and lower the CPC you get. That is completely a wrong practice.

target.getElementsByTagName("br"); Declares the ads’ location. Here to default tag for Blogger post is br for the break <br>. You can change it to p, h2, h3, h4 according to the need. If you don’t know what this is, then leave it as it is.


insertAfter(adscont,linebreak[n]); Declared how many tags the ads should be visible. Where n=number of tags-1, i.e., for 4 tags, n will be 4-1=3.


So if you want to display after 1 line break, then place 0 instead of 3,

display an ad after 2 tags, then put 1 instead of 3,

and so on.

We aim to increase AdSense revenue of a website or blog. For this, focus on writing SEO Friendly content that leads to results in high CPC.

If you find the above article helpful or any doubt, ask in the comment section below. We’ll be happy to help you. Thank you.

Post a Comment

0 Comments

Search