How to Add In-Feed Ads on Blogger (Blogspot) Blog

How to Add In-Feed Ads on Blogger (Blogspot) Blog

Mero Blogging Tips Share Blogger Tutorials, HTML, JavaScript, CSS, Widget, SEO, jQuery, Web Tool & General Helpful Stuff for Newbie Bloggers & Readers



In-feed ads are seen while a person scrolls the website feed and can be placed among the publish feeds to engage the traffic with google ads or advertisements. This will help to generate excessive CTR, CPC, and use engagements.

Adsense Introduce New Types of Ads these are InArticle and In-feed Native Ads. These are introduced to boost incomes of Adsense Publisher. In the Blogger blog feed, the In-feed native ads might be visible. An In-Article ad may be displayed in the middle of the post. If you don’t know how to insert AdSense ads automatically in every Blogger post you can visit this link. This tutorial going to talk and assist about how to set up in-feed ads in the Blogger blog feed. Read this article carefully and follow to step properly.

Let's start to Setup the feed ads for the Blogger blog.

  1. Open Your Blogger Account and Go to Theme. And Select Edit HTML.
  2. On the Edit HTML page search showinlineads
    • Change the value of 'showinlineads' to 'true'

    Now search postsPerAd

    • Change the value of 'postsPerAd' to '3'
  3. Note: in value of postsPerAd you can place any value instead of 1 or 3 i.e. after how many posts feed you want to show ads, according to the post displayed on the webpage.
  4. Example
  5. Before editing your theme codes, the code will look like this.

  6. <b:widget-settings>
    <b:widget-setting name='showDateHeader'>false</b:widget-setting>
    <b:widget-setting name='style.textcolor'>#2196f3</b:widget-setting>
    <b:widget-setting name='showShareButtons'>true</b:widget-setting>
    <b:widget-setting name='showCommentLink'>true</b:widget-setting>
    <b:widget-setting name='style.urlcolor'>#212121</b:widget-setting>
    <b:widget-setting name='showAuthor'>false</b:widget-setting>
    <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
    <b:widget-setting name='style.linkcolor'>#757575</b:widget-setting>
    <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
    <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
    <b:widget-setting name='timestampLabel'>-</b:widget-setting>
    <b:widget-setting name='reactionsLabel'/>
    <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
    <b:widget-setting name='style.layout'>1x1</b:widget-setting>
    <b:widget-setting name='showLabels'>true</b:widget-setting>
    <b:widget-setting name='showLocation'>true</b:widget-setting>
    <b:widget-setting name='postLabelsLabel'/>
    <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'>#ffffff</b:widget-setting>
    <b:widget-setting name='showInlineAds'>false</b:widget-setting>
    <b:widget-setting name='showReactions'>false</b:widget-setting>
    </b:widget-settings>
      

  7. After makes changes in your theme code

  8. <b:widget-settings>
    <b:widget-setting name='showDateHeader'>false</b:widget-setting>
    <b:widget-setting name='style.textcolor'>#2196f3</b:widget-setting>
    <b:widget-setting name='showShareButtons'>true</b:widget-setting>
    <b:widget-setting name='showCommentLink'>true</b:widget-setting>
    <b:widget-setting name='style.urlcolor'>#212121</b:widget-setting>
    <b:widget-setting name='showAuthor'>false</b:widget-setting>
    <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
    <b:widget-setting name='style.linkcolor'>#757575</b:widget-setting>
    <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
    <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
    <b:widget-setting name='timestampLabel'>-</b:widget-setting>
    <b:widget-setting name='reactionsLabel'/>
    <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
    <b:widget-setting name='style.layout'>1x1</b:widget-setting>
    <b:widget-setting name='showLabels'>true</b:widget-setting>
    <b:widget-setting name='showLocation'>true</b:widget-setting>
    <b:widget-setting name='postLabelsLabel'/>
    <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'>#ffffff</b:widget-setting>
    <b:widget-setting name='showInlineAds'>true</b:widget-setting>
    <b:widget-setting name='showReactions'>false</b:widget-setting>
                        </b:widget-settings>
      


  9. If your google adsense auto ads code added on your template then Save the theme. Now you’ve done it.
  10. otherwise,
  11. Create an In-feed Native ad from your Adsense account. That can be done by selecting,
    • Ads
    • Click on By Ad Unit and choose In-feed Ads
    • Choose create ad style manually, choose ad style and click on Next.
    • Now save and get code
    • Copy Google Adsense Code and click on I'm done
  12. After generating a Code for the In-feed Ad Unit, Copy that ad code.
  13. Now, Prase your Adsense code click here to Parse your code.
  14. Now, find the tag <data:adcode/> or <data:this.adCode/> and replace that with your Adsense parsed code.
  15. Save the theme. Now you’ve done it.


I hope this article assist you to set up in-feed ads on the Blogger blog. In case of any doubt, query or feedback, feel free to ask in the comment section provided below.

Mero Blogging Tips

Mero Blogging Tips Share Blogger Tutorials, HTML, JavaScript, CSS, Widget, SEO, jQuery, Web Tool and General Helpful Stuff for Newbie Bloggers and Readers.

1 Comments

First of all, thank you for taking the time to read my blog. It's much appreciated! If you would like to leave a comment, please do, I'd love to hear what you think!. Suggestions and/or questions are always welcome, either post them in the comment form.

However, comments are always reviewed and it may take some time to appear. Also, Comments without NAME will not be published. Always keep in mind "URL without nofollow tag" will consider as a spam.

Previous Post Next Post

Published Blogger Posts
40+

Years of Envolving
3+

Contact Form