menu
close

Show AdSense Ads Inside Blogger Post Content

One of the important location to improve revenue from Google AdSense on a blogger blog is to show ads unit inside the blog post. It means Google Ad is surrounded by Blogger post content. If you can show ads inside the content, it can improve the CPC and CTR and improves overall Advertisement revenue from your blog. If you are not familiar with these two terms, you can refer the links given at the end of this tutorial. Let us check how the location of an ad unit helps to improve the revenue from a website. When the text is around the ads, it helps Google to show the right ads and helps to ensure the relevancy of the ads shown on your blog. This tutorial explains the steps to add and display Google AdSense on blog posts surrounded by post text.

Steps to Display AdSense Ad Inside Blogger Post Text
To show Google AdSense ad inside the text on your Blogspot blog, you must edit the template HTML and paste the parsed version of the code wrapped inside a special div. It is not very hard if you follow this guide carefully.
  1. Login to your blogger account

  2. Click Template and click Edit HTML
    advertisement inside blogger content

  3. Parsing AdSense and DIV creation

    Before proceeding to edit Blogger HTML code, we must convert the ad unit code into the parsed form and put that code in a DIV. Place the parsed version of Google AdSense code into the div code below.
    <div style=float: left; margin: 5px; '>
    {Parsed Form of AdSense here}
    </div>
    

    To learn how to parse Google AdSense code, click the link below.
    How to Convert Script into Parsed Form

  4. Find the Blogger Content code

    Use the search feature in blogger (or press [Ctrl] and [F] together) to find the following code <data:post.body/>

  5. Pasting AdSense code

    Now paste the parsed code with DIV above the blogspot content code ( <data:post.body/>)
    Displaying AdSense ads inside blogspot content

  6. Click Save Template button

How it Works

Now you must be anxious to know the working of this trick. Here, the DIV we created lets the Blogspot content to float up to the right of the Ad code. So we can see the content around the ads displaying on your Blogspot blog. To understand it better, have a look at the screenshot taken from my blog.
Show Google Ads in blogger


If you want to show Google Ads on the opposite side, you must use the following DIV.
<div style=float: right; margin: 5px; '>
{Parsed Form of AdSense here}
</div>

Further Readings
  1. How to Show Ads Unit Between Blogger Post Title and Text

  2. Optimization Tips For Blogger Blogs

  3. How to Register a Website In Bing Webmaster Tools

  4. How to Stop Other Websites Show Your Ads Code

Advertisements Wrapped Inside Content Attracts More Clicks
Advertisement unit showing inside the content tends to attract more clicks than ads showing on other parts of a webpage. When the advertisement is surrounded by content, AdSense can easily identify the niche of the content and show the most relevant ads on the web page. As I told at the beginning of this tutorial, here I give links to our old tutorials explaining CTR and CPC. Both of these terms are very important for a webmaster who is using PPC programs to make money from his website.
  1. What is CTR and How to Calculate It

  2. What is CPC and How to Calculate CPC

Technology Blog