Google AnalyticsでEvent tracking

どこがクリックされているか、ページ間でどういう動きがあるか、などを可視化するのに便利。

  1. google analyticsでアカウントを開設、
  2. 手順にしたがい、jsコードを入手
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-********-*']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; 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);
  })();

</script>
  1. これを直前にjsコードを貼付ける。
    1. このjsのコードが、/urchin.jsではなく、/ga.jsであることを確認する。古いやつ(/urchin.js)の場合は、更新する
  2. event trackingしたいリンクに、以下のonclickなコードを入れる。
<a href="***" onclick="_gaq.push(['_trackEvent', 'カテゴリー', 'アクション', 'ラベル', '値'])">..</a>
  • String category The general event category (e.g. "Videos").
  • String action The action for the event (e.g. "Play").
  • String opt_label An optional descriptor for the event.
  • Int opt_value An optional value associated with the event.

参照：
記述方法についてはSyntax Comparisons  |  Analytics for Web (ga.js)  |  Google Developers
引数についてはTracking Code: Event Tracking  |  Analytics for Web (ga.js)  |  Google Developers
4つめの引数がIntなのに注意。
例えば

<a href="some_link.html" onclick="_gaq.push(['_trackEvent', 'link', 'click', this.href])">リンク</a>

とすれば、そのリンクをクリックした回数がわかるだろう。

あとは、自分のgoogle analyticsアカウントから、Content->Site Search->Event Trackingで確認する。

ちなみに、onclick="pageTracker._trackEvent(***)"|という表記のものを多くみるが、これはもう古い。非同期でできるga.jsと上記のcodeでやるのがベスト。


なお、これでやりたかったことは、こちら：
Google Analyticsでページ遷移を追跡する方法