GoogleAnalyticsイベントトラッキングの使用

Google Analyticsイベント追跡は、GoogleAnalytics内で標準として追跡されていないWebサイトの要素との相互作用を記録できる便利な機能です。

Google Analyticsのイベント追跡は、GoogleAnalytics内でデフォルトで追跡されないWebサイトの要素とのインタラクションを記録できる非常に貴重な機能です。

コードスニペットをサイトに追加するだけで、イベントのインタラクションを追跡して、ユーザーが動画の視聴に費やした時間や、ユーザーがフォームのどのフィールドにアクセスしたかを把握できます。

この投稿では、サイトのコードを編集するか、コードの編集に自信がない場合はGoogle Tag Managerを使用して、イベントを手動で追跡する方法について説明します。

Google Analyticsのイベントトラッキングは何に使用できますか？

すべてを設定する方法について詳しく説明する前に。 イベントトラッキングを使用してサイトでの訪問者のエンゲージメントを測定するさまざまな方法をいくつか見てみましょう。 イベント追跡の一般的な使用法のいくつかを以下に示します。

• 他のウェブサイトへのアウトバウンドリンククリックの追跡。
• mailto電子メールアドレスまたはclick-to-call電話番号をクリックしたユーザーの数を理解する。 これは、サイトからの問い合わせの数をよりよく理解するのに役立ちます。
• PDFおよびその他のメディアダウンロードの追跡。
• ビデオの視聴に費やした時間など、ビデオコンテンツとの相互作用を測定します。
• フォームまたはチェックアウトのフィールドに入力するときにユーザーがドロップオフする場所を正確に追跡する
• アバウトページでの「お問い合わせ」の召喚状など、ページの固有の要素のクリックを監視します。
• フォームに入力して送信したユーザーの数に関するデータを収集しますが、可能な限り、ユーザーに感謝のページを送信することを常にお勧めします。

イベントトラッキングを使用すると、必ずしもWebサイトに別のページをロードする必要のないインタラクションをカウントできます。 Google Analyticsの目標は、イベントに基づいて設定することもできます。

始める前に考慮すべきこと

イベントトラッキングを使用するには、ウェブサイトにGoogleAnalyticsをインストールする必要があります。 これは、サイトのすべてのページにコードを追加するか、サイトにGoogle Tag Managerコードを追加してから、GoogleAnalyticsのタグとトリガーおよび変数を構成することで実現できます。

イベントトラッキングの設定に取り掛かる前に、次の点を考慮することが重要です。

• GoogleAnalyticsのトラッキングコードには2つのバージョンがあります。 この投稿で参照されているコードを適用する前に、古いUniversal Google Analytics（Analytics.js）コードまたは新しいGoogle Analytics gtagコード（gtag.js）のどちらを使用しているかを確認してください。 新しいバージョンのGoogleAnalyticsに移行することをお勧めします。Googleは、gtag.jsの使用に移行する方法に関するガイドを作成しました。 これは、ブラウザのCookieデータをブロックするインテリジェント追跡防止（ITP）と戦うために設計されたものです。
• PDFのダウンロードであるか、アウトバウンドリンクをクリックするかで、追跡するサイトの要素を決定します。
• イベントトラッキングを設定するときに使用できるさまざまなアクション、ラベル、およびカテゴリオプションに、一貫性のある明確な命名規則を採用します。 各カテゴリ、アクション、およびラベルに付けるすべての名前は、イベント追跡レポートに表示されます。 名前が意味をなさない場合、レポートは後であまり意味がありません。
• サイトで自動イベントタグ付けを設定するか、手動でリンクにタグ付けするかを決定します。 追跡するドキュメントとページ要素がたくさんある場合は、自動イベントタグ付けを設定し、Googleタグマネージャーイベントを使用する価値があるかもしれません。

Google Analyticsのイベント追跡はどのように機能しますか？

カスタムコードのスニペットがウェブサイトで追跡するアイテムのリンクコードに追加され、アイテムがクリックされると、要素が追跡され、Googleアナリティクスにイベントとして表示されます。

イベント追跡コードは、Webサイトでのユーザーの操作を説明するために定義できる4つの要素で構成されています。

• カテゴリ（必須）は、追跡するオブジェクトのグループに付ける名前です。
• アクション（必須）は、ドキュメントのダウンロードなどの対話のタイプです。
• ラベル（オプション）は、ナビゲーションメニューオプションのクリックなど、イベントの内容を要約するのに役立ちます。
• ファイルのダウンロードに数値を割り当てたい場合は、値（オプション）を使用できます。

