ICICT Nigeria

Nigeria Institute Of Computing and ICT.

How To Add AdSense In-Feed Ad Unit To Blogger - Blogspot

Learn in Simple Steps, How To Easily Add The New Google AdSense In-Feed Ad Unit On Your Blogger BlogSpot Blog & Increase Your Earnings. Both beginners and advanced bloggers can get this setup done in few minutes.


adsense in feed ad unit for blogger

Google has announced a new ad unit style which is the In-Feed ads unit. The new Ad unit is expected to bring Increase in publishers' earnings due to improved Ads functionality for the AdSense users.


The new ad unit should give you better clicks and improved revenue because it is optimized to show just like posts article with snippet and Call to Action word on your homepage and archive pages.

Above is an example of the AdSense In-Feed ad unit. As an update to Blogspot bloggers, I will be showing you how to enable the in-feed Google AdSense ad unit in blogger.

You are using the same code, which I used in "Add Adsense Ads Before, Between And After Posts In Blogger Blog," this gives you room to decide where you want the in-feed ad code to show.


Types of In-Feed Ads

Google AdSense also added type/structure of In-Feed ad units. This will bring in more similarity between your blog post layout & the ad code shown.


Image Above

This ad unit is specifically for those bloggers, whose post layout is of the grid style.


Image on the side

This is the post layout most blogs use. Free Naijaloaded blogger template is a good example.

Title Above

This is quite similar to Image on the side but this introduces a title at the top. A good example is Free OgbongeBlog blogger template

Test Only

Displays only test and no image. Use this if your post structure is of the list format.


In-Feed Ads Theme Selection.

Google also added this feature to increase the functionality of the new ads unit. Many bloggers today prefer to use the white background, while others prefer dark.


Light Background


If your blog has white or any other colour similar to white as the background colour, then you should select this option.


Dark background

If you use black or any other dark colour as the background colour of your blog, you should choose this ad.
P.S it all depends on you, you could have a dark background and decide to use a light background ads.


Advantages of In-Feed Ad Unit

The new Google Ad unit comes with advantages for its publishers. This unit might just be one of the best thus far with its ability to blend to the layout of your existing template.

Many bloggers have enabled it and I guess this is because of the advantages listed below.
  1. Increased ad unit click
  2. Better AdSense earnings
  3. Ad units are properly optimized
  4. Provides an alternative to banner ads
There are other advantages of this new ad unit. Hopefully, bloggers should be getting a decent amount of money monthly.

How to create In-feed ad unit in Adsense dashboard

  1. Go to Ad Units >> New Ad Unit.
  2. Under the "What type of would you like to create", select "In-Feed ads".
  3. Next is to choose the style at which your posts are being displayed on your homepage - Image above, Image on the side, Title above, Test only. This is to make sure the ad unit looks similar to your post layout. So choose the one similar to your post style.
  4. Select the colour form of the Ad unit. If your site uses a dark colour as background choose the dark background and if you use white or anything similar, choose LightBackground.
  5. Save (I'm done) your In-Feed Ad Code and Copy Code snippet.


How to add In-feed ad unit to Blogger Blogspot

  1. Go to blogger.com >> Theme >> Backup your theme >> Edit HTML.
  2. Search for <b:loop values='data:posts' var='post'> (you will see this code more than once, you are to replace only the one under <b:includable id='main' var='top'>) replace this code with <b:loop values='data:posts' var='post' index='x'>.
  3. Search for <div class='post-outer'> (still under <b:includable id='main' var='top'>) and replace with the long code below.
adsense in-feed ad code in blogger


<div class='post-outer'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:x==1'>
<div class='post'>
YOUR IN-FEED ADSENSE CODE
</div>
</b:if>
<b:if cond='data:x==3'>
<div class='post'>
YOUR IN-FEED ADSENSE CODE
</div>
</b:if>
</b:if>

In-Feed Code Customizations.

Replace YOUR IN-FEED ADSENSE CODE with the In-Feed AdSense code you copied earlier. If it gives you an error, parse your code here.


Rounding Up

Making money using Google AdSense is getting easier day by day. Though they implement harsh policies on their publishers, they still stand out to be the best Affiliate program for bloggers.

If you have not been approved by Google AdSense you could give it's top alternative media.net a try. A little advice for publishers is not to use too many of this ad unit.

Having at most 2 In-Feed ad units should boost up your revenue without you unnecessarily spamming your audience with too many ads.

1 comment:

  1. Its working perfectly and i think you should reference like let people see demo of it before telling people to implement it on their blog before i used the code though i tried looking at your homepage and when i saw that its working on your blog then i implement the code i think people should see it on your homepage for the Demo

    Thanks for sharing ones again.

    ReplyDelete