3/11/2014

How To Make Adsense Show After Posts On Blogger Mobile View



Earlier, I shared a tutorial on how to add Adsense ad below post titles on Blogger mobile templates. In this tutorial, I am sharing with you, how to add Adsense ads after each blog post on the mobile view of your Blogspot blog.

Readers of your blog posts are more likely to click on ads after reading your post. Hence, I recommend you add an ad unit right after each post.

Ads added below each post on the desktop view of your Blogger blog won't show by default on the mobile view. You have to enable "custom" mobile template and add the ad code to the HTML of the Blogger mobile template.

Below is a 300x250 Adsense ad showing after my blog post on the mobile view of  OgbongeBlog:

Adsense under blog post




Let's get started 


==> Log in to www.google.com/adsense to generate the Adsense code for the ad unit you want to add to the mobile view. eg 300x250 Medium Rectangle ad size.

Now, we need to parse the ad code.

==> Go to http://www.freehtmlparser.blogspot.com/
==> Copy and paste your ad code inside the box and click the "Encode" button
==> Copy and paste the code somewhere eg in a notepad

==> Ensure you have enabled CUSTOM Blogger mobile template. If not sure, login to your Blogger dashboard, go to "Template". Under "Mobile", select "Yes. Show mobile template on mobile devices" and choose "Custom" from the "choose mobile template" dropdown box and save your settings.

==> Now, we need to find the code for the Blogger Mobile Template Post title so we can place the Adsense code directly below it.

==> So, back up your template and go to "Template" > "Edit HTML"

==> Click inside the HTML and use CTRL F to find the code below:

<b:if cond='data:top.showMobileShare'>

==> Directly above it, paste the parsed Adsense code.

Save your template.

View one of your blog posts on mobile view using default browser of your mobile device (NOT Opera Mini) and you should see the ad after each blog post on POST pages (Not on the homepage).

NBYou can place any ad code there be it AdDynamo, Infolink, media.net ad etc If you also want to add share buttons to your Blogger mobile template, you can also paste the codes of the buttons there.

You can access the mobile view of your Blogger post on PC by adding ?m=1 at the end of the post URL.

Try it and let me know if it works for you.

PLEASE, Share this with your friends.

Questions? Contributions? Kindly relay them via comments.

Recommended: How to Add Adsense Below Post Titles on Blogger Desktop View


Share :


27 comments:

  1. This so cool. I now understand how I can add anything after my blog posts. Will add my addynamo ad there since Adsense dont want to approve me. You are the best boss.

    ReplyDelete
    Replies
    1. Yes, you can add any ad, share buttons etc there. Enjoy man!

      Delete
  2. Thanks boss jide.
    I have been looking for how to enable adsense on my mobile view and seems like you have given me the best tips.

    No need for wasting cash on mobstac...
    But bro jide, Is it still possible for mobile 'yes' coding to also apply adsense on mobile view??

    ReplyDelete
    Replies
    1. Yes, if you've added the Adsense ad to your blog using the HTML/javascript gadget

      Delete
  3. Adsense now making sense with this post

    ReplyDelete
  4. adsense is getting better and interesting, jide thank you i really need help on this article and you've helped me www.naijable.blogspot.com

    ReplyDelete
    Replies
    1. Glad to know that have been helpful to you. Have fun bro!

      Delete
  5. Hmmmnnn... It worked like charm, maybe you've encoded some juju in the - cuz it started working immediately, at-least even if Google Ads is still not showing on Opera mini. I will still get Ads view and clicks via default mobile browser. Thanks Bro

    ReplyDelete
    Replies
    1. You're welcome bro. You will surely be earning some $$$ from readers that use the default browsers of their mobile phones.

      Delete
  6. Brother Jide, You are i darling, i hope to meet you one on one sometime in the future.

    ReplyDelete
  7. Mr Jide, does adsense ads normally display on default blogger mobile template? I'll be looking forward to your reply.

    ReplyDelete
  8. Thanks for this tips Oga jide..I have 2 AdSense ad on the mobile view of my blog( up and bottom) plz can I still use this tips to place addynamo ads on mobile view without getting my AdSense disabled..?

    ReplyDelete
  9. plz Oga Jide In addition to my previous question ,can I place 3 AdSense ad on mobile view with this tips I.e up, after post and bottom?

    I already have 2 AdSense ads on mobile

    ReplyDelete
  10. Anonymous10/21/2014

    Hi enabling custom blogger templates gives ?m=1 duplicate title tags. Could appreciate some advise on resolving this issue.

    ReplyDelete
  11. Thanks for this. It worked for me. Even making more sense now that it works on Opera Mini.

    I got one issue though. After adding the ad code, I decided to add a share button below the ad. I added it below the ad but it showed above it. I added it above the ad and it still remained above. I even added the share button a little bit far from the ad but it still showed above. Any help pls?

    ReplyDelete
    Replies
    1. Glad it worked for yo. You might have to clear your browser cache o see the most recent changes.

      Delete
    2. Did that but still the same sir.

      Delete
  12. Thanks. But I am using an unresponsive blogger template. So i have selected blogger mobile default version. Can i add adsense on this default mobile version? Please reply me and help me.

    ReplyDelete
  13. Can you please tell me how to show same adsense code below post in blogger both in mobile and desktop view? as the trick you have written above allow showing adsense in blogger mobile only not in desktop view....

    ReplyDelete
  14. This came at the right time, thanks for tge share Jide. Now ill implement and watch my earnings and come give a feed back Akintoms.com

    ReplyDelete
  15. Great post... It saved the days

    ReplyDelete
  16. It's so important to monetize mobile visitors. Because statistics show that most of visitors are now browse by smartphone. My site's 60% visitors comes from mobile device. After monetize my mobile site with adsense. my earning is increasing gradually. Thanks for the tutorial

    ReplyDelete
  17. to be honest jide, you the best as all of your tutorials work perfectly....thanks a lot man..

    ReplyDelete
  18. works very fine. pls if i want it at the centre like yours, how can i do it?

    ReplyDelete
  19. Nice Mr Jide, it worked very well on my Blog

    ReplyDelete
  20. Chairman jide You are good. Most of your write up really assist me in fixing my adsense.

    http://www.kokolevel.com/

    ReplyDelete

We love to hear from you!

Sign in to comment "anonymously" without entering verification text.

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

If your comment is unrelated to this post, please drop it at my Facebook group here.

THANKS.

Designed by Jide Ogunsanya.