お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

概要

前提条件

1. Google タグ マネージャー（GTM）またはその他のウェブ解析サービスが Webサイト 上で正しく設定されており、イベントが正常に取得できる状態である必要があります。
   

Google タグ マネージャー（GTM）と PostMessage トラッキングは、それぞれ独立して動作します。そのため、同じフォームに対して両方を同時に設定すると、イベントが重複して取得される可能性があります。

PostMessage トラッキングの設定

1. フォームビルダーで、[共有]タブ> [Google タグ マネージャー & カスタムトラッキング]に移動します。
2. [PostMessage トラッキング]に移動し、[設定]をクリックします。
   
   
3. [フォームエイリアス]にフォームの別名を入力し、Webサイト 上で識別できるようにします。
4. [イベントの設定]で、フォームが埋め込まれている Webサイト にイベント詳細を送信したいフォームイベントを選択します。
   
1. フォーム表示:回答者がフォームを表示したときにイベントを送信します。
   
2. ページ表示:複数ページのフォームの場合、回答者が選択したページにアクセスしたときにイベントを送信できます。Webサイト 上で識別できるよう、選択したページにエイリアス名を入力します。
   
3. クリックフィールド:回答者がフォーム内の選択したフィールドをクリックしたときにイベントを送信します。Webサイト 上で識別できるよう、選択したフィールドにエイリアス名を入力します。
   
4. フォーム確認:回答者がフォームを確認したときにイベントを送信します。
   
5. フォーム保存:回答者がフォームを保存したときにイベントを送信します。
   
6. フォーム送信:回答者がフォームを送信したときにイベントを送信します。フォームから外部 Webサイト にデータを送信するには、[データプッシュの設定]を有効にし、送信したいフィールドをマッピングします。

   
   
5. イベントにカーソルを合わせて[変数]をクリックすると、そのイベントとともに送信される変数の一覧を確認できます。
6. [保存]をクリックします。 
   
7. 保存後、PostMessage トラッキングコードを表示するポップアップが開きます。このコードをコピーして Webサイト のヘッダーに埋め込み、Webサイト を公開します。
   

コード内で追加の機能を実装する場合は、適切なイベントリスナー内から専用の関数を呼び出す形で実装してください。カスタムロジック全体をイベントリスナー内に直接記述することは避けてください。この方法により、カスタムコード内でエラーが発生しても、既存の実装の安定した動作に影響を与えないようにできます。

メモ:フォームを HTML/CSS 埋め込みオプションで Webサイト に埋め込んでいる場合、PostMessage トラッキングは利用できません。

データプッシュの設定

フォームから外部 Webサイト にデータを送信するには、[送信]イベントの下にある[Webサイト データプッシュの設定]を有効にし、送信したいフィールドをマッピングします。

メモ: フォームが HIPAA 対応に設定されており、特定のフィールドを HIPAA 準拠としてマークしている場合、フォーム設定で明示的に送信を許可しない限り、これらのフィールドに含まれる 電子的保護対象医療情報（ePHI）のデータは外部に送信されません。

GTM のデータレイヤー変数によるフォームデータの取得

データプッシュで送信されたフォーム入力値を取得するには、Google タグ マネージャー（GTM）内でデータレイヤー変数を作成する必要があります。この変数は、フォームがデータレイヤーにプッシュする zf_data JSON 内に保存された特定のレコードを取得するためのポインタ／キーとして機能します。

たとえば、フォームに入力された名を取得するには、データレイヤー変数名を zf_data.zf_name_first に設定します。

こちらの zf_data は、プッシュされたすべてのフォーム値を含む JSON を指します。zf_name_first は名の値を保持する変数です。

その他のウェブ解析サービスとの PostMessage トラッキング

1. トラッキングコードを埋め込む
   PostMessage トラッキングコードを Webサイト のヘッダーセクションに配置します。これにより、Webサイト 上でフォームイベントを取得できます。
2. トラッキングコードをカスタマイズする
   
   取得したイベントを特定のウェブ解析サービスに送信するには、必要に応じて PostMessage トラッキングコードをカスタマイズします。
   
   
   

   コード内で追加の機能を実装する場合は、適切なイベントリスナー内から専用の関数を呼び出す形で実装してください。カスタムロジック全体をイベントリスナー内に直接記述することは避けてください。この方法により、カスタムコード内でエラーが発生しても、既存の実装の安定した動作に影響を与えないようにできます。
3. 解析サービスの設定
   使用しているウェブ解析サービス側で、イベントを受信できるよう適切に設定します。

1. 分析の一元化:フォームと Webサイト のデータを 1 つの分析プラットフォームに集約できます。
   
2. クロスドメイントラッキング:フォームが Webサイト とは別のドメインでホストされている場合でも、ユーザー行動を追跡できます。
   
3. 同意ベースのトラッキング:イベントデータは、ユーザーが同意した場合にのみウェブ解析サービスへ送信されます。PostMessage トラッキングでは、Webサイト 上で同意が得られるとすぐにコンバージョン用のイベントデータが送信されます。これは Zoho Forms の GTM 設定とは異なる動作です。
4. 決済フォーム対応:PostMessage トラッキングは決済フォームにも設定できます。
   
5. 非 Google タグのサポート:TikTok、Meta Pixel、Pinterest などの非 Google タグ向けのイベントも、イベントを Webサイト と共有することでトリガーできます。
   

メモ:

1. PostMessage トラッキングを設定した後に 独自ドメイン を設定した場合は、コードを再取得し、Webサイト のヘッダーに再度埋め込む必要があります。
   
2. イベントの取得は、フォームが Webサイト に埋め込まれた状態でアクセスされた場合にのみ行われ、フォームの URL に直接アクセスした場合には行われません。
   
3. フォームはデータを Webサイト にのみ送信し、その後 Webサイト から解析サービスへ転送されます。そのため、解析サービスへのデータ送信に関するユーザーの同意取得は Webサイト 側の責任となります。