Ads Top

How to insert AdSense inside Posts After the First Paragraph

Hello and welcome to GetWebInfo.Com. Here on this post you can learn that How to insert AdSense inside Posts After the First Paragraph. Want to know which part of your site or blog will bring you more profit? Add Adsense inside posts and then check out the famous Google AdSense heat map. Recent studies, however showed that placing AdSense after the first paragraph of a site or blog is one of the best AdSense placement. Unfortunately the default blogger platform offered by Google doesn't allow placement of ad after the first paragraph. But because it has become one of the most profitable area, plenty of webmasters have tried to take advantage of the best AdSense placement. How can you enjoy the same level of profit?



To solve the problem, we will just move the locations of the ads to be displayed by adding JavaScript DIVs. With the following script, you can easily choose the paragraph or heading after which you want to inject the ad to. This way, you won't have to manually change every post.

Add AdSense ad code after first paragraph of the post.

1. Log in to your Blogger account, Select your blog and click" Template" on the left side. Open the template editor using the "Edit HTML" button.

2. Once the editor opened, click anywhere inside the code area and press the CTRL+F keys on your keyboard to open the editor search box. Search the following lines
<data:post.body/>
Note: You will find multiple occurrences of <data:post.body/> but you need to stop at the second one, or if you don't see any changes, lest the last one.

3. Add the below DIVs in red before and after like this. Or in simple words i am saying that you just replace this <data:post.body/> with the code given below this line....

<div id='adsense-target'><data:post.body/></div>
4. Copy the Adsense code that you want to show and use conversion tool online to convert it into plain text. After conversion add the following HTML and replace the "ADSENSE CODE HERE" text with the converted ad code just above the line that we just found.

<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


Alin AdSense left or Rigt

By default the Google AdSense ad unit will appear in the middle just after the first paragraph. If you are unhappy with the results and want to wrap text around the ad, you can choose one of the option given below.

A) Align AdSense on the left- change <div id='adsense-content'style="display:block;text-align: center"> with this one

<div id='adsense-content' style="display: inline-block;float: left;margin:15px 15px 15px 0px">
After modifying your ad post looks like that....


B) Align AdSense ad on the right of the content- Change it <div id='adsense-content'style="display:block;text-align: center"> with :


<div id='adsense-content' style="display:inline-block;float:right;margin:15px 0px 15px 15px">
5. Finally right after <div id='adsense-target'><data:post.body/></div> from
Step 2, add this 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>
How to Customize it

To insert the ad after the second paragraph, change "o" from the line in red with "2".
If you want to put AdSense just below the heading h2 or heading h3 of a post, replace br from &quot;br&quot; with h2 or h3.

6 Click "Save your Template button" to save the changes and you can all Done....

I Hope this trick is really help full for you. If you like this article so please share it with your friends on Social Media thanks for Reading.......

No comments:

Powered by Blogger.