How to Place Ad Code Inside Blog Post to Increase CTR

Many new be bloggers are finding it difficult to earn more money with their adsense account due to the ad placement. If we are to talk of the best online way of earning money for bloggers, Google Adsense is the highest paying advertiser.

To place the ad code inside your blog post, you will need to follow HTML EDITING procedure to get it right.


Placing adsense ads in middle of all the posts will give a high CTR which eventually increases earnings. In word press, There are customized plugins available for placing ads in middle of the posts. But in case of blogger it is some what tricky part to place adsense ads in middle of all the posts. We have developed a script which can place adsense ads in between the post exactly in the middle of the content. The procedure for placing adsense ads in middle of  the posts in blogger is shared below.

                       Place Adsense Ads In Middle of All The Posts In Blogger:

Follow The below process to place adsense ads in Middle of all the posts automatically in blogger.

Step 1

Login to Your Blogger Account

Go to Template >Edit HTML

Step 2

Search For Below Code in your template.

    <data:post.body/>

You will get multiple codes similar to above code. You have to select the second code which is similar to above code in order to make the script work properly.

Step 3

Replace The above Code With The Below Code.

<div id='jobmiddlenew'>

 <data:post.body/>

          </div>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style>
#addcodemiddle{display: none;}
</style>
<div id='addcodemiddle'>

Place Your Ad Code Here

    </div>

 <script type='text/javascript'>


var str1=document.getElementById(&quot;jobmiddlenew&quot;).innerHTML;
var str2=str1.length;
var str3=str2/2;
var substr = str1.substring(str3, str2);

var n = substr.search(&quot;&lt;br&gt;&quot;);
if(n&lt;0)
{
n = substr.indexOf('.');
if(n&lt;0)
{
n=0;
}
var firsthalf = str1.substring(0, str3+n+1);
var secondhalf = str1.substring(str3+n+1, str2);

}
else
{

var firsthalf = str1.substring(0, str3+n+4);
var secondhalf = str1.substring(str3+n+4, str2);
}
var addcode=&quot;<center>&quot;+document.getElementById(&quot;addcodemiddle&quot;).innerHTML+&quot;</center><br/>&quot;;

var newbody=firsthalf+addcode+secondhalf;


var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;);
strnew[0].innerHTML=newbody;

document.getElementById(&quot;addcodemiddle&quot;).innerHTML=&quot;&quot;;

</script>

  </b:if>

Step 4 

Goto your adsense account and set new ad for this. Make sure you dont use responsive ad, rather choose the squared ad type and get your adcode. You may not be able to complete your editing until you parse your adcode to be able to adapt to your blogger template. Parse your ad code HERE.

Step 5

After getting you parsed adcode then you can Replace The Place Your Ad Code Text With Your Adsense Ad Code in the above code and save your template. You are good to go.


Incase, you have any issue placing your own ad code, please put up your complaint in the comment box