How to Insert Adsense Ads Below Post Titles in Blogger?

By | May 11, 2013
adsense below titles in bloggerAdsense works great on content receiving good traffic from search engines, because it is a targeted keyword based PPC ad network. but if you receive good traffic from search engines and still don’t make considerable income with it then you might be doing  some mistakes somewhere in implementation, and ads placements is included in this. So make sure your ads are on the right placements where visitors pay attention at first. We can implement Google ads on any platform or manually created websites, we can insert the ads wherever we want into our pages. But the problem is with blogger blogs, when you use blogger.com for your blog then you are limited to add third party widgets only by using HTML/JavaScript widget in the Layout area. You don’t have direct access to the blog post body or Single post in WordPress. Therefore, it becomes headache when you want to insert Adsense ads inside your blog posts, and this is very necessary because the best positions for Google ads are; the header, the post body, below the posts and the sidebar. You can use the header in some templates and sidebar in every template, but the main placement is below the post titles in blogger.
But as you might know that blogger.com is built within XML which doesn’t allow some characters inside scripts such as >, +, <, && and so on. Therefore, we’ll need to alter the ad codes to make it possible.

So this post is all about inserting Google ads below post titles in Blogger for increasing your CTR (Click rate on ads), and the revenue. obviously, when CTR get boosted, the revenue get increased.

I won’t take your much time, and I’ve simplified the tutorial, you just need to follow the tips and easily insert Google Ads below post titles in blogger. And you’ll see a dramatic change in your earning and CTR. Let’s start how to do this.
  1. Login into your Adsense account: http://www.google.com/adsense
  2. Go to my Ads at top left side and click My Ads >> Create a new Ad unit
  3. Now make the settings for new ad unit as per your choices (See Below picture for example)
Click the image to view in large size
4. Select an ad unit of 300*250 which is best for inserting after the post titles in blogger and click the Save and Get code button which is highlighted in the screen shot.
5. You’ll get a pop up in which the generated code for the ad unit will be looking like this image:
6. Just copy all the code and paste into this tool http://www.bestbloggercafe.com/bbc-html-character-encoder/
The above tool actually converts the characters to be accepted by blogger core, because blogger in fact doesn’t allow illegal characters like <,>,+,&& and so on, so therefore, you need to convert the code by using above tool, so it will convert all the illegal characters to the accepted ones.
Now your converted code should be looking like this:

&lt;script type=&quot;text/javascript&quot;&gt;&lt;!–

google_ad_client = &quot;ca-pub-XXXXXXXXXXXXXX&quot;;

/* XXXXXXX */

google_ad_slot = &quot;XXXXXX&quot;;

google_ad_width = 300;

google_ad_height = 250;

//–&gt;

&lt;/script&gt;

&lt;script type=&quot;text/javascript&quot;

src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;

&lt;/script&gt;

All the illegal characters are now removed by that tool and this code is now acceptable for blogger. Now for adding the code to blogger follow these steps (In Blogger New Edit HTML):
  • Blogger >> Template >> Edit HTML >> Jump to Widget >> Blog1 >> Find var=’post’
  • When you found var=’post’ just click the arrow at the left side for expanding that widget
  • Now when the widget is expanded, search for this code: <data:post.body>
  • Just before <data:post.body> paste the converted code
Now your code should be looking like this:

&lt;script type=&quot;text/javascript&quot;&gt;&lt;!–

google_ad_client = &quot;ca-pub-XXXXXXXXXXXXXX&quot;;

/* XXXXXXX */

google_ad_slot = &quot;XXXXXX&quot;;

google_ad_width = 300;

google_ad_height = 250;

//–&gt;

&lt;/script&gt;

&lt;script type=&quot;text/javascript&quot;

src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;

&lt;/script&gt;

<data:post.body/>

This is for displaying the ads below the post title, if you want to insert the ads below the post then simply paste the converted code below tag. So the ads will be showing up below the post.
But in above code there is a problem, the ads will be appearing on the home page as well as on single posts, and we don’t want that because we need this unit to be displayed only on single posts, not on home page. So we’ll need to add an if statement which is a XML tag in blogger, so now you should be inserting the ads along with these two conditional tags like this:

<b:if cond=’data:blog.pageType == &quot;item&quot;’>

&lt;script type=&quot;text/javascript&quot;&gt;&lt;!–

google_ad_client = &quot;ca-pub-XXXXXXXXXXXXXX&quot;;

/* XXXXXXX */

google_ad_slot = &quot;XXXXXX&quot;;

google_ad_width = 300;

google_ad_height = 250;

//–&gt;

&lt;/script&gt;

&lt;script type=&quot;text/javascript&quot;

src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;

&lt;/script&gt;

</b:if>

 

Now by inserting the tags we are actually making the codes to appear only on post pages, but not on home page.You can also use the tags if you want the ads to be centered align. Just add the tag before the ad code and at the end of the ad code, so the ads will be centered align.
Conclusion
By doing this, you are not gonna violating any program policy of Google Adsense, because this is necessary for inserting the ads inside blog posts, and also you are just converting the characters to alternative characters. This doesn’t mean you are changing or altering the entire ad code. So don’t worry and take it easy.
I hope you’ll insert Google ads easily by following all the steps mentioned in this tutorial. However, if you faced any difficulty then I’m always here to help you out, just leave your comment. Take Care!

