タグ マネージャーで Google アナリティクス イベントを設定する

このチュートリアルでは、Google アナリティクスを使用していて、Google タグ マネージャーでタグを管理しているユーザーを対象に、推奨イベントやカスタム イベントを設定する手順について説明します。これらのイベントを実装すると、ウェブサイトでのユーザー インタラクションに関するより詳細な分析情報を取得し、Google アナリティクスでユーザー行動とキャンペーンのパフォーマンスをより深く把握できるようになります。イベントの詳細

Measure user activity with recommended events in Google Analytics

ご希望の言語の字幕を表示するには、YouTube の字幕をオンにしてください。動画プレーヤーの下部にある [設定] アイコン で [字幕] を選択し、言語を選択します。

---

 

始める前に

このガイドは、以下を完了されていることを前提とした内容です。

• Google アナリティクス 4 のアカウントとプロパティの作成
• ウェブサイト用のウェブデータ ストリームの作成
• タグ マネージャーのセットアップ
• タグ マネージャーでの Google アナリティクスのセットアップ

また、次のものをお持ちであることを前提としています。

• ウェブサイトに対応するタグ マネージャー コンテナへのアクセス権
• Google アナリティクス アカウントの「編集者」（またはそれ以上の）役割

イベントを設定する

Google タグ マネージャーを使ってイベントを設定するには、Google アナリティクス: GA4 イベントタグを設定して、イベントを送信するタイミングを指定したトリガーを作成します。

以下の手順では、ニュースレターの配信登録ボタンをユーザーがクリックした際に、Google アナリティクス 4 プロパティにカスタム イベントを送信する方法を解説します。この手順はタグ マネージャーを使ってイベントを実装する方法を示したもので、データレイヤー オブジェクトの実装は不要です。

ステップ 1: GA4 イベントタグを作成する

まず、新しいカスタム イベントに使用する Google アナリティクス: GA4 イベントタグを作成します。

1. https://tagmanager.google.com にアクセスします。
2. Google アカウントにログインします。Google アカウントを作成する方法の詳細
3. タグ マネージャーで、[アカウント] タブ（左上）をクリックし、コンテナを選択します。タグ マネージャーの使い方
4. [ワークスペース] タブで [タグ] に移動し、[新規]（右上）をクリックします。
5. 上部の入力欄で、作成する GA4 イベントタグに名前を付けます（例: 「GA4 イベント - ニュースレター登録」）。
6. [Google アナリティクス: GA4 イベント] を選択し、以下を設定します。
   • 測定 ID: GA4 測定 ID を入力します。測定 ID を確認する方法
   • [イベント名]: イベントの名前を入力します（例: signup_newsletter）。これにより、新しいカスタム イベントが作成され、入力したイベント名が GA4 レポートに表示されます。推奨イベントを作成するには、定義済みのイベント名のいずれかを使用します。
   • 必要に応じて、さらにパラメータを追加して情報を送信できます。手順と、使用できるパラメータについては、Google タグ マネージャーでイベントの設定を再利用するをご覧ください。

ステップ 2: トリガーを作成する

次に、ボタンがクリックされた際にイベントを送信するためのトリガーを作成します。

1. GA4 イベントタグの [トリガー] ボックスをクリックします。
2. 右上の [+] をクリックします。
3. 作成するトリガーの名前を入力します（例: 「トリガー - ニュースレター登録」）。

ここで、イベントを送信する条件を指定できます。次の例では、ボタンのラベルを基準にイベントを送信するように設定します。

1. トリガーの [トリガーの設定] ボックスをクリックします。
2. [すべての要素] を選択します。
3. [一部のクリック] を選択します。
4. トリガーの条件を「Click Text」「含む」「ニュースレター配信登録」に設定します。
5. 変更内容をすべて保存します。

ユーザーがページ（確認ページなど）を閲覧した時点でイベントをトリガーしたい場合は、代わりに「ページビュー」タイプのトリガーを使用するとよいでしょう。

検証して公開する

Verify

1. Go to https://tagmanager.google.com.
2. Sign in to your Google Account. Learn how to create a Google Account.
3. Open the Tag Manager container you want to edit. Find your way around Tag Manager.
4. In the Workspace tab, click Preview (top right) to launch Google Tag Assistant in a new tab.
5. Enter your website URL and click Connect. Learn to debug with Tag Assistant.

Publish

1. In the Workspace tab, click Submit (top right)
2. In the Submission Configuration section, follow these steps:
   1. Select Publish and Create Version to publish the changes to your site. To save the changes without publishing them, select Create Version instead.
   2. Enter a name and description for the version.
3. Select Activity History to review the changes you've made since the previous version.
4. Click Publish (top right).

アナリティクスでイベントを確認する

イベントとそのパラメータは、リアルタイム レポートと DebugView レポートで確認できます。なお、DebugViewDebugView レポートを使用するには、追加の設定がいくつか必要です。これらのレポートでは、ウェブサイトでユーザーがトリガーしたイベントが、発生と同時に表示されます。

次のステップ

• イベントに情報をさらに追加するためイベント パラメータをセットアップします。
• Google タグ マネージャーでイベントの設定を再利用します。
• イベントにコンバージョンとしてマークを付けます。