PostMessageの追跡

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

概要

PostMessage トラッキングを使用すると、フォーム内で発生するアクションを追跡し、postMessage を介して Web サイトと連携できます。これにより、Web サイトに設定されている任意の Web 解析サービスでこれらのアクションを受け取り、コンバージョンとして記録できるため、フォームと Web サイトの両方を一元的にトラッキングできます。フォームが別ドメインでホストされている場合でも有効です。

前提条件

Google Tag Manager（GTM）またはその他の Web 解析サービスが Web サイト上で正しく設定されており、アクションが正常に取得されるようになっている必要があります。

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

PostMessage トラッキングの設定

フォームビルダーで、共有タブ> Google Tag Manager & カスタムトラッキングに移動します。
PostMessage トラッキングに移動し、設定をクリックします。
フォームエイリアスにフォームの別名を入力し、Web サイト上で識別できるようにします。
アクションの設定で、フォームが埋め込まれている Web サイトにイベント詳細を送信したいフォームのアクションを選択します。

フォーム表示:回答者がフォームを表示したときにイベントを送信します。
ページ表示:複数ページのフォームの場合、回答者が選択したページにアクセスしたときにイベントを送信できます。Web サイト上で識別できるよう、選択したページにエイリアス名を入力します。
クリック項目:回答者がフォーム内の選択した項目をクリックしたときにイベントを送信します。Web サイト上で識別できるよう、選択した項目にエイリアス名を入力します。
フォーム確認:回答者がフォーム内容を確認したときにイベントを送信します。
フォーム保存:回答者がフォームを保存したときにイベントを送信します。
フォーム送信:回答者がフォームを送信したときにイベントを送信します。フォームから外部 Web サイトへデータを送信するには、データプッシュの設定を有効にし、送信したい項目をマッピングします。

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

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

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

データプッシュの設定

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

送信イベントにカーソルを合わせてVariablesをクリックすると、送信される変数の一覧を表示できます。

メモ: フォームが HIPAA 対応に有効化されており、特定の項目を HIPAA 準拠としてマークしている場合、電子保護対象医療情報（ePHI）のデータは、フォーム設定でそのデータを送信するよう明示的に選択しない限り、外部送信されません。

GTM のデータレイヤ変数でフォームデータを取得する

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

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

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

これにより、GTM が回答者の名を正しく取得できるようになります。同じ手順で、他のマッピング済みの値も取得できます。

Google Tag Manager（GTM）との PostMessage トラッキング

フォームで PostMessage トラッキングを設定しており、Web サイトで GTM を使用している場合は、次の手順に従います。

トラッキングコードを埋め込む
PostMessage トラッキングコードを Web サイトのヘッダーセクションに配置します。これにより、Web サイト上でフォームのアクションが取得されます。
GTM の設定

Google Tag Manager で、取得したアクションを Google アナリティクスに送信できるよう、次の設定が行われていることを確認します。

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

フォームで PostMessage トラッキングを設定しており、Web サイトで GTM 以外の Web 解析サービスを使用している場合は、次のようにします。

トラッキングコードを埋め込む
PostMessage トラッキングコードを Web サイトのヘッダーセクションに配置します。これにより、Web サイト上でフォームのアクションが取得されます。
トラッキングコードをカスタマイズする

取得したアクションを特定の Web 解析サービスに送信するには、必要に応じて PostMessage トラッキングコードをカスタマイズします。

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

PostMessage トラッキングを使用するメリット

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

メモ:

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