更新日: 2025年8月20日
多くの企業がウェブサイトでサードパーティ製のフォームシステムを使用しており、フォームの送信状況をトラッキングしたいと考えています。これらのサードパーティ製フォームをGoogleマップ（GTM）でトラッキングできるかどうかは、サードパーティ製フォームがGoogleマップ（GTM）に対応しているかどうかによって決まります。
Klaviyo Formのトラッキングロジックは以下の通りです。Klaviyo Formは、フォームの送信状況をモニタリングするためのトラッキングコードを提供しています。コードは以下の通りです。
次に、GTMでの設定方法を見てみましょう。
ステップ1：Klaviyo Formコードを設定する
GTM で、「タグ」——「新規」——「タグタイプを選択して設定を開始…」——「カスタム HTML」をクリックし、名前を“cHTML—Klaviyo Form listener”とし、次のように設定します：
ステップ2：フォーム成功トリガーを設定する
前のステップで、イベントがklaviyoであることは既に分かっています。
GTMの「トリガー」 ——「新規」 ——「トリガーのタイプを選択して設定を開始…」 ——「カスタム イベント」をクリックし、名前を“Custom Event- Klaviyo Forms Submit Form”とし、以下のように設定します：
ステップ3: 変数を設定する
GTMの[変数] —— [新規] —— [変数タイプを選択して設定を開始… ] —— [データレイヤーの変数]をクリックし、名前を“dlv_formid”とし、以下のように設定します：
同様に、dlv-formtitleを設定します。
ステップ4：コードを設定する
最後に、コードを設定します。
GTM で、「タグ」——「新規」——「タグタイプを選択して設定を開始…」——「カスタム HTML」をクリックし、名前を“GA4 Event-form_submission(HubSpot Forms)”とし、次のように設定します：
ステップ5：プレビューとデバッグ
最後にテスト：
- まず、何も入力せずに「送信」をクリックします。これではイベントはトリガーされないはずです。
- 次に、何か入力して「送信」をクリックします。イベントが成功すると、イベントがトリガーされるはずです。
デバッグ方法がわからない場合は、こちらをご覧ください。
ステップ6：設定をカスタマイズする
GA4でfrom_idとform_titleを使用する場合は、GA4のカスタム設定でそれらを登録する必要があります。
