GTM - フォーム提出時のファイアタグ（必須フィールドが入力されている場合のみ）

Question

フォーム送信を正確に追跡する簡単な方法をお探しです。これは私が現在使っているコードです：

$(function() { 
     $('#form').submit(function() { 
     dataLayer.push({ 
      'event': 'GAEvent', 
      'eventCat': 'Form Submit - Create', 
      'eventAction': 'Form Submit Document', 
      'eventLabel': checked, 
      'eventValue': count, 
      'gaNonInt': false 
     }); 
     }); 
    }); 

問題は、フォームが送信していなくてもタグが発砲していることです。たとえば、誰かが必要なフィールドに入力して送信ボタンをクリックしなかった場合、GTMはクリックを送信として送信すると見なします。すべての必須フィールドが満たされていれば、タグを起動する簡単な方法はありますか？

ありがとうございます。

Answer 1

jQueryコードの代わりにGTMs「ネイティブ」サブミットトリガを使用して、「チェック検証」チェックボックスがオンになっていることを確認してください。

フォームのjavascriptの検証では、送信ボタンのデフォルトの動作が抑制され、検証が成功した場合にのみ送信イベントが呼び出されます。 "check validation"オプションが設定されていると、GTMフォームのサブミットトリガーは、デフォルトの動作が妨げられていることを認識し、バリデーター関数がsubmitイベントを呼び出すときにのみタグを起動することができるはずです（ "should"と言います。フォーム送信トリガーは必ずしも100％信頼できるわけではありませんが、試してみる価値があります）。