How to place adsense ads in the middle of blogger posts

Learn how to automatically place AdSense ads in the middle of Blogger posts to boost visibility, engagement, and revenue with a simple setup.
How to place adsense ads in the middle of blogger posts
How to place adsense ads in the middle of blogger posts

Hello everyone, on this occasion I will share how to place AdSense ads in the middle of a post.

How can Google AdSense earnings continue to increase? This question certainly has many answers, depending on the perspective from which we look at it.

Basically, Google AdSense income is closely related to ad placement—that is, the position where the ad is displayed. The middle of an article is the most strategic location for placing ads because it attracts more attention from visitors who are actively reading the blog post.

So here we will use JavaScript, which allows the ad to automatically appear in the middle of the post without damaging the content. Important: make sure that when you create an article, you use the <p></p> tag when creating a new paragraph. Otherwise, the ad will not appear. For those of you who want to try it, please follow the steps below.

How to Place AdSense Ads in the Middle of Blogger Posts

  1. First, go to Blogger
  2. Select Theme, then Edit HTML.
  3. Copy and paste the JavaScript code below just above the </body> tag.
  4. If you cannot find it, it may have been parsed and appear like &lt;!--</body>--&gt;&lt;/body&gt;
<b:if cond='data:view.isPost'>
<script>
//<![CDATA[
!function(){let e=document.getElementsByClassName("clouddroid-middleAds")[0];if(e){let t=document.querySelectorAll(".post-body p"),n=parseInt(t.length/2);"P"==t[n].nodeName?t[n].parentNode.insertBefore(e,t[n]):t[n].parentNode.insertBefore(e,t[n].nextSibling)}}();
//]]>
</script>
</b:if>

Next, look for the code <data:post.body/>. Usually, there is more than one. You can choose the one inside the post page conditional tag. If you’re unsure, try them one by one. Once you find it, add the following HTML code below <data:post.body/>.

<div class='clouddroid-middleAds'>
<!-- adsense ad code here -->
</div>

Info!
Please replace the code <!-- place your AdSense ad code here --> with your own AdSense ad code.

That’s all for this guide on how to place AdSense ads in the middle of Blogger posts . Hopefully, it’s useful.

إرسال تعليق