Googleアナリティクス - イベントトラッキングの記述例

Googleアナリティクスの「イベントトラッキング」機能を利用することで、 目標設定として特定のイベント数を計測することができます。

例えば、テキストリンクのクリック数や、バナー画像のクリック数などを計測できます。

但し、イベントを計測するためには、事前にページ内にJavaScriptコードを埋め込む必要があります。

そこで、このページではイベントトラッキングのコードの設定方法を紹介します。

イベントトラッキングで出来ること

イベントトラッキングを設定することで、 次のような数値を計測できます。

  • バナーリンクのクリック数を計測する
  • テキストのリンククリック数を計測する
  • サイト上の資料のダウンロード数を計測する

イベントトラッキングの雛型

イベントトラッキングを設定する場合、 次のような JavaScript コードを記述します。


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

「send」と「event」は固定で、 「カテゴリ」と「アクション」と 「ラベル」の部分は任意の名前を設定できます。

カテゴリの例

ad(広告)、link(リンク)、image(画像)、button(ボタン)など。

アクションの例

click(クリック)、download(ダウンロード)、play(再生)など

イベントトラッキングの具体的な記述例

テキストリンクのクリックを計測したい場合


onclick="ga('send', 'event', 'text', 'click', 'テキストクリック');"

これをテキストリンクに埋め込むと、次のようになります。


<a href="https://sample.com/" onclick="ga('send', 'event', 'text', 'click', 'テキストクリック');">テキスト内容</a>

バナー広告のクリック数を計測したい場合


onclick="ga('send', 'event', 'banner', 'click', 'バナー広告クリック');"

これをバナーの画像リンクに埋め込むと、次のようになります。


<a href="https://sample.com/" onclick="ga('send', 'event', 'banner', 'click', 'バナー広告クリック');"><img src="banner.png"></a>

PDFファイルのダウンロード数を計測したい場合


onclick="ga('send', 'event', 'pdf', 'download', 'pdfダウンロード');"

これをPDFファイルのリンクに埋め込むと、次のようになります。


<a href="sample.pdf" onclick="ga('send', 'event', 'pdf', 'download', 'pdfダウンロード');">ダウンロードリンク</a>