(cache) アナリティクスのイベントトラッキングでクリック計測!アクセス解析の使い方入門11

Googleアナリティクスのイベントトラッキングという機能を使うと、サイト内のボタンや外部リンクがクリックされた回数や、ダウンロード数などもカウントできます。今回はその設定方法や使い方を紹介します。

ゆめぴょん(@yume_pyon)です。こんちはっ！

Googleアナリティクスは無料のアクセス解析ツールです。登録方法、用語解説、初歩的な使い方、サイト訪問者のブラウザやスマホ率などの確認、ウェブマスターツールとの連携などは下記事を参考にしてください。

アナリティクスのセグメントの使い方やSNS絞りこみ設定！アクセス解析の使い方入門10

Googleアナリティクスでは、様々なアクセス解析の指標によりサイト分析…

アナリティクスでサイトの表示速度や改善方法も分析！アクセス解析の使い方入門9

Googleアナリティクスでは、サイトの平均読み込み時間など表示速度も分…

サイト訪問者の年齢・性別などをチェックをしたい場合は、下記事も参考にしてください。

Googleアナリティクスで年齢,性別のユーザー分布を確認！アクセス解析の使い方入門4

Googleアナリティクスを使えば、サイト訪問者の年齢・性別・興味などユ…

Googleアナリティクスのイベントトラッキングとは？

Googleアナリティクスは、サイト内のどのページがどんな人に読まれたかを調べるアクセス解析ツールですが、外部サイトへのリンクのクリック数や、ダウンロード数などもカウントできます。

イベントトラッキングとは、そういう閲覧行為ではないアクションを「ページビュー」としてではなく「イベント」としてカウントする計測方法です。

どんな時に使うのかというと、例えば次のとおりです。

イベントトラッキングの有効な使い方

下のような件数などを計測したい場合に、Googleアナリティクスのイベントトラッキングは有効です。

外部リンクのクリック数
ファイルのダウンロード回数
PDFファイルの閲覧回数
広告やバナーのクリック数
入力フォームやカートやログインボタンなどのクリック数
複数の内部リンクのうちどれが押されたかの確認
動画や音楽の再生回数
アンケートの集計
SNSやシェアボタンのクリック数
ページのスクロール
お気に入り・ブックマークボタンのクリック数

イベントトラッキングの設定方法

設定はとても簡単な方法でできます。計測したいリンクの、aリンクタグに「onClick」というJavaScriptの1文を追加するだけです。例えば下はユニバーサルアナリティクスの場合です。

<a href="http://**.jp/link1/" onClick="ga('send','event','link','click','link1');">リンク</a>

1	<a href="http://**.jp/link1/" onClick="ga('send','event','link','click','link1');">リンク</a>

まだユニバーサルアナリティクスに切りかえしてない従来の場合（ga.js）は、下のとおりになります。

<a href="http://**.jp/link1/" onClick="_gaq.push(['_trackEvent','link','click','link1']);">リンク</a>

1	<a href="http://**.jp/link1/" onClick="_gaq.push(['_trackEvent','link','click','link1']);">リンク</a>

このようなコードをおまじないのように追記すれば、クリックがイベントとして計測開始されます。

トラッキングコードを簡単に説明

追加したトラッキングコードの引数についての解説は次のとおりです。

「ga(‘send’,’event’」「_gaq.push([‘_trackEvent’」までは固定
[必須]category/カテゴリ：グループ名。上の例では「link」
[必須]action/アクション：訪問者の行動名。上では「click」
[省略可]label/ラベル：区別できる名称。上では「link1」
[省略可]value/値：レポートで集計できる数値。金額やスコア等。上では省略
[省略可]opt_noninteraction/ノンインタラクション：trueで直帰扱い

カテゴリ、アクション、ラベルについては、統一された名称なら好きなように付けることができます。カテゴリには他に「button」、アクションには「download」なども考えられます。日本語でもOKです。

ラベルにはリンク固有のわかりやすい名称をつけることをオススメします。例えばパーマリンクURLの一部でもいいでしょう。

ノンインタラクションはわかりにくいオプションですが、例えば外部リンクやPDF閲覧を直帰の対象にカウントしたい場合は「true」を入力する必要があります。

「false」や省略した場合は、直帰の対象にならない場合もあるので注意してください。

jQueryや専用JSでコードを自動追加する方法

リンクの1つ1つにトラッキングコードを付けるのが面倒な場合には、jQueryを読み込んでいるなら、下コードをどこかに追記するだけで、全てのaリンクタグに自動的にイベントトラッキングコードが付与されます。

<script type="text/javascript">
  jQuery(function() {
    jQuery("a").click(function(e) {
      var ahref = jQuery(this).attr('href');
      if(ahref.indexOf("***.com") != -1 || ahref.indexOf("http") == -1 ) {
        ga('send','event','inlink','click',ahref);
      }else{
        ga('send','event','outlink','click',ahref);
      }
    });
  });
</script>