Pageviews from mobile device users

Two weeks ago we blogged about Blogger's new feature called Mobile Templates. It reformats a standard template into a smartphone-compatible one thereby allowing users to view Blogger blogs on their mobile devices. This new feature, however, remains an opt-in funtionality in Blogger in Draft.

Indeed, after one week, pageviews from mobile users increased. Not only that, smartphones with operating systems other than iOS (iPad and iPhone) and Nokia OSe's (all Symbian and probably Maemo) were recorded to have been utilized to access this blog. The following image clearly shows that Samsung and Blackberry users also accessed this site since last week.

Image and video hosting by TinyPic

Activating Blogger Mobile Templates caused a slight change in this blog's template. We discovered that two lines of code in meta form were added into it, as follows:

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>

These meta codes, we believe, are the ones that scale down the size of a standard template to make it compatible to mobile devices. We are currently doing an experiment to prove this thought. We added the codes to our other blogs; the outcome will be posted after weeks of observation.

In case you want to try this method yourself so that you will not have to login in Blogger in Draft for Mobile Templates activation, just add the codes to your blog's template header by going to Design > Edit HTML > Copy/Paste the codes in the <head> section, before <b:skin><![CDATA[. Make sure you downloaded a full template backup file before doing the procedure.

If you got reactions or feedback, please post them in the comments section below.