お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の
英語版を参照してください。
Google タグ マネージャー(GTM)を使用して、Google アナリティクス 4(GA4)と Zoho PageSense をシームレスに連携できます。GTM を使うと、手動でコードを編集することなく、Web サイト上のコード(タグ)を簡単に追加・変更できます。GTM は無料ツールのため、導入も手軽です。GTM 経由で GA4 を連携すると、A/B テストやスプリット URL テストのデータを送信し、Web サイト上で実施した実験に関する詳細な訪問者指標を Google アナリティクス内で直接確認できます。この連携の設定は 1 回のみ行えば完了です。
- 連携を正常に行うには、GTM アカウントを所有しており、Zoho PageSense 上で有効な A/B テストまたはスプリット URL テストが実行中であることを確認してください。
- 以下の手順に進む前に、Google タグ マネージャーのアカウントにログインし、Zoho PageSense と連携したいワークスペースを選択してください。
GTM のカスタム HTML タグとは?
カスタム HTML タグは、PageSense の実験から関連データを収集し、それを GTM のデータレイヤー変数に送信するためのタグです。実験に含まれるすべてのページに HTML 要素を設置することで、タグ マネージャーでまだサポートされていないタグを挿入できるようにします。
GTM でカスタム HTML タグを作成するには
1. 左側の Workspace パネルで、Tags を選択します。新規 をクリックします。
2. タグ名を 'PageSense カスタム HTML' として、Untitled Variable 項目に入力します。
3. Tag Configuration で、表示されるタグタイプの一覧から カスタム HTML を選択します。
4. 次のコードをコピーして、HTML ウィンドウ内に貼り付けます:
<script>
if(window。ZAB && window。ZAB。experimentsLoaded) {
window。ZAB。GAGTMIntegFunc();
}
if(ドキュメント。addEventListener){
ドキュメント。addEventListener('zpsExperimentsLoaded', function() {
window。ZAB。GAGTMIntegFunc();
}, 無効);
} else {
ドキュメント。attachEvent('zpsExperimentsLoaded', function() {
window。ZAB。GAGTMIntegFunc();
});
}
</script>
5. Triggering で、トリガーの種類を Page View とし、All Pages を選択します。
6. 保存 をクリックします。
データレイヤ変数とは?
データレイヤ変数を使用すると、タグマネージャーがデータレイヤ実装から値を読み取り、その値をタグ、トリガー、その他の変数に渡すことができます。
次に、GTM でデータレイヤ変数を 2 つ作成する必要があります。これらは、テストの頻度とバリエーション作成のデータを GA4 に送信するために使用されます。これらの変数は PageSense スニペットによって定義されます。
GTM でデータレイヤ変数を作成するには:
1. 左側のパネルのWorkspace から Variables を選択し、新規をクリックします。
2. Untitled Variable フィールドに、変数名として 'PageSenseExperimentName' と入力します。
3. ペン アイコンをクリックして編集し、一覧から Data Layer Variable を選択します。
4. Variable Configuration で次の詳細を入力し、保存をクリックします。
- Variable 種類 に Data Layer Variable を選択します。
- Data Layer Variable 名前 に 'PageSenseExperimentName' と入力します。
- Data Layer バージョン に 'バージョン 2' を選択します。
2 つのデータレイヤ変数の作成手順は同じで、異なるのはバリエーション名のみです。
5. 2 つ目のデータレイヤ変数を設定するには、左側のパネルで Variables をクリックし、新規 をクリックします。
6. Data Layer Variable 種類 の下で、変数名として 'PageSenseVariationName' と入力します。
7. ペン アイコンをクリックし、一覧から Data Layer Variable を選択します。
8. Variable Configuration で次の詳細を入力し、保存 をクリックします。
- Variable 種類 に Data Layer Variable を選択します。
- Data Layer Variable 名前 に PageSenseVariationName と入力します。
- Data Layer バージョン に バージョン 2 を選択します。
GTM でカスタムイベント用のトリガーを作成するには?
1. 左側のパネルの Workspace で Triggers を選択し、新規 をクリックします。
2. Untitled Tag フィールドに、トリガー名として 'zohoPageSenseEvent' と入力します。
3. Trigger Configuration で、表示されるトリガータイプの一覧から カスタム Event を選択します。
4. Event 名前 に 'zohoPageSenseEvent' と入力し、トリガーとして すべて カスタム イベント を選択して、保存 をクリックします。
GTM で GA4 用のタグを作成する必要があるのはなぜですか?
GTM での設定を完了するには、タグを作成する必要があります。これらの GA4 タグにはコードスニペットが含まれており、'zohoPageSenseEvent' によって実行された変数で取得したデータを最終的に Google アナリティクス アカウントに送信します。PageSense で実行中の A/B テストおよび分割 URL テストで収集されたすべての情報は、Google アナリティクスに送信されます。
GTM で GA4 用のタグを作成する方法:
1. Workspace の左側のパネルで Tags を選択し、新規 をクリックします。
2. Tags で、Untitled Tag フィールドにタグ名として 'GA04 PageSense' と入力します。
3. Tag Configuration で、表示される一覧から Google 分析: GA4 Event を選択します。
- Google アナリティクスで Measurement ID を確認するには、次のパスを参照してください。
Google 分析 04 -> Admin -> Data Stream -> ドメインを選択 -> Measurement ID (G-XXXXXXXXX) をコピー
4. Tag Configuration で次の詳細を入力します。
- Tag 種類 に なし-Manually Set ID を選択します。
- Google 分析 04 Measurement ID に Web サイト用の ID を入力します。
- Event 名前 には PageSenseExperimentName と PageSenseVariationName を使用し、{{PageSenseExperimentName}}:{{PageSenseVariationName} のような形式にします。
5. Triggering で、カスタム Event と zohoPageSenseEvent を一覧から選択します。
-
保存 → 送信する → 公開 をクリックします。
手順 5: Zoho PageSense で GA4 を有効にする
-
PageSense で、A/B テスト または 分割 URL テスト を開きます。
-
CONFIGURATION タブに移動します。
-
下にスクロールして Integrations を開き、Google 分析 をオンに切り替えます。
手順 6: GA4 でレポートを表示する
メモ:データが イベント レポートに表示されるまでには約 24 時間かかりますが、GA4 の Realtime タブであればすぐに確認できます。
Realtime でイベント数を表示するには:
-
GA4 で、レポート → Realtime 概要 に移動します。
-
zohoPageSenseEvent を選択します。
-
実験名をクリックして、イベント数を確認します。



24 時間後のイベントレポートを表示するには:
-
GA4 にログインします。
-
Engagement → Events に移動します。
-
PageSense の実験結果を確認します。