jQuery Mobileで作成したサイトにgoogle analyticsを埋める


jQuery Mobileで作成したサイトにgoogle analyticsを埋める | Bamboo lath 日々の記録

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
という感じで表示される。
↓この本にも説明が載ってた。。。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です