How to add an In-feed AdSense ad in Blogger Popular Posts?Adsense Blogger Tips
The procedure is that we will create In-Feed Adsense ads that matched to the popular posts widget on our blog, then we will go to the blogger theme, And we will add a tag to the popular posts widget as well as add the in-feed ad code.
If you want to know what AdSense In-Feed Ad is and how you can create it for your blog and place it into your blog popular posts widget, follow these steps.
What is an In-Feed AdSense ad?The in-feed ad is an AdSense ad format that you put inside your blog post feed, and the special thing about this ad is that this ad looks exactly like the blog posts feed, which provides a better user experience to visitors.
Mostly the users place the In-feed ads in between the blog feed content or where the feed begins or ends. As visitors scroll down to the blog content, they encounter In-feed ads. Because In-feed ads fit seamlessly inside the blog feed, they're not intrusive, and they don't break the user's flow.
How to create an In-Feed AdSense ad for popular posts widget?Go to your adsense account, then go to the Ads menu > By ad unit option > and click on the In-feed ads unit.
Choose the option "Let Google suggest a style", type your domain "URL" address, choose the "Desktop" or "Mobile" ad feed type, and click on the "scan the page" button as you can see in the picture below.
After the scanning process is complete, you will see that the popular post will be automatically selected. The appropriate ad with the popular post feed appears; all you have to do is click on the "Next" button on that page.
Now the In-Feed AdSense ad is ready; you have to copy the ad code by clicking on the "Copy code snippet" or manually and then click on the "I'm Done" button.
If you encounter an error while creating an ad during the "Let Google suggest a style" option, you have to create an in-feed ad by choosing the manual option according to the width and height of popular posts of your blog.
How to place an In-Feed AdSense ad in popular posts widget?Go to the Blogger Dashboard, select the blog in which you want to add the ad code, and go to the "Themes" menu, click the drop-down arrow, and then click the "Edit HTML" option.
Once you've opened the Edit HTML option to your blog theme, Click on the "Jump to widget" icon, and then click the "PopularPosts1" option.
Find the following code in the Popular Posts widget code.
<b:loop values='data:posts' var='post'>
Once you've found the above code, add the index='x' to it, and then your code will look like the following code.
<b:loop values='data:posts' var='post' index='x'>
Add the following code below the above code.
<b:if cond='data:x == 2'> <li> <!-- Paste your in-feed add code here. --> </li> </b:if>
"data:x == 2" means that your ad will appear after the second popular post. This number can be customized as long as you do not exceed the number of popular posts. And replace <!-- Paste your in-feed add code here. --> with your Adsense in-feed ad code.
Once you've integrated the in-feed ad code into the blog's popular post widget code, click the "Save" icon in the top right corner.
Now the article on "How to add an In-feed AdSense ad in Blogger Popular Posts?" is complete, and I hope you have learned something from it; and if you have any inquiries about this post, please leave a comment in the comments section below.