javascript - 将 Google Analytics 事件添加到表单提交

Question

我希望将 Google Analytics 事件添加到无法访问内联 html 的表单中，因此无法将其作为 onClick="" 事件直接添加到 html 中。

所以到目前为止我的解决方案是:

    $(function() {
  $(".form_submit input").on("click", function() {
    dataLayer.push({
      "event": "Kontakt",
      "eventCategory": "Submit",
      "eventAction": "Kirjuta meile",
      "eventLabel": "Kirjuta meile"
    });
  });
});

尽管这似乎不起作用，因为单击提交按钮可能会停止所有功能并刷新页面。

如何在提交之前运行该函数，然后再提交表单？有人建议我使用 preventDefault(); 并在使用 $('form').one('submit', ... 再次调用提交后但有由于缺乏技能而无法实现这一点。

查看网站:http://avrame.com/en (表格位于页面底部)

任何建议表示赞赏。

Answer 1

您实际上可以将函数推送到dataLayer，它将在第一个事件之后执行。

我愿意

• 将提交监视事件委托(delegate)到文档级别(请参阅 Jquery .on() submit event)
• 拦截第一次提交、推送事件并防止默认行为
• 并在dataLayer中插入一个函数，该函数再次提交表单，但这次不会停止

代码:

window.submitGA = false;
$(function() {
  $(document).on('submit','.form_submit',function(event){
    if (!window.submitGA)
    {
      window.submitGA = true;
      dataLayer.push({
        "event": "Kontakt",
        "eventCategory": "Submit",
        "eventAction": "Kirjuta meile",
        "eventLabel": "Kirjuta meile"
      });
      dataLayer.push(function(){
        $('.form_submit').submit();
      });
      event.preventDefault();
    }
  });
});