How to Add In-feed and In-article AdSense Ad Units in Blogger

 

If you're a Blogger user looking to monetize your site with Google AdSense, you might want to consider adding both In-feed and In-article ad units. This can help you maximize your revenue potential by diversifying how ads appear on your site. In this guide, we'll walk you through the steps to implement both ad types effectively.

Why Use In-feed and In-article Ads?

• In-feed Ads: These ads are designed to blend seamlessly into your content feed, making them less intrusive and more likely to engage readers.
• In-article Ads: These ads appear within the content of your posts, capturing the reader's attention as they scroll through your articles.

Using both can enhance user experience while maximizing your ad revenue.

Step-by-Step Guide to Adding In-feed and In-article Ads

Step 1: Create Your Ad Units

1. Log in to Google AdSense: Start by accessing your AdSense account.
2. Create an In-feed Ad Unit:
   • Navigate to the Ads section.
   • Select Overview and then By ad unit.
   • Choose In-feed ads, customize the settings, and generate the code.
3. Create an In-article Ad Unit:
   • Follow the same steps as above, but select In-article ads this time.

Step 2: Access Your Blogger Theme

1. Log in to your Blogger account.
2. Select the blog you want to edit.
3. Go to Theme from the left menu.
4. Click on Edit HTML.

Step 3: Backup Your Theme

Before making any changes, click on the Backup/Restore button to download your current theme. This step is crucial to ensure you can revert back if something goes wrong.

Step 4: Locate the Right Placement

1. Use the search function (Ctrl + F or Cmd + F) to find:

   html
   <b:loop values='data:posts' var='post'>
   

This section is where your blog posts are rendered.

Step 5: Insert Both Ad Units

1. Within the loop, locate the line:

   html
   <b:include data='post' name='post'/>
   

2. Here’s how you can structure your code to include both ad units:

   html
   <b:loop values='data:posts' var='post'>
       <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
           </div></div>
       </b:if>
       <b:if cond='data:post.isDateStart'>
           <div class="date-outer">
       </b:if>
       <b:if cond='data:post.dateHeader'>
           <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
       </b:if>
       <b:if cond='data:post.isDateStart'>
           <div class="date-posts">
       </b:if>
       <div class='post-outer'>
           <b:include data='post' name='post'/>
           <!-- In-article AdSense Code Here -->
           <!-- In-feed AdSense Code Here -->
           <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
       </div>
   

3. Paste the respective ad codes where indicated.

Step 6: Save and Preview

1. Click Save to apply your changes.
2. Use the Preview feature to check if both ads appear correctly on your blog.

Step 7: Monitor Performance

After implementing the ads, regularly check your AdSense account to monitor their performance. This will help you understand how well they’re doing and make any necessary adjustments.

Conclusion

Adding both In-feed and In-article AdSense ad units to your Blogger site can enhance your monetization strategy. By following these steps, you’ll be able to seamlessly integrate both ad types and maximize your revenue potential. If you have any questions or need further assistance, feel free to reach out! Happy blogging