GoogleAnalytics-イベントトラッキング

Google Analytics(アナリティクス)のイベントトラッキング について解説したいと思います。まず最初に「イベントトラッキング」という言葉を 考えていきましょう。

「イベント」とは、サイトへの訪問者の行動です。例をあげるとページスクロール、内部リンクのクリック、外部リンクのクリック、 「問い合わせ」のクリック、ファイルのダウンロード、動画サイトであれば動画の再生などがあります。 これらすべてサイト上で行う動きが「イベント」になります。

「トラッキング」とは、データを計測し、記録することです。

つまり「イベントトラッキング」とは、「イベント」を「トラッキング」する。サイト訪問者のサイト上での行動を計測し、記録することです。

具体例はすべて「ユニバーサルアナリティクス」です。ご了承ください。それでは説明していきます。

具体的にはHTMLのアンカータグにイベントとしてJavaScriptで表記します。当サイトでは、こちらを採用しています。すべてのページを修正して、 大変な作業でしたが気合で乗り切りました。(笑)

	<a href="リンク" onclick="ga('send', 'event', 'カテゴリ', 'アクション', 'ラベル', 値);">リンクタイトル</a>
	
	

onClickイベントのパラメータを説明していきます。

1. send：そのまま表記してください。
2. event：そのまま表記してください。
3. カテゴリ：（必須）イベントのカテゴリの分類をわかりやすいネーミングでお願いします。(例)リンク
4. アクション：（必須）イベントのアクションをわかりやすいネーミングでお願いします。(例)クリック
5. ラベル：(省略可能)わかりやすいネーミングでお願いします。
6. 値：(省略可能)値を設定してください。

Google Analyticsの「リアルタイム」「イベント」で設定した「イベントトラッキング」を確認することができます。もしくは 「行動」「イベント」でも確認できます。

イベントトラッキングの反映にはしばらく時間がかかります。管理人の場合は１時間くらいかかりました。気長に待ちましょう。

onclickに表記するよりは、こちらのほうがグッと簡単で楽ではないでしょうか。jQueryを使用するため読み込んでおいてください。 サンプルを表記します。

	<script>jQuery(function() {  
    jQuery("a").click(function(e) {        
        var ahref = jQuery(this).attr('href');
        if (ahref.indexOf("websae.net") != -1 || ahref.indexOf("http") == -1 ) {
            ga('send', 'event', '内部リンク', 'クリック', ahref);} 
        else { 
            ga('send', 'event', '外部リンク', 'クリック', ahref);}
        });
    });
</script>
	
	

参考サイトは以下のとおりです。本当にありがとうございました。

1. 少し玄人ぶって、Googleアナリティクスのイベントトラッキングをサイト改善に使ってみよう！