Mobile sites are becoming extremely popular with businesses today. You could even argue that it’s catching up to Social Media as the “new buzzword” in Business Circles. My article is going to offer up one tip to make sure your new jQuery Mobile site is performing properly and getting the results you want.
Google Analytics Tracking for Mobile Sites is different than Tracking your Website. After all, the entire purpose of a Mobile Site is for quick, easy access for Mobile Customers. 99.9% of that traffic is looking for your Phone Number or Your Location, the customer has either already done a Google Search to find you or they are a direct visit.
For this example, our business has multiple locations in the Tampa Bay Area and we want to track which city is receiving mobile visitor click-throughs. This data could be important for future mobile advertising, but mainly just so we know its an added service that our customers are using.
Our locations are separated by collapsible divs with a basic html a href link using “tel:813-XXX-XXXX” so the browser knows to render this link as a Phone Call. We’ve put each city inside a collapsible div to cut down on accidental phone calls, it does require an extra click to make a phone call but its better than receiving an accidental one which would skew our data. Below is our sample code for the entire DIV including our Google Analytics Event Tracking Code.
<div data-theme="a" data-collapsed="true" data-role="collapsible" class="ui-collapsible-contain"> <h3>Tampa</h3> <p aria-hidden="true"> <a href="tel:813-XXX-XXXX" onClick="_gaq.push(['_trackEvent', 'Phone', 'Clicked', 'Tampa Phone Call']);">Call 813-XXX-XXXX</a><br /> XXX E Highway 92<br /> Tampa, FL </p> </div>
Lets dissect the parameters of this Event. “Phone” is our Category, “Clicked” is our Action, and “Tampa Phone Call” is our Label. These parameters can be changed to whatever you like of course, but I recommend only changing the Label as needed. An example of another Category would “Map” or “Directions” if you posted a link to Your Google Maps Page.
Now lets see how this translates in Google Analytics. Under “Content” you will find “Events”. Without going through an entire Google Analytics lesson just click on “Top Events” and change “Viewing” to “Event Label”, you should see something similar to this:
Now we can tell how many customers wanted to drill down to specific city phone numbers rather than calling the Main 800 Number on our mobile home page. I hope this helps you increase your mobile customer tracking.
I am CO-Owner of Revital Agency in St. Petersburg, FL. My duties include managing all inbound marketing campaigns, paid and organic. I also design most of our web projects, and develop them in the most effective platform for the project. I am currently working on the Einstein-Rosen Bridge with Natalie.
Your First Year in Code
Visual Studio Code: End-to-End Editing and Debugging Tools for Web Developers
Jump Start Git, 2nd Edition