.

How To Display Adsense On Mobile Templates of Blogger/Blogspot blogs

Recently, the Blogger's team announced the launch of new mobile templates for blogger/blogspot blogs to enable easy reading of blogger blogs on smartphones. Mobile templates will re-format your blogs for smartphones to enhance your readers’ viewing experience. These mobile templates simply supports mobile ads on two conditions. If you fail to abide by the two conditions, the mobile ads might not display on the mobile view of your blog.

Below is a snapshot of adsense on the mobile view of my blog: http://www.ogbongeblog.com?m=1



To get started, you must first optimize your blog for mobile viewing.

To do this, login to www.blogger.com

Click on  "Template" from the left menu of your Blogger dashboard. Then, click on the settings icon below the mobile template as seen in the picture below:


Select "Yes" from the options and SAVE.

After saving, mobile ads will start showing on the mobile view of your blog, but on 2 conditions.

So, what are the conditions?
1. You must have added, at least one of your ad units using the ADSENSE GADGET
OR 
2. You must have configured your blog to display inline ads.

If you meet up with either of the 2 conditions above, you should be seeing adsense ads been displayed on your mobile version of your blog.

You will probably notice the ad at the bottom of your home page ( eg  http://www.ogbongeblog.com?m=1 ) and at the top of your post pages ( eg http://www.ogbongeblog.com/2011/03/how-to-add-follow-by-email-gadget-to.html?m=1 )   You might not be seeing it everytime though as I believe, the bloggers team is still working more on it.

If you added all the Adsense units to your blog via "html/javascript" gadget for easily tracking of your ads with channels, you can just configure your blog to display inline ads and the ad will start showing on your mobile template.

So, How Do I Configure Inline Ads?


Login to your blog dashboard, Go to Design | Page Elements tab. Then, in the "Blog Posts" section, click on "Edit". A pop-up window will appear with options to configure your blog posts. Check the box next to "Show Ads Between Posts". (Note: You must be signed up for AdSense before you can check this box.)

Show Ads Between Posts

Once you check this box you'll see the configuration options for your ads. You can then select how often you would like ads to be shown after your posts.

Show after every x posts
For example, if you want ads to be displayed after every post, select "1" from the drop-down menu. (Please note that AdSense policies limits you to a total of 3 ad units per page and Blogger will automatically prevent you from going over this limit.) You can then select your ad format and colors. Once you have finished configuring your ads, click on the orange "Save Changes" button in the bottom right corner.

That's all.

You can view the mobile version of your blogger blog by adding ?m=1 to the end of your address e.g  ( eg  http://www.ogbongeblog.com?m=1 and  http://www.ogbongeblog.com/2011/03/how-to-add-follow-by-email-gadget-to.html?m=1

Note: 

The mobile templates is currently supporting 6 variants of the Simple template and 6 variants of the Awesome template. If you have used one of these 12 templates through the Template Designer, your mobile view will be rendered in the same style as your desktop view (other template variants will be rendered as Simple). Some gadgets are also supported**.




You can read more about the mobile templates at: http://bloggerindraft.blogspot.com/2010/12/new-mobile-templates-for-reading-on-go.html

I hope this helps...

I hope this info helps...

Feel Free to share this blog post with your friends using the share/Like buttons on this page .

If you have anything to contribute or ask, Kindly make use of the comment form below.

If you are on Facebook, feel free to connect with fellow bloggers at the BloggersLab 

Please, do not forget to SUBSCRIBE to this blog, so that you can be receiving future Blogger tricks/tips, articles, freebies DIRECTLY into your email inbox, even when you are not online.

32 comments:

  1. Anonymous3/26/2011

    Great tip. I will set up mine now but what if i already have the maximum 6 units on my blog, will the inline ad still display?

    ReplyDelete
  2. it will display but the one on the sidebar will not display if you have one there. The top 3 ad units and top3 link units are always been displayed automatically.

    ReplyDelete
  3. Nice tips here Jide, am still waiting for my adsense account. Please i want to know whether you can choose the type of adsense you want for every post or it is google that decide to choose among many for you

    ReplyDelete
  4. Ok..I pray Google approves it for you asap. Google autodetects the kind of ads to be served to a particular page. By using proper keywords especially the high-paying ones in your posts titles, you might be served relevant ads

    ReplyDelete
  5. And finally I did it. Thanks for the tips. Now I can see ads on my blog mobile version, But still have a question i.e how to track its earning?

    ReplyDelete
  6. Do you have any idea how to add "admob" code to blogger blog?

    ReplyDelete
  7. @Birdy..its earnings will reflect in the URL channel that Adsense automatically creates for your blog url in your adsense report. Adsense recently approved mobile adsense for some selected countries, hence no need to worry about admob for blogger. Check your adsense account to know if you are one of the lucky publishers. Check Adsense blog for more info on this too... Cheers!

    ReplyDelete
  8. thank's for the tips, this make me solve my problem

    ReplyDelete
  9. thanks... saya baru saja mengaktifkan ini terimalaso

    ReplyDelete
  10. Thank you so much i have been messing with blogspot template trying to get it to so the mobile ads for ages, does this work will smart phone only or will tablets work aswell

    ReplyDelete
  11. thanks for the tips, I will follow your intruction for the condition, hope this will work. ;)

    ReplyDelete
  12. Excellent blog! Great to know this info in your blog..am really appreciate your work! Thanks for sharing!

    Manager Cv

    ReplyDelete
  13. what kind of phone did you use?
    i see nothing, i browse with nokia with opera mini 6

    ReplyDelete
  14. Try your phone default browser to check it bro. If you configure inline ads and add at least one ad block with the Adsense gadget, you should see the ad at the bottom of your homepage and at the top of post pages

    ReplyDelete
  15. Thanks admin. I have been looking for this post from a long time. Thanks for sharing. Good Work.
    Ashish
    Androidgyan.com

    ReplyDelete
  16. Thanks for this info! :)

    ReplyDelete
  17. Thanks for the step by step tut.

    I wonder how did you find out this procedure of adding ads for mobile device?

    ReplyDelete
  18. Thanks a lot for sharing.. It helps me lot... Thank u so much

    ReplyDelete
  19. Thanks for sharing. Worked fine for my blog.

    ReplyDelete
  20. Thanks for cool tutorial on how to display mobile ads on blog.I have inserted my own and it worked..

    ReplyDelete
  21. wow! Thanks man. It also worked fine on my blog http://www.loadedspot.com

    ReplyDelete
  22. Anonymous12/18/2012

    Thank you.
    "So, what are the conditions?
    1. You must have added, at least one of your ad units using the ADSENSE GADGET"

    I didn't connect my adsense & blog using "adsense gadget", just use HTML widget to put ads code. Now the ads appear on mobile.
    Thank you, again.

    VD, Indonesia

    ReplyDelete
  23. I don't know why but its not working in my end. :(

    ReplyDelete
  24. Jide pls do have different types of posts ( the ones to be displayed on mobile and the ones to be displayed on computer) or the same posts>

    ReplyDelete
  25. nice work! thank you very much!!!

    ReplyDelete
  26. Thankyou so much it worked for me now my website starts showing ads on mobile version. thanx alot.

    ReplyDelete
  27. Please, is there any way i can add image to my post title in blogger
    please kindly help

    ReplyDelete
  28. Is there any way I can make it appear on opera mini,?

    ReplyDelete
    Replies
    1. No, except you use mobstac. Hoping Google will make this work soon.

      Delete
  29. in the mobile version of your blog adsense unit is placed before the comments! How did you do? Can you explain?

    ReplyDelete
    Replies
    1. I am using custom blogger mobile template. You can mail me so I can send you the sample of the code. I will also try to write on this.

      Delete
  30. my email is lacucinaimperfetta@gmail.com ! thanks

    ReplyDelete

We love to hear from you!

If your comment is unrelated to this post, please use our Contact page.

Want to be notified when I reply your comment? Tick the "Notify Me" box.

THANKS.