Monday, 23 November 2015

How to Insert Adsense Inside Posts: After the First Paragraph

How to Insert Adsense Inside Posts: After the First Paragraph: do you know that which part of your site is more good for Adsense Earning or you want to know that which part of your site is generate more revenue add Adsense code inside you post and check google heat map, Recent studies showed that placement of Adsense is best after 1st paragraph you can generate more revenue by applying this in your blog. Unfortunately Google blogger not allowed to ads placement within the posts so we will make a script for you to fix that issue.
We will make a JavaScript code for Ad placement using DIV tag and we select the location after first paragraph so now you don't need to add tags in each post manually so you just need to put this script in your blog with your Adsense ads code.
How to Insert Adsense Inside Posts: After the First Paragraph

How to Add Adsense Ads within Blogger Posts

Its very simple to add Adsense Ad code in blogger. just follow below steps to install Adsense Ads code in blogger.
  • Login into Blogger.
  • Go to templates Edit HTML.
  • Press Ctrl + F and Find.
<data:post.body/>

  • You found multiples <data:post.body/> lines in your blogger template please replace 2nd one line with below code.

<div id='adsense-target'><data:post.body/></div>

  •  After this you need to paste blogger if condition code which is written in below.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='adsense-content' style="display:block;text-align: center">ADSENSE CODE HERE</div></b:if>

  • Please use this tool for converting Adsense Ad code for blogger Adsense Ad code converter.
  • Finally right after <div id='adsense-target'><data:post.body/></div> Add below 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(&quot;adsense-content&quot;);
var target = document.getElementById(&quot;adsense-target&quot;);
var linebreak = target.getElementsByTagName(&quot;br&quot;);
if (linebreak.length &gt; 0){
insertAfter(adscont,linebreak[0]);
}
</script>

  • Click save template to save the theme, 
With this trick you can add adsense ads code in yout blog right after first paragraph and i hope you get double quantity ads clicks by using this trick. Enjoy and must leave your feedback here.

2 comments:

  1. i fill this bro but my adsense code found the ads on last on post

    ReplyDelete
  2. give me your website url

    ReplyDelete