こんにちは、ニタです。
最近、Webサイトのアクセス解析などに携わるようになりました。
そこで今回は、アクセス解析ではもはや必須ツールとなっているGoogleアナリティクスの話です。
Googleアナリティクスは訪問者の訪問時間や閲覧したページや、どのようにサイト内を移動したかなどができるツールです。

しかし、標準の機能ではページ内のどのリンクが押されたか、ファイルダウンロードリンクで多くダウンロードされたファイルはどれかなどの、サイト独自の訪問者の行動の計測はできません。

そこで、アナリティクスのイベントトラッキング機能を使うことで、訪問者の詳細な行動を計測することができます。

例えば、以下の様なPDFファイルのダウンロードリンクがあるとします。

このリンクの中から、どのファイルがダウンロードされたのかを計測してみます。

<a href="pdf/my_company_info.pdf" class="dl-button" target="_blank">会社案内</a>
<a href="pdf/my_product_info.pdf" class="dl-button" target="_blank">製品紹介</a>
<a href="pdf/my_company_services.pdf" class="dl-button" target="_blank">サービス案内</a>
<a href="pdf/my_company_product_a.pdf" class="dl-button" target="_blank">製品A資料</a>
<a href="pdf/my_company_product_b.pdf" class="dl-button" target="_blank">製品B資料</a>

イベントトラッキング送信のコード

まず、Googleアナリティクスのトラッキングコードはheadタグ内に書いておきます。

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-XXXXXXXX-NN', 'auto');
  ga('require', 'linkid', 'linkid.js');
  ga('send', 'pageview');
</script>
</head>

続いて、JavaScriptで以下のようなコードでリンクのクリック時のリンク名を計測します。

$(function(){
    $('.dl-button').on('click', function(){
      var file_name = jQuery(this).html();
      ga('send', 'event', 'File Download', 'ダウンロードファイル', file_name);
    });
});

このコードを記載したテストページで、実際にイベントトラッキングをアナリティクスへ送信し、計測結果を見てみます。

 

実際のレポート結果を確認

実際のアナリティクスのレポート画面を見てみると、計測結果が出ています。

今回は、リアルタイム計測のイベント画面で確認しましたが、左メニューの「行動」→「イベント」→「サマリー」、「上位のイベント」からでも確認できます。

 

イベントトラッキングコードについて

先ほどのコード内のga('send','event', ...というコードが、イベント送信のコードになります。
各引数は以下のようになります。

ga('send', 'event&', 'カテゴリ', 'アクション', 'ラベル', 値);

'カテゴリ'以下の引数に渡す内容は以下のとおりです。

※send, eventは固定値です。

名前	内容
カテゴリ（必須）	発生するイベントを分類する名称
アクション（必須）	カテゴリに対する訪問者の行動名称（例：スクロール、ダウンロード）
ラベル（任意）	細かく分類したい時に使用。
値（任意）	イベントに数字を割り当てられる。（例：問い合わせやダウンロード1件あたりの売上額などの数値）

Googleのヘルプには詳細な説明があります。

イベントについて – アナリティクス ヘルプ

Webサイトの訪問者がどのページをどのように閲覧しているのか、サイト内で何をしているか（どういったコンテンツを探しに訪問したのか）が分かれば、今後のサイト更新の方向性に迷いはなくなるでしょう。