Skip to main content

How to Show Google Ads on Mobile Version of Blogger/Blogspot Template?

Currently, Google Adsense is the best CPC Ad network. It also allows the blogpsot bloggers to publish ads on their blogs. Every blogger's aim is to increase the blog traffic and earnings. So a blogger is learning new things everyday to get more income from Google Adsense. Generally, a blog is getting huge traffic from PC users. Nowadays, people use mobile phones to surf the web. 

30 percent of a blog's traffic comes from mobile devices.  Most of the bloggers who use "Blogger" as their blogging platform are unable to make money from mobile traffic. If the mobile version of your blog does not show Ads, then solely you are getting page views only but earning none. Then what is the use of being an Adsense publisher who simply cannot make income from his blog's mobile traffic? Having unique articles is not only enough to generate money but a blog having responsive design with ads can only do the job. 

Blogger platform provides two different kinds of templates. One is the web version template and another is the mobile version template. There is not much of options to access the mobile version template in blogger. In this post, I'm going to tell you simple tricks to display ads on mobile version of blogger/blogspot template. 



My Blog's Mobile Version Templates is Showing Adsesne ads :)

In the mobile version template of blogger, only two ads will appear. One is on the top of blog title which is a rectangular ad unit and another one on the bottom of blog or just above the profile which is a square ad unit.

Just for an example, here you could see some screenshots which is showing the look of my blog in mobile version template with and without ads.



Ads on Top on Mobile Version Template



Ads on Bottom on Mobile Version Template

Step 1: Enable Ads on BLog

  • First of all, you need to enable ads on blog. To do this, go to Blogger > Login > Dashboard > Earnings.
  • Click on Yes radio button on Show ads on blog option.
  • On the Display option, choose the location to display ads on your blog.
  • Click on Save settings.


Wait for few seconds, then your blog will show ads. This is the default option to display ads on your blog. But most of the bloggers insert ad code from Adsesne account by using the html/Javascript gadget. If you prefer second option, the default option will get disabled. To overcome this, you need to use the Adsense gadget (Layout > Add a gadget > Adsense) to show at least one ad. 

Adsense allows it's publisher to show 3 adsense ad units per page. So, display one ad by using default Adsesne gadget and insert the ad codes to execute other 2 ads. Hope you understand what I'm saying.

Step 2: Customizing Mobile Version Template

  • Go to Template.
  • On the Mobile section, click on setting gear option beneath it to customise mobile template.

  • Tick on Yes. Show mobile template on mobile devices radio button.
  • Choose mobile template as Default.
  • Click on Save.
  • That's all.


To Sum Up

Displaying ads on mobile version of blogger blog template is definitely worth to earn additional income through the traffic comes from Mobile phones, I pad, other Tablets, etc and so on. 

I hope this tutorial is going to be very useful for everyone especially for bloggers. Share your reviews here via comments.

Comments

  1. sorry sir, i can face problem while the displaying ad in mobile version. my adsense earning page disabled and i cant to do the layout approach also..thats also show error

    ReplyDelete
    Replies
    1. Hi Sivaraman, the problem which you have mentioned above is a common one. It happens if you add ad codes only from official adsense page but not by adding ad code through Adsense gadget ( Layout > Add a gadget > Adsense). Read the Step 1 clearly :)

      Delete
  2. wooow thanks bro its really work on my blog. www.chrisblend.com

    ReplyDelete
    Replies
    1. That's cool bro! I'm very happy that it's working for you. Thanks for your valuable comment. :)

      Delete
  3. hello bro...its worked perfactly on my Best Website...

    www.knowledge4ever.com

    ReplyDelete
  4. Hi I got adsense in one account and blog in another please tell me how to get ads in mobile now...

    ReplyDelete
  5. Is it work for 3rd party template ?

    ReplyDelete
  6. i have a proble on my blogger . ads are not apperar on mobile site.
    how may i enable it

    ReplyDelete
  7. Google is making the most out from advertisement and Google Adsense is the key source which supports in generating more. Thanks for sharing.

    ReplyDelete
    Replies
    1. Yes, its true , and for this time adsense for mobile very recommended

      Delete
  8. Nice one . I will try on my website- http://topcurrentupdates.blogspot.in/

    ReplyDelete
  9. How to create this tip "Ads on Bottom on Mobile Version Template"
    - Please help me anyone - becouse my template is Ads on Top on Mobile Version Template I want to create BOTTOM

    ReplyDelete
    Replies
    1. Hi Zumeri, what template are you using? You need to select the option "Default" while choosing the mobile template. It should work.

      Delete
  10. Hi Bro Thanks for your tuto now ads are showing in Mobile Version
    but Main Problem Its Showing only end of post but i want to rearrange it in Top & between the post
    Can you help me :)

    ReplyDelete
  11. Hello Dinesh, will it work ONLY for "Default" mobile template? I selected the template as "Custom" but the ADs stopped displaying in the Mobile. It however worked for "Default"

    Any idea?

    ReplyDelete
    Replies
    1. Not only "Default", you can also choose other template views like "simple", "dynamic views". Please Don't select "Custom" option.

      Delete
  12. Hello sir, I have two blog using the same template.
    www.info-mada.com
    www.sujet-bac-mada.info
    The first blog, adsare appearing in the mobile version. But with my second blog, ads doesn't appear in the mobile version.
    Could you help me please 'cause I am not good in HTML/java script code. Many thank's.

    ReplyDelete
  13. hey when i activate showing ads on mobile version www.animelap.com
    it happen that my website have 5 ads this is aweful how i can solve this problem !!!

    ReplyDelete
  14. thanks it works on
    www.naijaway.com

    ReplyDelete

Post a Comment

Please do genuine comment and don't spam here

Popular posts from this blog

How To Create Multiple Twitter Accounts With One Email Address?

Twitter is the best place where you can do trend setting. We all know that a single tweet from a celebrity reaches millions of twitter followers. In the recent years, Twitter has emerged as the glittering foundation for communication. Either good or bad news, twitter users shares the content which is similar to what's happening on Facebook .  Unlike Facebook, Twitter allows only 140 characters to share your thoughts for a single tweet. 

How To Backup Windows OS and Make A Bootable USB Installer Pendrive For Windows 7 - Guide?

Windows Operating System is the powerful OS since 2000. You could see that most of the PC users prefer Windows OS rather than any other OS products. This shows the stability of this particular OS. Windows OS is available for both 32 bit and 64 bit hardware. The demand for this product is high and insane. Wherever you go whether a shopping complex, bank, office and some other place, they are using Windows OS on their computer system.

How To Add Email Receipt and Get Notified When Your Sent Mail Has Been Opened?

Earlier we have discussed about the number of ways to sign into multiple accounts at the same time and now I would like to tell you some important paths to track the emails which you would send out to someone. At first let's define the  little difference between delivery and read receipt. If you send an SMS to your friend, you would get notified whether it is delivered to him/her or not.