jQuery MobileでGoogle Analyticsを使うために気をつけなければいけないこと

6月 28th, 2011 | Filed under analytics, javascript.

Using Google Analytics with jQuery Mobile View more presentations from Koji Ishimoto

とあるとこで、とある話をしたので、とあるスライド置いときますよ。

要点を言うと、jQuery MobileでAjax遷移してると、普通にGoogle Analytics置いてても作動しないから気をつけてねって話です。

GATC for jQuery Mobile

僕はこうゆう感じでとりあえず対応しています。作動させるタイミングとフラグメント識別子を記録させるのがポイントです。あとはご自身のサイトに合わせてカスタマイズしていただければと思います。

//set
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-xxxxxxx-x']);

//async
(function () {
    var ga = document.createElement('script');
    ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(ga, s);
})();

//exe
$('[data-role="page"]').live('pageshow', function () {
    var u = location.hash.replace('#', '');
    u ? _gaq.push(['_trackPageview', u]) : _gaq.push(['_trackPageview']);
});

            view raw
            gistfile1.js
            This Gist brought to you by GitHub.
          