Blogger Templates

Blogger Templates, Tips and Tricks. We Walk the Talk Blog.

9:33 AM

Adsense inside Blogger Post

Posted by Leathergloves on Thursday, July 8, 2010

The new Blogger widget based template that built on XML specification has a feature to add Google Adsense between Blogger Posts. These inline ads appear between 2 blog posts on homepage, archive and category or label pages, or after the blog content when the single post is viewed individually. However, the placement is kind of awkward and low performing in terms of click through rate (CTR) and also displays a blank space when > 3 adsense units are already displayed. - Credits to My Digital Life

A lot of bloggers have put Google AdSense ad code inside the post or wrap the ad unit around blog post by editing template’s HTML to insert modified ad code manually. Some users may feel uneasy on modifying the AdSense ad code as it may violate AdSense TOS. Anyway, there is another workaround to put AdSense ads in Blogger posts, by using this trick to move or duplicate built-in inline ads between posts block to inside the post section.
  1. To use the trick to move around AdSense ad unit added by Ads Between Posts, enable and configure inline ads in Blogger using this guide. Note that you must login to your AdSense account from Blogger to establish access authentication. If you don’t have AdSense account yet, you can click on Sign Up button to register for one.
  2. To display this ad within blog post also, click on Template tab, and then click on Edit HTML sub-tab link to open Blogger HTML code template editor to edit the contents of your template.
    Blogger Edit HTML
  3. Backup a copy of your template by click on Download Full Template link, in case it is needed to be uploaded to Blogger server to recover the template in the event of mistakes or corruption.
    Blogger Download Full Template
  4. Click to tick the Expand Widget Templates checkbox.
    Blogger Expand Widget Templates
  5. Find the line with the following text:
    <data:post.body/>
    And paste the following block of text before (for ad position before content) or after (for ad position after content) the line above:


    <b:if cond='data:post.includeAd'>

    <data:adEnd/>

    <data:adCode/>

    <data:adStart/>

    </b:if>

    Note that maximum of 3 AdSense for Contents (non Link Unit type) ads are allowed on each page.
  6. If you want the AdSense ads inside blog post to appear only when individual blog post is visited, and not on homepage, category or archive pages, wrap the following lines to before and after code added above
    <b:if cond='data:blog.pageType == "item"'>

    </b:if>

    The whole block added will look like below:


    <b:if cond='data:blog.pageType == "item"'>

    <b:if cond='data:post.includeAd'>

    <data:adEnd/>

    <data:adCode/>

    <data:adStart/>

    </b:if>

    </b:if>
  7. After enabling Show Ads Between Posts in step 1, you will notice that AdSense ads will be shown between posts on all multiple blog posts page, and also after the article on individual single post view. If you don’t want these ads to appear, i.e. to move built-in inline ads to within post, the locate the following block of text which is same with the one we added above:


    <b:if cond='data:post.includeAd'>

    <data:adEnd/>

    <data:adCode/>

    <data:adStart/>

    </b:if>

    And delete these code from template. Note that we have just added a same block of code from step above, so do not remove the newly added code, but the existing code in the template.
    If you still want the AdSense ad unit to appear between posts when visitors view your blog homepage, label or category pages or archive pages, wrap the code above on top and bottom with the following 2 lines:
    <b:if cond='data:blog.pageType != "item"'>

    </b:if>

    so that it looks like the following:


    <b:if cond='data:blog.pageType != "item"'>

    <b:if cond='data:post.includeAd'>

    <data:adEnd/>

    <data:adCode/>

    <data:adStart/>

    </b:if>

    </b:if>

    Note that the two lines should be added to the existing block of code in template, not the block which we added in step above.
  8. Click on SAVE TEMPLATE button to save the new hacked template. Now the ad should be appear inside blog post without actually modify ad code. You can also use the same hack theory above to place the ads on different location.
* I also suggest under Design->Page Elements->Blog Posts->Edit to Show after every "5" posts (up to 3 ads can be placed on a page) if you are using 7 posts for homepage. It will show the first adsense unit inside first post, 2nd adsense in between posts and subsequently, no blank space for the rest of the adsense units not displayed. You still have one adsense unit to play with which I put it at the top left. Happy earnings.

2 comments:

Dom Casas said...

I'm just browsing the internet reading from one article to another, blogs to another. I find it interesting that most are not

really giving the real tips on how to make money online. The time process it takes before you can really make good money and

how much effort must be exerted.


cary

mhawkm said...

nice article thanx friend

http://internetricks4u.blogspot.
com

Copyright © 2024 Blogger Templates 123. All rights reserved.

Home | About | Contact | Privacy Policy | Disclaimer