10/09/2017

Insert AdSense Native InArticle Ads Between All Posts In Blogger



Insert AdSense Native InArticle Between All Posts In Blogger
AdSense is one of the best ad network to monetize a blog because there is no any alternative to it which pays high CPC and CPM rate. Some days ago, AdSense announced its new AdSense policy that you are now allowed to put more than 3 Ads unit per page on a condition that total ads should not exceed your content. You can read the full policy here.

Along with the policy, Adsense also launched a new ad unit, i.e., In-Article unit, which is recommended to add between the article of your blog post.

Note: You can only add this ad unit after the 3rd or 4th line of your article or between all blog posts. This ad unit does not work in sidebar or footer.

If you are on WordPress, then you can easily insert in-article between all post just by using a WP plugin. But as you know that third party plugin does not work on blogger. So, in this guide, we will use Jquery invoking plugin which will automatically insert the ad between all blog post on page load. And this is safe to AdSense.

How to insert AdSense InArticle ads unit between all posts in blogger?

The very first thing which you need to do is to create a new native InArticle ads unit. Follow the below steps.

How to setup AdSense native InArticle Ad unit?

1. First of all, sign in to your AdSense account.
2. Then navigate to 'MyAds.'
3. Then click on +New ad unit.
4. Now, click on In-article Ads.
5. Now you need to give a name to your ad unit as usual.
6. Then customize you are ads as per your desire.
7. And then click on 'Save and Get the code.'

keep the code in notepad.

Lets see the next step.

Note: Do not forget to keep a backup of your blog template.


How to add AdSense native InArticle ads between all posts in Blogger?

Note:- You must need to add page-break manually in blog posts. Otherwise this tutorial will not work for you.

Note:- Make sure that Your blog template has an updated Jquery Plugin. If do not have then add the below code just below the opening head tag.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js' type='text/javascript'></script>
1. Login to your blogger account and then navigate to the template editor.
2. Now, add the below code just above closing </body> tag.

<b:if cond='data:blog.pageType == "item"'>
<div style="display: none; float:center;">
<div id="adsense-ads">
<br/><center>
<!-- adsense ads unit insert here -->
<br/></center>
</div>
</div>

<script>
$(document).ready(function(){
  jQuery('#adsense-ads').appendTo(jQuery('a[name="more"]'));
    });
</script>
</b:if>
Customization: Replace <!-- adsense ads unit insert here --> with the ad unit which you kept into the notepad.

And now, save the template. That's it.

Thanks. I hope that the above step by step guide helped to add the AdSense ad in between the post.





About Vishal Chopra
Vishal Chopra is a part-time blogger And Fountainhead of 'Blogger SEO Lab'. He has been a huge fan of Blogger since he first laid eyes on it, and has been writing informative content for Blogspot users since 2014.


Leave a Comment!