2016-07-26 13 views
0

Wir wollen Google Tag Manager verwenden, um Formularübermittlungen zu verfolgen. Wenn ich das jQuery-Skript von GTM hinzufüge und es teste, feuert das Skript nicht einmal - nicht einmal ein „Hallo. ich habe die AngularJS gezupft {{Ausdruck}} Werte unseres Unternehmens Eigentum zu schützen. ich hoffe, das genügend Informationen.GTM-Web-Tracking jQuery(). Submit (Funktion arbeitet nicht mit AngularJS Formular

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

Sie für Ihre Ideen danken.

+0

Wir sind mit jquery.min 1.12.4, jquery-migrate.min.js 1.4.1 und AngularJS v1.2.26 –

+0

Beim Debuggen stoppen die gesetzten Breakpoints die Seite nicht, sie reicht nur das Formular ein und geht mit zum Nächste Seite. –

Antwort

0

I In diesem Artikel finden Sie verschiedene Möglichkeiten zum Hinzufügen des GTM-Skripts, wenn das obige GTM-Skript nicht funktioniert:

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

Unter dem Titel: Der HTML-Basis Eigenen Tag ich dieses Skript über den GTM-Skript verwendet Blocktagbits legen wir direkt nach der Eröffnung Körper und es funktionierte wie ein Zauber .:

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