Mobile phone usage has increased over years and people are using
mobile phones for searching nearby places. Whether it be restaurant or shopping
mall or something else everyone should have a mobile website or online presence
to increase sales and connect with their customers.
Tracking of mobile website in Google Analytics differs from tracking a
normal website because Google Analytics uses JavaScript based code to track
visitors data but some mobile devices does not support JavaScript. So Google
devised a new way to track mobile websites using Google Analytics. This blog
post will provide you information on Google Analytics
Mobile Tracking Code and steps to install it on your mobile website.
To track a mobile site built in PHP, you must add a block of PHP code before the <HTML> tag on all your
mobile pages. You must also add a small block of PHP code immediately before the closing </BODY>
tag. (This is same even if your mobile
website is based on jsp, aspx or pl)
 |
| This is How Google Analytics Tracking Code Works for Mobile Websites |
Google Analytics Tracking Code (GATC) for Mobile Websites
Before going through steps to install GATC- for Mobile Websites let’s
examine the code
Examining the first block of
PHP code, you’ll notice that you need to add your Web Property account number to the top of the block. You’ll also
need to change the path to the ga.php file to match your website architecture:
<?php
// Copyright 2009 Google Inc. All Rights Reserved.
$GA_ACCOUNT = "MO-XXXXXX-YY";
$GA_PIXEL = "/ga.php";
function googleAnalyticsGetImageUrl() {
global $GA_ACCOUNT, $GA_PIXEL;
$url = "";
$url .= $GA_PIXEL . "?";
$url .= "utmac=" . $GA_ACCOUNT;
$url .= "&utmn=" . rand(0, 0x7fffffff);
$referer = $_SERVER["HTTP_REFERER"];
$query = $_SERVER["QUERY_STRING"];
$path = $_SERVER["REQUEST_URI"];
if (empty($referer)) {
$referer = "-";
}
$url .= "&utmr=" . urlencode($referer);
if (!empty($path)) {
$url .= "&utmp=" . urlencode($path);
}
$url .= "&guid=ON";
return str_replace("&", "&", $url);
}
?>
The second block of PHP code is much simpler. It is simply two lines of PHP code that reference a
function in the first block of code:
<?php
$googleAnalyticsImageUrl = googleAnalyticsGetImageUrl();
echo '<img src="' . $googleAnalyticsImageUrl . '" />';?>
When both
blocks of PHP work, the result is an image tag at the bottom of every page on
your mobile website. The resulting HTML looks something like this:
<img src="/ga.php?utmac=MO-XXXXXX-YY&;utmn=669391585&;utmr=-&;
utmp=%2Ftesting%2Fmobile%2Findex.php&;guid=ON" />
</body>
</html>
Steps to Install Google Analytics mobile tracking code
- Download the mobile tracking libraries from the Google Analytics code site at http://goo.gl/9q13i.
- Extract the contents of googleanalyticsformobile.zip file and copy ga.php (or ga.aspx, ga.jsp, ga.pl etc) into the root folder of your website ("/").
- Create Google Analytics account profile for your mobile site at www.google.com/analytics. Select "tracking for a new domain" (or new subdomain, if applicable), and enter mobile website name. Do not download JavaScript based tracking code but keep the web property ID (eg: UA-12345-01).
- There should be two files ending in .snippet. Open #1 (i.e. php1.snippet) in a text editor and insert the Web Property ID from step 1 in place of the text 'Account ID Goes Here', also replace 'UA-xx' with 'MO-xx'.
- Copy the contents of the #1 snippet to the very top of each web page you wish to track (above opening <html> tag).
- Copy the contents of the #2 snippet to the bottom of each web page you wish to track, just before the </body> tag. Refer to the included sample web page if needed.
Let me know if this was useful for you.
Share and Discuss
9 comments:
That was really something very useful. I was exactly browsing for related topic. Mobile Website really is gaining a hit nowadays. I'll sure try this one out! Thanks for sharing.
You've sure mentioned a nice catch! And I would agree with SEO Pricing, Mobile Website is gaining a hit nowadays, almost everybody is talking about it today, there are lots of positive inputs and development with mobile websites, considering that almost everybody access or prefer mobile phones than desktops.
Very great thoughts.Your article explain nice idea.I really appreciate you did very great work.Thanks for sharing a wonderful information.
Very useful article. One question - I want to track my mobile website which is subdomain like m.abcd.com
When I am creating the profile, I can see two options - Add a profile for new domain / Add a profile for existing domain.
Which one I should choose?
@Gunjan That's really a nice question. Finally I got a relevant comment. :) Since Mobile website tracking code is different from desktop website code I recommend to add a profile for new domain.
I hope this helps. I also recommend you to use new Google Analytics.
Great useful post! Maybe you can help me with something. I have already a tracking profile for my site, but for the mobile version on the same domain (mysite.com/mobile) should I create a new profile? Or I must use the one I already have? Thanks
@Alex you should create a new profile.
Create a new web property or just a new profile under that domain?
Great post, what you said is really helpful to me.I agree with you anymore. I have been talking with my friend about, he though it is really interesting as well. Keep up with your good work, I would come back to you.
Chris Thieneman
Post a Comment