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.)

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.


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.