Sunday, February 14, 2016

How to Put Google Adsense Below Post Title in Blogger?

Adsense is used by majority of expert bloggers for their website monetization because it is a cookie based contextual advertising system that shows targeted ads relevant to the content and reader. As bloggers are paid on per click basis, they try various ad placements on the blog toincrease the revenue and get maximum clicks on the ad units.
Well, on some blogs, you might have seen Adsense ad units placed below the post title. Do you know why? It is because the area just below the post title gets the most exposure and is the best place to put AdSense ad units to increase Click Through Rate(CTR).
Even though ads below post title work like a charm but this doesn’t mean that it will work for you as well. If you want to find out the best AdSense ads placement for your blog, try experimenting by placing ads at various locations such as header, sidebar, footer, etc. You can try other blog monetization methods as well to effectively monetize your blog.
In this tutorial, I will guide you about how to show Google Adsense ads below post titles in blogger. So, without much further ado, let’s start the process ;)

How to Create Google Ads

  1. Login to your Google Adsense Account.
  2. Under “My Ads” tab, create a new Ad unit
Create new ad unit
Create a new ad unit
  1. Type ad unit name (it can be anything) and choose desired ad size. For better performance choose wide area ad sizes like 300*250 Medium Rectangle or 336*280Large Rectangle
ad size large rectangle
Select ad size
  1. Customize your Ad Style to match it with your template. Then, click on Save and get code button.
  2. The ads won’t appear if you use that code directly. To use this code within the blogger (xHTML) template, you need to parse it first. Use this HTML Parse Toolto change special characters into their corresponding HTML entities.
parsed adsense code
Copy parsed Adsense code
  1. Now, copy the parsed Adsense code.

Adding Google Adsense in Blogger Below Post Titles

  1. Open your blogger dashboard >> Template.
  2. Backup your current blogger template.
  3. Click on Edit HTML button.
Edit Blogger Template
Press this button
  1. Copy all the template code and paste that into notepad. (to find the below code)
  2. Press Ctrl+F and search for<data:post.body/>. You might find this code more than one time but, you’ve to work with the second one.
  3. Now, place the below code just above <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
PLACE YOUR AD CODE HERE
</b:if>
  1. Now, replace thePLACE YOUR AD CODE HERE with the Parsed Ad Code.
  2. Click on Save Template button.
  3. Done!!
Once you’ve performed the all above mentioned steps, then open your blog and visit any your blog posts. The Adsense Ad unit placed below post title will look something like this:
Adsense below post title
The AdSense ad unit will appear on the left side between article title and article content. If you don’t like ad placement and want to show it at the center or the right side, then use the below code.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align="center">
PLACE YOUR AD CODE HERE
</div>
</b:if>
Then your ad placement will look something like this:
adsense below post title in center
Ad below post title in Center
If you want to move your ad to the right side, simply changecenter from the above code toright. That's it.
If you’re still unhappy with the ad placement, you can try wrapping your content around the Google Adsense Ads (as shown in the image below):
Adsense-alignment
To do this, use below code:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style="float:left; margin:10px;">
PLACE YOUR AD CODE HERE
</div>
</b:if>
Replace left to right if you want to show ads on the right side wrapped with text.
Note: Once you’re done with placing your desired code, don’t forget to cross-check that all the codes are added between the conditional tagsthat will make ads appear only on the post pages (neither homepage nor labels/archives page). If you want to show ads below post title on every page of your blog then, just remove those conditional tags. (lines in blue color.)
If you are showing the ad on homepage and label pages also then take a look at your ad. It will be shown below all post’s titles means if you have set 5 posts to appear on your homepage then it will only appear below first three post’s titles. Last two will be shown as blank white space. On those, you can mind placinginfolinks referral programbanner ads to make some extra money.
But, I will recommend you to show ad below first post title only as too many ads will make your website look like spam. For doing that, replace above conditional tags with below ones to show the single ad on homepage and labels page below first top most post’s title.
<b:if cond='data:post.isFirstPost'>
PLACE YOUR AD CODE HERE
</b:if>
It’s your turn
So, these were all the ways to put Google Adsense ads below the post title. As I mentioned above, you can also use some other ads below post title as well. Now, it’s your turn to check which format and ad size work best for increasing CTR of your blog. If you want to increase your ad revenue, then these tips might help you.
Though Adsense is considered the best way to monetize any blog, you can also use Studiopress affiliate programto make some extra money. Also, read how I made 470$ with ShareASale affiliate program.
Please share your views with me on increasing Adsense CTR and revenue through comments. Happy Making Money!

No comments:

Post a Comment

Disclaimer: Opinions expressed in comments are those of the comment writers alone and does not reflect or represent the views of Stack Extra

Comments system

Disqus Shortname