サイトでイベントが発生すると、 「カテゴリ」、「アクション」、「ラベル」、「値」の属性を使用して、ユーザーがページで何を行ったかを正確に理解するのに役立ちます。 上記のように、これらの値はGoogle Analytics内に表示されるものであるため、これらの属性に使用される命名規則を考慮することが重要です。

Universal Analyticsのイベント追跡リンクのイベント追跡コードは次のようになります。

onclick =” ga（ 'send'、 'event'、 'C​​ategory'、 'Action'、 'Label'、 'Value'）;”

以下の例に示すように、コードはhrefリンクテキストの後に配置されます。

<a href=”www.examplewebsite.co.uk/company_brochure.pdf” onclick =” ga（'send'、'event'、'Category'、'Action'、'Label'、'Value'）;”>

カテゴリ、アクション、ラベル、および値のラベルは、入力することを決定した値に置き換えられます。 入力された値を持つイベント追跡リンクの例は、ページのさらに下にあります。

GoogleAnalyticsのイベント追跡を設定する方法

追跡するイベントの数、またはイベントの追跡パラメーターを制御するレベルに応じて、自動イベント追跡を設定するか、Webサイトのリンクに手動でタグを付けることができます。

追跡するドキュメントとページ要素がたくさんある場合は、自動イベントタグ付けを使用する価値があります。 これは、Google TagManagerを使用して実行できます。 自動イベントタグ付けは、次の場合に発生します。

• ユーザーがリンクをクリックしたとき。
• 任意のタイプのページ要素をクリックします。
• 特定の訪問期間の後、または一定の間隔で。
• フォームの送信時。

追跡したい他のアクションがある場合は、Googleタグマネージャーを使用してこれを設定できます。

イベントを追跡するためにリンクに手動でタグを付ける

すでに説明したように、サイトのリンクを手動でカスタマイズして、 「カテゴリ」、「アクション」、「ラベル」、「値」の属性をリンクに追加できます。 この実際的な例を示すために、以下の例は、PDFダウンロードを追跡するためのイベントコードを含むリンクを示しています。

以下のイタリック体のテキストは、会社のパンフレットPDFドキュメントのダウンロードを記録するように構成されたイベント追跡パラメーターの例を示しています。

<a href =” www.examplewebsite.co.uk/pdf/company_brochure.pdf” onclick =” ga（ 'send'、 'event'、 'PDF'、 'Download'、 'C​​ompany Brochure – PDF Download'）; 「>パンフレットをダウンロード</a>

自動イベント追跡オプション

Googleタグマネージャーを使用したイベント追跡

Googleタグマネージャーの自動イベントトラッキングを設定することで、サイトでのインタラクションを測定できます。

これは複雑に聞こえるかもしれませんが、タグ、トリガー、変数の基本原則を理解すると、非常に簡単になります。

Google Tag Managerを使用したイベント追跡は、Webページの特定の変数に設定できるイベントトリガーをクリックすることで開始されます。 Google Tag Managerイベントは、ブラウザによってトリガーされ、Tag Managerデータレイヤーに送信されるWebページ要素（「DOM要素」）を使用したユーザーアクションであり、トリガーの設定に使用できます。

Googleタグマネージャー内でイベントを設定するために必要な手順の概要を以下に示します。

1. Googleタグマネージャーにログインします
2. 左側から「タグ」を選択します
3. 新しいタグを作成し、タグタイプとしてUniversalAnalyticsを選択します
4. GoogleAnalyticsの追跡IDを設定します
5. トラックタイプとして「イベント」を選択します
6. イベントのカテゴリ、アクション、ラベル、値を設定します。 {{clickurl}}などのGoogleTagManager変数名を使用できます
7. 必要に応じてトリガーを設定します

Googleタグマネージャー内でイベントを設定する方法の例を以下に概説します。

ステップ1-イベントに適切な有効な変数が選択されていることを確認します

Googleタグマネージャーの[変数]セクションに移動し、サイトで追跡する変数にチェックマークが付いていることを確認します。

クリッククラス、クリック要素、クリックテキスト、その他の変数に基づいてトリガーを設定するオプションがあります。

ステップ2–Googleタグマネージャーで新しいタグを作成する

Googleタグマネージャーで新しいタグを作成し、トラックタイプを「イベント」に変更します。 以下のスクリーンショットに示すように、構成オプションには、カテゴリー、アクション、ラベル、および値の追跡パラメーターフィールドが含まれるようになります。

この投稿の前半で説明したように、Category、Action、Label、Value属性は、GoogleAnalytics内のイベント変数の基礎を形成します。 フィールドに値を自動的に入力するために使用できるGoogleTagManager固有のコード変数があります。 たとえば、{{Click}}コードは、入力されたフィールドにWebURLを自動的に取り込みます。

ステップ3–タグを構成する

