Hello guys, Welcome back to my Tech blog. So in this tutorial I will guide you with
Many bloggers have tried to add adsense in-feed ads to their blog but don't successed. This tutorial will help you set up and display adsense in-feed ad in the right place in your Emporio, Notable, Soho or Contempo blogger new theme. And also in old blogger themes too.
There are currently four different Layout types for In-Feed Ads:
1. Image Above -
If your blog feed shows featured image on top followed by post title and post description then choose this layout type for your in-feed ad unit.
2. Image on the Side -
If your blog feed shows featured images aligned to the left side of the content, then go for this layout.
3. Title Above -
If your blog feed shows headline at top of posts image or thumbnail and description snippet then go for "Title Above" layout.
4. Text Only -
If you are thinking about your blog speed will slow because of Banner images ads and you wanna display only text on homepage instead of featured thumbnails then this ad layout best suits you.
1. Monetize new ad spaces: You would now be able to demonstrate user agreeable ads inside your blog feed on homepage and class pages. In-feed ads between your blog posts on index pages can without a doubt drive you more snaps and ad impressions.
2. Offers better user experience: They appear to be indistinguishable to your substance and mix flawlessly to your layout configuration, in this way engaging your guests more without destroying the look and feel of your site.
3. Increases versatile ad revenue: Due to their fluid layout, in-feed ads fit superbly in little screen sizes accordingly bringing you all the more ad taps on new ad spaces. Since they mix to your layout better contrasted with other ad units, In-feed ads could favor you with high CTR in versatile screens.
Follow these easy steps:
1. Sign in to your AdSense account.
2. Click My ads.
3. Click +New ad unit.
4. Select In-feed ads.
5. Select a layout (out of four available) that best matches your blog's layout.
6. Give your In-feed ad unit a name so that you could easily track its performance.
7. Customize your In-feed Ad unit by changing the settings for font, background color, border color, Image alignment, headline position, description style, button, URL etc.
8. Save and Get code. Copy it and proceed below.
2. Click on "Edit HTML".
3. Hold Ctrl and press F button (Ctrl+F) to find below code.....
<b:include cond='data:post.adNumber lt 3' data='post' name='super.inlineAd'/>
4. Once you find it replace it with your In-Feed ad code which we copied in earlier steps at the creating of ad unit.
Note - If you see two of such codes on your Emporio or other new blogger theme, replace it with the second one.
Go to Theme >> Edit HTML.
Click on the code and Press CTRL + F to search for below code
<data:adcode/>
Then replace it with your in-feed ad unit code.
Save your them. Then preview your blog to see your ads display on desktop view of your old blogger themes.
If you want to add and display adsense in-feed ad in mobile view of blogger old themes, then
Search for this line of codes
<div class='mobile-index-comment'>.
Paste below html code right after the second </div> you see after the above line of code.
<b:if cond='data:post.includeAd'>
<div class='inline-ad'>
<div style='text-align:center; margin:15px 0px;'>
IN-FEED
</div>
</div>
<data:adStart/>
</b:if>
Replace the words IN-FEED with your in-feed ad unit code.
Save Theme
That's all.
I hope this helps.....
How to create Native In-feed Ad units in blogger and where to paste the In-feed ad unit code in a blogspot template/ theme to monetize your homepage and label pages.
Google Adsense in-feed are ads that stream normally inside a list of articles or items on your site, offering an awesome user experience. This is generally added to the homepage of your blog. It will stream with the most recent posts on a blog that actualizes it.
 |
| In-Feed ads |
Many bloggers have tried to add adsense in-feed ads to their blog but don't successed. This tutorial will help you set up and display adsense in-feed ad in the right place in your Emporio, Notable, Soho or Contempo blogger new theme. And also in old blogger themes too.
Choose Best Layout Format For In-feed Ads :
To decide which layout performs better on your website, make sure to choose one that matches the design of your site.There are currently four different Layout types for In-Feed Ads:
If your blog feed shows featured image on top followed by post title and post description then choose this layout type for your in-feed ad unit.
If your blog feed shows featured images aligned to the left side of the content, then go for this layout.
 |
