GTMウェブトラッキングjQuery（）submit（AngularJSフォームで機能しない関数

Question

Googleタグマネージャを使用してフォームの送信を追跡したい場合GTMのjQueryスクリプトを追加してテストすると、でも「こんにちは。私は、これは十分な情報であると思います。AngularJS当社の財産を保護するために、{{表現}}の値を取り除かきません。

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

あなたのアイデアをいただき、ありがとうございます。

Answer 1

I上記のGTMスクリプトが機能しないときにGTMスクリプトを追加するさまざまな方法について、この記事が見つかりました：

タイトルの下

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

：私たちは右開きのbodyタグの後に配置GTMのスクリプトブロックの上にこのスクリプトを使用し、それが魅力のように働いていたベースのカスタムHTMLタグ：

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