How to Implement In-Article Adsense Ads on a Blogger’s Theme

Implementing an in-article AdSense ad on a Blogger’s theme involves specific configuration within the HTML document to ensure its appearance on the front-end.

In-article ads are particularly valuable for Adsense users due to their higher Click-Through Rates (CTR), attributed to their integration with content.

Google has outlined specific implementation guidelines for these ads, recommending placement within blog posts, particularly in the second paragraph for optimal performance. For longer content, it’s advisable to repeat the ad intermittently.

In-article Adsense ads boast a higher fill rate and CTR, making them advantageous for revenue accumulation, a promising prospect for publishers.

To insert an in-article AdSense ad on a Blogger’s theme, follow these steps:

1:Generate an In-Article Ad via the AdSense Dashboard

2.Copy the generated in-article ad and convert it into parser code here

3.Access the Blogger dashboard and proceed to edit the theme as depicted in the image below

4.Within the HTML section, click and then use the Ctrl+F key combination to bring up the search box within the HTML editor.

5.Locate <data:post.body/> within the HTML of the post, which may be positioned as the first element for Google themes or at varying positions such as second, third, or fourth for custom themes based on the style of your template.

6.”Substitute the aforementioned codes with the following:”

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='dt-target'>
<data:post.body/>
</div>
<div id='ad-content'>
<div style='margin:15px 0;text-align:center;clear:both;'>
“ADSENSE-CODE”
</div>
 </div>
<div id='dt-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(&quot;ad-content&quot;);
var target = document.getElementById(&quot;dt-target&quot;);
var linebreak = target.getElementsByTagName(&quot;br&quot;);
if (linebreak.length &gt; 0){
insertAfter(adscont,linebreak[2]);
}
</script>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

7.Substitute the term ‘ADSENSE-CODE’ with your parsed in-article code.

8.Save your theme settings to complete the process.

TAGS:#Adsense #Blogger