Search Bar

In this post i will show you that How to add In-feed ads in Blogger and Increase your Earnings very easily. 

How to add In-feed ads in Blogger, Increase your Earnings

This Post will guide you with how to create Native In-feed Ad units in blogger and where to paste the In-feed ad unit code in a blogspot template to monetize your homepage and label pages.

in-feed ads

In-feed ads are called "native" because you can customize them easily to match the look of your blog content. Lets learn how to add AdSense ads between posts in blogger.




    Types of In-Feed Ads

    Types of In-Feed Ads
    • Image Above
    • Image on the side
    • Title Above
    • Test Only
    • In-Feed Ads Theme Selection
    • Light Background
    • Dark Background

    How To Create a Native In-feed Ads Unit in AdSense

    To start showing In-feed Ads units inside blogspot feed, you will first need to create this new ad unit inside your AdSense account.

    How To Create a Native In-feed Ads Unit in AdSense


    Follow these easy steps:
    • Sign in to your AdSense account.
    • Click My ads.
    • Click +New ad unit.
    • Select In-feed ads.
    • create in-feed ad unit in adsense
    • Select a layout
    • Save your In-Feed Ad Code
    • Lastly, Copy Code snippet
    How to add In-Feed ads unit to blogger
    • Go To Blogger
    • Theme
    • Backup your Theme
    • Click Edit HTML
    Search inside the editor (press Ctrl + F) the following code:

    In Edit HTML page search showinlineads,

    Change the value of 'showinlineads' to 'true'




    Now search postsPerAd

    Change the value of 'postsPerAd' to '2'

    Note: in value of postsPerAd you can place any value instead of 1 or 2 etc, After how many posts feed you want to show ads, according to post displayed on the webpage.
    <b:widget-setting name='showTimestamp'>true</b:widget-setting>
    <b:widget-setting name='postsPerAd'>1</b:widget-setting>
    <b:widget-setting name='showBacklinks'>false</b:widget-setting>
    <b:widget-setting name='style.bordercolor'>#ff5b4d</b:widget-setting>
    <b:widget-setting name='showInlineAds'>false</b:widget-setting>
    <b:widget-setting name='showReactions'>false</b:widget-setting>

    After makes changes in your theme code
     
    <b:widget-setting name='showTimestamp'>true</b:widget-setting>
    <b:widget-setting name='postsPerAd'>3</b:widget-setting>
    <b:widget-setting name='showBacklinks'>false</b:widget-setting>
    <b:widget-setting name='style.bordercolor'>#ff5b4d</b:widget-setting>
    <b:widget-setting name='showInlineAds'>true</b:widget-setting>
    <b:widget-setting name='showReactions'>false</b:widget-setting>






    Now find the tag <data:adcode/> or <data:this.adCode/> and replace that with your Adsense ads code.

    Final Words

    I hope you have understood by now how to add in-feeds ads to your blogger site. If there is any problem in understanding someone, you can let us know in the comment box. I will try to reply to your valuable comments inshallah.

    Post a Comment

    Previous Post Next Post