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.
 |
| How to Add In-Feed Ads on Blogger (Blogspot) Blog |
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.
- Open Your Blogger Account and Go to Theme.
- And Select Edit HTML.
- On the Edit HTML page search showinlineads
- Change the value of 'showinlineads' to 'true'
- Now search postsPerAd
- Change the value of 'postsPerAd' to '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.
Example
Before editing your theme codes, the code will look like this.
<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>{codeBox}
After makes changes in your theme code
<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>{codeBox}
If your google adsense auto ads code added on your template then Save the theme. Now you’ve done it. otherwise,
Create an In-feed Native ad from your Adsense account.
- That can be done by selecting, Open AdSense and Click on 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
- After generating a Code for the In-feed Ad Unit, Copy that ad code.
- Now, Prase your Adsense code click here to Parse your code.
- Now, find the tag <data:adcode/> or <data:this.adCode/> and replace that with your Adsense parsed code.
- 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.