カテゴリ、アクション、ラベル、および値の値を入力します。

ラベルには、クリックされた内容についてできるだけ多くの情報を提供するために、実際に名前を付ける必要があります。 サイトヘッダーのナビゲーションボタンのクリックを追跡することを計画している場合は、クリックされたアイテムのクリックURLを記録することをお勧めします。

名目上の値をサイトでの問い合わせの種類に関連付ける場合は、イベントの[値]ボックスに値を入力できます。 たとえば、お問い合わせフォームの送信に、メールマガジンの登録よりも高い価値を与えることができます。

True / Falseフィールドは、相互作用のないイベントに使用されます。 イベントアクションで新しいページビューを作成せず、バウンス率に影響を与えないようにする場合は、この値をTrueに設定します。

追跡されるイベントのタグの設定は毎回同じです。 さまざまなタイプのタグを設定する主な違いは、タグが起動する対象を構成することです。

ステップ4–イベントタグが起動する対象を選択します

次のステップは、タグを起動するトリガーを選択または作成することです。 タグの条件に火をつける必要があります。 サイトのさまざまなイベントのさまざまなタイプのトリガーの例をいくつか含めました。

メールアドレスリンクのクリック数を測定するためのトリガー

リンクをクリックした電子メールアドレスの完了したトリガーの例を以下に示します。

1. [クリック]見出しの下の[トリガータイプの選択]画面で、[リンクのみ]を選択します
2. このトリガーの下でいくつかのリンククリックが発生するを選択します
3. 最初のドロップダウンボックス内で変数を[URLをクリック]に設定します
4. 2番目のドロップダウンオプションでURL「含む」を指定します
5. 3番目のフィールドにmailto：と入力します

電話番号のクリック数を測定するためのトリガー

1. [クリック]見出しの下の[トリガータイプの選択]画面で、[リンクのみ]を選択します
2. このトリガーの下でいくつかのリンククリックが発生するを選択します
3. 最初のドロップダウンボックス内で変数を[URLをクリック]に設定します
4. 2番目のドロップダウンオプションでURL「含む」を指定します
5. 3番目のフィールドにtel：と入力します

PDFダウンロードを測定するためのトリガー

1. [クリック]見出しの下の[トリガータイプの選択]画面で、[リンクのみ]を選択します
2. このトリガーの下でいくつかのリンククリックが発生するを選択します
3. 最初のドロップダウンボックス内で変数を[URLをクリック]に設定します
4. 2番目のドロップダウンオプションでURL「含む」を指定します
5. 3番目のフィールドに.pdfを入力します

イベントが計画どおりに機能することをテストします。

イベントが意図したとおりに機能することを確認することをお勧めします。 結果をすぐに表示するには、プレビュー機能を使用してGoogle Tag Managerイベントをプレビューし、イベントアクションを実行して、タグが正常に起動するかどうかを確認します。

Google Analyticsでは、[リアルタイム]セクション、[イベント]セクションの順に移動して、過去30分以内に発生したイベントを確認することもできます。

急いでいない場合、または履歴データを表示したい場合は、Googleアナリティクスの[行動]> [イベント]セクションに移動します。

イベントベースの目標の設定

目標は、イベントに基づいてGoogleAnalyticsで設定することもできます。 これを行うには、Google Analyticsアカウントにログインし、次の手順に従います。

1. 目標を設定したいプロパティに移動します
2. [管理]をクリックしてから[目標]に移動し、[新しい目標の追加]をクリックします
3. 目標に名前を付け、イベント目標のラジオボタンオプションを選択します
4. 特定の目標の属性をフィールドに入力します。 イベント属性に基づいて、[等しい]、[開始]、または[正規表現]オプションを選択することを忘れないでください。
   • カテゴリー
   • アクション
   • ラベル
   • 値
5. 目標を保存する
6. データを取得するためにテスト目標を完了し、翌日に戻ってイベント目標が機能することを確認することを忘れないでください

結論

Google Analyticsイベントトラッキングは、ウェブサイトでのユーザーインタラクションを測定するための貴重な追加機能です。 従来のGoogleAnalyticsの目標と組み合わせて使用​​して、サイトでのマイクロまたはマクロのコンバージョンを測定できます。 Googleタグマネージャーとタグマネージャーのイベントを使用すると、追跡するイベントの設定と制御が簡単になります。また、必要に応じて、サイトのコードを手動で変更してイベントを追加することもできます。

便利なリンク

• ユニバーサルGoogleAnalytics.jsのためのGoogleのイベント追跡ガイド
• オンラインユニバーサル分析イベント追跡コードビルダー
• アウトバウンドリンクイベントの追跡

Google Analyticsについてサポートが必要な場合は、遠慮なくお問い合わせください。