おたむはうぇぶじぇね

ウェブ制作会社に勤めるおたむの創作備忘録

Google Analytics で onClick をトラッキング

Design > Web

08.02.02 07:24

とあるサイトの SEM のため、アクセス解析ツールには Google Analytics を採用した。

しかしそのサイトが数年前に制作されたものであり、テーブルレイアウトの中を Ajax と呼ぶにはほど遠い JavaScript のメソッドたちがマウスイベントを待ち構えているクラシックな作りになっている。そのため、アンカークリックは void(0) で終了され Google Analytics のトラッキングコードをページ内に埋め込んだだけでは、正確なトラッキングができない。

そこで、onClick イベントもトラッキングする方法を調べた。

最近 Google Analytics のトラッキングコードがリニューアルした。
onClick イベントをトラッキングする方法は、いま利用しているトラッキングコードが新しいものを利用しているか、以前のものを利用しているかで異なる。

リニューアル以前のトラッキングコードがこちら。

<script src="http://www.google-analytics.com/urchin.js"
type="text/javascript"></script>

<script type="text/javascript">
_uacct = "UA-12345-1";
urchinTracker("/my/virtual/url");
</script>

こちらを利用している場合、次のようにする。

<a href="javascript:void(0);" onclick="javascript:urchinTracker('/mydoc.pdf');">Download PDF</a>

新しいトラッキングコードはこちら。

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ?
"https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost +
"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>

<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-12345-1");
pageTracker._initData();
pageTracker._trackPageview("/my/virtual/url");
</script>

こちらを利用している場合、次のようにする。

<a href="javascript:void(0)" onclick="javascript:pageTracker._trackPageview('/mydoc.pdf');">Download a PDF</a>

この方法でトラッキングした情報は、Google Analytics のレポートビューから [コンテンツ] メニューの [上位のコンテンツ] から一番下の [URL を検索] で、"/mydoc.pdf" と入れると参照できる。

Tags :: , , ,

Author :: おたむ