javascript - 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

您可能想尝试使用 GTM“原生”提交触发器而不是 jQuery 代码，并确保选中“检查验证”复选框。

表单中的 javascript 验证会抑制提交按钮的默认行为，并仅在验证通过时调用提交事件。通过设置“检查验证”选项，GTM 表单提交触发器应该能够注意到默认行为被阻止并仅在验证器函数调用提交事件时触发标签(我说“应该”是因为，有趣的是，我认为表单提交触发器并不总是 100% 可靠，但可能值得一试)。