New mobile site built with jQuery mobile, and a plugin to automatically track everything
We just launched our new mobile site, in development the last couple of months. The old one was built with iUI, hot for the time (2008) but crusty by today's standards.
jQuery mobile (JQM) was our framework of choice. Since it has all those fancy events, we wanted to track those too. Automatically, of course. With JQM growing in popularity, we decided we'd build a plugin that pairs with our tracking code to track these events automatically, and then release the plugin for everyone to use once we were done. And, we're done.
Instructions for the plugin are available here. Basically you just add a single line of javascript after the Clicky tracking code in your HTML, and that's it. See the link above for more info.
A screenshot of the new mobile site is below. It shows the main dashboard after selecting a site on the previous page. In the old site, you had to select a date range right after selecting a site, because of severe limitations of the framework we were using. Now there are actual menus (amazing, I know) which you can see in the top right: a shortcut to change the date, and the other ones brings up a side panel with more options.
You can graph trends just as you could before, although we're not showing trends here other than right on the main dashboard (we couldn't make trends fit in with the new style of reports). Instead, in a report such as "traffic sources", click on the number itself; that will popup a graph and there are options to change the date range.
Let us know what you think.
14 comments | Feb 25 2014 5:34pm
jQuery mobile (JQM) was our framework of choice. Since it has all those fancy events, we wanted to track those too. Automatically, of course. With JQM growing in popularity, we decided we'd build a plugin that pairs with our tracking code to track these events automatically, and then release the plugin for everyone to use once we were done. And, we're done.
Instructions for the plugin are available here. Basically you just add a single line of javascript after the Clicky tracking code in your HTML, and that's it. See the link above for more info.
A screenshot of the new mobile site is below. It shows the main dashboard after selecting a site on the previous page. In the old site, you had to select a date range right after selecting a site, because of severe limitations of the framework we were using. Now there are actual menus (amazing, I know) which you can see in the top right: a shortcut to change the date, and the other ones brings up a side panel with more options.
You can graph trends just as you could before, although we're not showing trends here other than right on the main dashboard (we couldn't make trends fit in with the new style of reports). Instead, in a report such as "traffic sources", click on the number itself; that will popup a graph and there are options to change the date range.
Let us know what you think.


Recent Comments
Started unusual snare project http://new.pics.hotblog.top/?entry-claudia rule ... consuelodh69, Apr 21 2018 Sean Yeah I would prefer the ability to indicate my physical location is not in ... Susan, Apr 21 2018 100% agree to Dave. Please consider keeping IP anonymization as an option. We rely ... Jean, Apr 20 2018 I enjoyed the tone of this post. Think the feeling is mutual towards GDPR. I would ... Jim, Apr 20 2018 You need to be careful to differentiate when data is tracked for marketing, and for ... Dave, Apr 20 2018 Ok based on feedback we'll do the thing where EU/non-EU visitors are treated different, ... Sean (Clicky), Apr 20 2018 Gordon, DNT was pretty much a failure across the board as it was always optional, ... Sean (Clicky), Apr 20 2018 Kieran, I agree 100% with you! Sean (Clicky), Apr 20 2018 Brent, I don't know. Unlikely by the deadline at the very least. Sean (Clicky), Apr 20 2018 Andy by cross domain tracking I'm referring to different root domain names. Sean (Clicky), Apr 20 2018