GTM 网络跟踪 jQuery().submit（函数不适用于 AngularJS 表单答案

【问题标题】：GTM web tracking jQuery().submit(function not working with AngularJS formGTM 网络跟踪 jQuery().submit（函数不适用于 AngularJS 表单
【发布时间】：2016-07-26 19:23:17
【问题描述】：

我们想使用 Google 跟踪代码管理器来跟踪表单提交。当我从 GTM 添加 jQuery 脚本并对其进行测试时，该脚本甚至不会触发 - 甚至没有“你好。我已经删除了 AngularJS {{expression}} 值以保护我们的公司财产。我希望这已经足够了信息。

<div id="login_signIn" class="">
  <form id="login_form" name="loginForm" novalidate>
    <fieldset>
      <legend>Sign In</legend>
      <label for="u_name" ng-class=""> Email address </label>
      <input name="u_name" id="u_name" type="email" maxlength="50" ng-model="" required ng-class="" />
      <label for="Password1" ng-class=""> Password </label>
      <input name="passwd" id="Password1" type="password" maxlength="50" ng-model="" required ng-class="" />
      <div class="login_forgot p-bottom clearfix"> <span class='loading f-left' ng-show=""> <img src="/images/loading.gif" width="48" height="47" alt="Loading" /> </span> <span class="f-right"><a href="/forgot-password/"><em>Forgot Password?</em></a></span> </div>
      <div class="form-error p-bottom clearfix" ng-show=''></div>
      <input type="submit" value="Sign In" name="new_submit_img" ng-click="" class="cliq-submit" />
      <script type="text/javascript">
        jQuery('#login_form').submit(function(e){
            alert("hello");
            window.dataLayer = window.dataLayer || [];
            window.dataLayer.push({
                'event' : 'formSubmissionSuccess',
                'formId' : 'login_form'
            }); 
        });
      </script>
    </fieldset>
  </form>
</div>

感谢您的想法。

【问题讨论】：

我们使用 jquery.min 1.12.4、jquery-migrate.min.js 1.4.1 和 AngularJS v1.2.26
当我调试它时，我设置的断点并没有停止页面，它只是提交表单并进入下一页。

标签： jquery angularjs google-tag-manager

【解决方案1】：

我发现这篇文章介绍了当上面的 GTM 脚本不起作用时添加 GTM 脚本的不同方法：

http://www.simoahava.com/analytics/track-form-abandonment-with-google-tag-manager/

在标题下：基本的自定义 HTML 标记我在 GTM 脚本块上方使用了这个脚本，我们将其放置在开始的正文标记之后，它的作用就像一个魅力。：

    <script>
      (function() {
        window.addEventListener('beforeunload', function() {
          window.dataLayer.push({
            'event' : 'formSubmissionSuccess',
            'formId' : 'login_form'
          });
        });
      })();
    </script>

【讨论】：