| image on side in-feed ad |
3. Title Above -
If your blog feed shows headline at top of posts image or thumbnail and description snippet then go for "Title Above" layout.
 |
| title-above-in-feed-ad |
If you are thinking about your blog speed will slow because of Banner images ads and you wanna display only text on homepage instead of featured thumbnails then this ad layout best suits you.
 |
| text-only-in-feed-ad |
What are the Advantages of Using In-feed ads?
The significant advantages of using In-feed ads are the following:1. Monetize new ad spaces: You would now be able to demonstrate user agreeable ads inside your blog feed on homepage and class pages. In-feed ads between your blog posts on index pages can without a doubt drive you more snaps and ad impressions.
2. Offers better user experience: They appear to be indistinguishable to your substance and mix flawlessly to your layout configuration, in this way engaging your guests more without destroying the look and feel of your site.
3. Increases versatile ad revenue: Due to their fluid layout, in-feed ads fit superbly in little screen sizes accordingly bringing you all the more ad taps on new ad spaces. Since they mix to your layout better contrasted with other ad units, In-feed ads could favor you with high CTR in versatile screens.
How To Create a Native In-feed Ad Unit in AdSense?
To start showing In-feed Ad units inside blogspot feed, you will first need to create this new ad unit inside your AdSense account.Follow these easy steps:
1. Sign in to your AdSense account.
2. Click My ads.
3. Click +New ad unit.
4. Select In-feed ads.
5. Select a layout (out of four available) that best matches your blog's layout.
6. Give your In-feed ad unit a name so that you could easily track its performance.
7. Customize your In-feed Ad unit by changing the settings for font, background color, border color, Image alignment, headline position, description style, button, URL etc.
8. Save and Get code. Copy it and proceed below.
How to add In-Feed ads in Blogger new theme?
1. Go to Blogger >> Theme.2. Click on "Edit HTML".
3. Hold Ctrl and press F button (Ctrl+F) to find below code.....
<b:include cond='data:post.adNumber lt 3' data='post' name='super.inlineAd'/>
4. Once you find it replace it with your In-Feed ad code which we copied in earlier steps at the creating of ad unit.
Note - If you see two of such codes on your Emporio or other new blogger theme, replace it with the second one.
5. Then Save theme.
That's it man... just wait for 1 or 2 minutes and refresh your blog to see newly created "In-Feed" ads live on you site.
That's it man... just wait for 1 or 2 minutes and refresh your blog to see newly created "In-Feed" ads live on you site.
Extra Note - Do you know you can manage after how much posts you wanna see your in-feed ads?
You can easily manage that by going to Blogger >> Layout.
Then Click on Edit or pencil mark of "Blog Posts Gadget".
You can easily manage that by going to Blogger >> Layout.
Then Click on Edit or pencil mark of "Blog Posts Gadget".
It will open in pop-up window just tick "show ads between posts" and pick 1 or 3 in the inline ad configuration to display 3 ads after 3 content blocks.
 |
| Show ads between post |
That's all for the new Blogger themes.
How to add In-Feed ads in Blogger old theme?
You can also display adsense in-feed ad on your blog if you are using the old blogger themes. Don't worry its an easy task.
First make sure you have linked your google adsense account with your blog and have enabled ads to display after 1 or 3 content blocks.
First make sure you have linked your google adsense account with your blog and have enabled ads to display after 1 or 3 content blocks.
Go to Theme >> Edit HTML.
Click on the code and Press CTRL + F to search for below code
<data:adcode/>
Then replace it with your in-feed ad unit code.
Save your them. Then preview your blog to see your ads display on desktop view of your old blogger themes.
If you want to add and display adsense in-feed ad in mobile view of blogger old themes, then
Search for this line of codes
<div class='mobile-index-comment'>.
Paste below html code right after the second </div> you see after the above line of code.
<b:if cond='data:post.includeAd'>
<div class='inline-ad'>
<div style='text-align:center; margin:15px 0px;'>
IN-FEED
</div>
</div>
<data:adStart/>
</b:if>
Replace the words IN-FEED with your in-feed ad unit code.
Save Theme
That's all.
I hope this helps.....