イベントトラッキングとは？Googleアナリティクスでの活用法を解説！

こんにちは、「AIアナリスト」サポート担当の上杉です。
この記事では「イベントトラッキング」についてご説明します。

Googleアナリティクスを利用されている方の中には、

「イベントトラッキングってよく耳にするけれど、どんな機能なのかちゃんと理解できていない」
「資料のダウンロード数を計測するためにイベントトラッキングを設定したい」
「イベントトラッキングを設定したいけど、手順が複雑で困っている」

という方もいらっしゃるのではないでしょうか。

イベントトラッキングとはページの遷移を伴わないがために通常のGoogleアナリティクスでは計測できないような行動（電話ボタンのタップや外部リンクのクリックなど）を計測するための機能です。
たとえばファイルのダウンロード数や電話ボタンのタップ数などが当てはまります。
これらは売り上げに直結する重要な要素なので、計測できていないのはもったいないです。

この記事を読んでイベントトラッキングを設定し、ユーザーのサイト内の行動を計測してみましょう！

ツール×コンサルの「AIアナリスト」資料をダウンロード（無料）

目次

• イベントトラッキングとは
• イベントトラッキングの設定方法【簡単2ステップ】
  1. 【STEP1】HTMLに記述を追加
  2. 【STEP2】イベントをGoogleアナリティクスの目標に設定
• 【応用編】リスティング広告の電話タップをイベントとして計測する方法
  
• WordPressをお使いの場合―プラグインを使って簡単に完了！
• イベントの計測数をGoogleアナリティクス上で確認する方法
• GA設定でお困りなら

イベントトラッキングとは

イベントトラッキングとは、URLの遷移がなく通常Googleアナリティクスでは計測できない行動を計測するための機能です。

URLの遷移がなく通常Googleアナリティクスでは計測できない行動には、たとえば、

などがあります。

このようにページ遷移を伴わないアクション(「イベント」と言います。)を計測し、目標として設定することができます。
ページビュー以外のデータを得られるという点でメリットが大きいです。

その一方、この機能を利用するために新たに設定を施す必要があり手間がかかるというデメリットもあります。

今回は最もよく使われる「スマホサイトの電話タップ計測」を例に挙げて説明致します。

イベントトラッキングの設定方法【簡単2ステップ】

それでは実際にGoogleアナリティクスでイベントトラッキングを設定する方法を順にご説明します。

【STEP1】HTMLに記述を追加

まずは、計測したいイベントが含まれるページのHTMLコードにイベントトラッキング用の記述を追加しましょう。

今回であれば電話ボタンが設置されているページのHTMLコードに記述を追加します。
電話ボタンが設置されているページの、電話ボタンのHTMLコードに、赤字部分の記述を加えてください。

<a href="tel:0120000000" onClick="ga('send', 'event', 'sp', 'tel', 'test');"><img src="××.jpg"></a>

これで【STEP1】は完了です。

括弧内の項目について、「send」「event」部分は必須です。
電話ボタン以外のアクションに対してイベントトラッキングを設定したい場合でも書き換えないでください。

それ以降の項目「sp」「tel」「test」の部分は、それぞれ「カテゴリ」「アクション」「ラベル」と呼びます。
「カテゴリ」「アクション」は絶対に記入しなければいけません。

「ラベル」はイベントの固有の名前を表す場所なので記入は任意ですが、あとでデータを管理する際に便利なので名前を付けておきましょう。

また、今回はありませんが、「値」という項目を使うこともあります。これも記入は任意です。
そのイベントに関連する数値を自身で設定してみましょう。

以下の表を参考に各自で指定してみてください。

電話タップ以外の例もみてみましょう。

「□□.com」という外部サイトへのリンクのクリック数を計測したい場合を考えてみると、
「send」「event」はそのままで、表を参考にカテゴリを「link」アクションを「click」ラベルを「□□.com」数値を「1」として

<a href="http://□□.com/" onClick="ga('send', 'event', 'link', 'click', '□□.com', '1');">外部サイト□□.comへ</a>

という記述をすれば完了です。

【STEP2】イベントをGoogleアナリティクスの目標に設定

【STEP1】HTMLへの記述追加　が完了したら、次はGoogleアナリティクス上で「目標」を設定しましょう。

たとえば、あるお店のウェブサイトで「予約」という文字列が「電話予約に誘導するリンク」になっているとします。
このとき、Googleアナリティクス上で目標を設定することで、ユーザーが「予約」をクリックするまでの動向や、CVRに大きな影響を与えたコンテンツなどの分析が可能になります。

そのため、Googleアナリティクス上で目標を設定することをおすすめします。

まずはGoogleアナリティクスで「管理」→「目標」を選択してください。

次に、「＋新しい目標」をクリックして、目標の作成画面に移ります。

「目標設定」は「カスタム」を選択してください。
「目標の説明」には、そのイベントの名前（「電話タップ」「資料ダウンロード」など）を記入し、タイプは「イベント」を選択しましょう。

次に、「目標の詳細」を記入しましょう。
ここでは、「カテゴリ」「アクション」「ラベル」「値」の部分に、それぞれ【STEP1】HTML記述を追加　で記述したのと同じ項目を記入してください。

ここでは、正規表現を使って複数項目をまとめて指定することもできます。
目標設定については、 Googleアナリティクスでサイトの目標設定をしよう【初心者向け！】 に詳細な解説が載っているので、ぜひ参考にしてみてください。

最後に「保存」をクリックしたら、目標の設定は完了です。

【応用編】リスティング広告の電話タップをイベントとして計測する方法

先ほどの例に、さらに記述を加えることでGoogleアナリティクスだけでなく、リスティング広告においてもCVとして計測できます。
広告運用している方は活用してみてください。

<a href="tel:0120000000" onClick="ga('send', 'event', 'sp', 'tel',test'); goog_report_conversion('tel:0120000000');yahoo_report_conversion(undefined);return false;"><img src="××.jpg">

ここで注意！
上記はあくまでもソース上の追記の話です。
広告管理画面での設定や、CVタグの設置は別途必ず行ってください。

WordPressをお使いの場合―プラグインを使って簡単に完了！

WordPressを使ってサイトを作成・運営されている場合であれば、HTMLコードの記述追加やGoogleアナリティクスでの目標設定という操作は不要です。

「WP Google Analytics Events」というプラグインをインストールしましょう。

このプラグインを利用すると、各イベントのソースコードに「属性」と呼ばれる短めの記述を加えるだけで、あとは自動でトラッキングコードを入れてくれます。
詳しくは 「WP Google Analytics Events」プラグインでWordPressにイベントトラッキングを設定 を参考に、実践してみてください。

イベントの計測数をGoogleアナリティクス上で確認しよう

イベントトラッキングの設定が完了したらGoogleアナリティクスでイベントが計測できているかどうかを確認しましょう。

レポート画面で、「行動」→「イベント」→「ページ」を選択してください。
各ページのイベント発生状況を確認することができます。

イベントトラッキングの結果を表す指標について説明します。

GA設定でお困りなら

「イベントトラッキングの設定が合っているか心配」
「Googleアナリティクスの基本的な設定に不安がある」

そんなお悩みがあれば、「AIアナリスト」にお任せ下さい。

Googleアナリティクスのデータを利用するため、「Googleアナリティクスの設定サポート」サービスもございます。
イベントトラッキング設定はもちろん、Googleアナリティクスがはじめての方もご安心ください。

もちろん人工知能が網羅的に分析し、成果をあげるために何をすべきか、わかりやすくご提案もしますので、そちらも楽しみにしてくださいね。
AIアナリストの資料請求はこちら