43 thoughts on “How to Insert Adsense Ads Below Post Titles in Blogger?

  1. Ankit Kumar Singla

    Wali bro, I usually find it difficult for search the codes in new template editor. I am facing problem to search var=’post’. Please tell me how can we easily search any code in the template as in the old template editor.

    Reply
    1. Wali Khan

      Brother, you can’t easily find the codes in the new edit HTML, because it has become a little complex now, however, the var=’post’ is located under blog1 “blog posts” from where you can expand it, and after expanding it you can and the body section or posts section of your blog. I just tried it and found it. You should try it again bro. I hope you’ll find it.

      Reply
    1. Wali Khan

      Thanks enough, you don’t have Adsense account that’s sad, but it does never mean you won’t have one, you’ll have one in the future while understanding its principles.

      Reply
  2. Hafeez Khan

    Wali Please Attention to Me. I am going to ask serious Questions.

    1: Should I Apply For Google Adsense or Not…..check my blog bio…below

    1: Wali Bhai i have registered my domain name on 15/01/2013. i have started working on blog mean that i have publishing posts since from next 15 days after registration date. its on feb/2013. i have now all about 50 posts. my blog age is all about 4 months

    2: As according to google Anlaytical tools my Uniuqe visitos are 800 are pagviews are 1,200 per/day while according to blogger dashboard my today pageviews are about 5000.

    3: Also tell me if google disapprove my adsense invitation then can we try for next time or it will be banned for my blog forever.

    4:If i get the adsense account then after some time can change personal home address.

    My main question is should i apply for adsense this time. According to my Blog statistics you have read above. i am coming back.

    Reply
    1. Wali Khan

      I think your blog traffic is enough, In my opinion, it should be accepted by Google.

      You can apply again for the same blog, however the reasons they will mention should be addressed, and then you should apply again.

      You can always change your home address, only the Payee name and country can not be changed.

      Reply
  3. Hafeez Khan

    One thing i have left please also see my top country visitors.

    I receive bundles of visitors from such countries as per criteria.

    1 most of from India

    2 second number most of visitors are coming from USA.

    3 third one is loyal visitors from pakistan. And so one many countries.

    i have received overall visitors from search engine about 80% its only 20% from referral sites.

    Reply
  4. aashir irshad

    I found here what i am searching,i am searching this from last 3 months,and finaly i got it.thanks wali bhai.
    Aashirirshad.blogspot.com

    Reply
    1. Wali Khan

      That could is very easy to find, just go to Template then Edit HTML, see above and there is an option “Jump to widget” click that and a list will appear from the list click on “Blog1” when you clicked so it will take you to the place where all the codes for “Post Body” are located, now when you reached just observe at left side there is an arrow type thing, click that and the code for “post body” or blogposts will expand, now finding var=’post’ is very easy and just find that and click that, and then search for data:post.body, and above that paste your Adsense codes. That’s all man. Good luck

      Reply
  5. VS K

    I found the var=’post’, but there are so many of them – backlinks, comments, etc which prefix the var=’post’ – so where exactly is data:post.body#sthash.rmfdmM3F.dpuf? Please guide.

    Reply
    1. Wali Khan

      Brother sorry for late reply, but data:post.body is exactly located in the var=”post” section, however when you expand the var=’post’ code then you can use CTRL+F to find the code easily.

      Reply
  6. rohit kumar

    i have pasted the xml code for the ad in my template but then also i am not able to see any bank ad in my blog…pz help.

    Reply
    1. Wali Khan

      Hi, if you have followed all steps correctly then it might take 10 to 30 minutes for the ads to be displayed on your site.

      Reply
  7. seshu s

    Wali khan sir,Iam running a educational and employment blog htttp://www.vidhyavizon.blogspot.com ,iam starting the posting in june 2013,still iam posting ,my blog’s traffic is 200 to 400 page views per day.recently iam applied for google adsence account,and they approved my account with message “Your application is still being reviewed. You will see only the background of your webpage instead of live content ads until your account has been fully approved. Learn more”.and iam implementing ad code by using HTML/Javascript in blogger lay out.After 5 days,when i sign in my account,they disapproved my application with message “Thank you for your continued interest in AdSense. Please update your account information below and resubmit.
    If your application was not accepted due to issues with your website, please make sure that you have resolved them before resubmitting.
    Step 1: Review your content
    Website information
    In order to use AdSense monetization products on your website, you must have access to edit the source code of the webpages where you’d like the ads to be displayed.Thank you for your continued interest in AdSense. Please update your account information below and resubmit.
    If your application was not accepted due to issues with your website, please make sure that you have resolved them before resubmitting.
    Step 1: Review your content
    Website information
    In order to use AdSense monetization products on your website, you must have access to edit the source code of the webpages where you’d like the ads to be displayed.

    Even without any reply to my mail.I don’t know what is reason for disapproval.

    Plz Help me what can i do now,iam waiting for your reply.Plz check my blog http://vidhyavizon.blogspot.in/ once if possible sir.

    Reply

Speak Your Mind