jQuery Mobileで作成したサイトにgoogle analyticsを埋める
jQuery Mobileで作成したサイトにgoogle analyticsを埋める際に
ただタグを埋めればいいわけではなかったのでメモ。
そもそもjQuery Mobileはajaxが有効な場合にリンク時に
data-role=page部分だけを読み込むので、ヘッダやフッタが
読み込まれない。
だからトラッキングコードの箇所が読み込まれず、最初の
ページだけがトラッキングされてしまうらしい。
最初に参考にしたサイトはこちら
jQuery MobileでGoogle Analyticsを使う方法
だた元々のanalyticsのタグがちょっと違うなーと思ったので
こちらのサイトのコードを参考にさせてもらいました。
Google アナリティクスをjQuerymobile内で使う
やっている方法としては同じもので
pageshowイベント時に
_gaq.push(['_trackPageview']);
するってことみたい。
ただ上の場合だと#以降がgoogle analytics上で表示されないので今回は
こうしてみた。
$('[data-role="page"]').live('pageshow', function(){
var u = location.pathname + location.hash;
u ? _gaq.push(['_trackPageview', u]) : _gaq.push(['_trackPageview']);
});
こうするとgoogle analytics上で
/aaaa/bbbb/ccccc#xxxxxxx
という感じで表示される。
↓この本にも説明が載ってた。。。