How to Add AdSense Ads after the First Paragraph in Blogger

Adsense is used by majority of expert bloggers for their website monetization because it is a cookie based contextual advertising system that shows targeted ads relevant to the content and reader. As bloggers are paid on per click basis, they try various ad placements on the blog to increase the revenue and get maximum clicks on the ad units. 

Placing AdSense ad units just after the first paragraphs of your articles would help you to maximize your earning potentials. Just think, your visitors give most of their attentions to which element on your blog? It’s not your Header, footer, sidebar not even your commenting box. Visitor only lands on your website for the sake of reading your content, so having a small Ad just between your articles would certainly increase your CTR as well as earning percentage. (Display AdSense Ads after the First Paragraph in Blogger)

Today we will learn how we can show Adsense ads inside the Blogger post and after the first paragraph.  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 areas, 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 and 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.

Insert Adsense Inside Posts: After the First Paragraph

Step 1: Log into your Blogger account and click "Template" on the left side.
 

Step 2: After click on "Edit HTML" button.

Step 3: Once the editor has opened, click anywhere inside the code area and press the CTRL + F keys on your keyboard to open the editor' search box.

Step 4: Now, search the following line.

<data:post.body/>

Note: If you find multiple occurrences of <data:post.body/>, stop at the second one or the last one.

Step 5: Add the below DIVs in blue before and after, like this.

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

Step 6: Copy the AdSense code that you want to show and use adsense code converter tool to convert it into plain text. Just above the line that we just found, add the following HTML and replace the "PLACE YOUR AD CODE HERE" text with the converted ad code:

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

Screenshot:

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 options below:

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

<div id='adsense-content' style="display: inline-block;float: left;margin:15px 15px 15px 0px">

After modifying it, the ad will display something like this:

(B) Align AdSense ad to the right of the content: change <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">

Step 7: Finally, right after <div id='adsense-target'><data:post.body/></div> (Step 5), 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>

Note:
• Insert the ad after the second paragraph, change "0" 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.

Step 8: Click on Save Template button and you are done.

This tips you can insert AdSense after the first paragraph automatically in Blogger with ease. Now it's your turn to decide which format works best on your blog or site. 

So, these were all the ways to put Google Adsense ads after the first paragraphs. As I mentioned above, you can also use some other ads below post title as well. Now, it’s your turn to check which format and ad size work best for increasing CTR of your blog. Display AdSense Ads after the First Paragraph in Blogger Done.