Веб-отслеживание GTM jQuery (). Submit (функция не работает с формой AngularJS

Question

Веб-отслеживание GTM jQuery (). Submit (функция не работает с формой AngularJS

0

Мы хотим использовать Диспетчер тегов Google для отслеживания форм. Когда я добавляю скрипт jQuery из GTM и проверяю его, скрипт даже не запускает - даже не "привет". Я убрал значения 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>

Спасибо за ваши идеи.

Stephen J 26 июль 2016, в 22:12

Источник

0

Мы используем jquery.min 1.12.4, jquery-migrate.min.js 1.4.1 и AngularJS v1.2.26
Stephen J 26 июль 2016, в 20:42
0

Когда я отлаживаю его, установленные мной точки останова не останавливают страницу, они просто отправляют форму и переходят на следующую страницу.
Stephen J 26 июль 2016, в 20:57

Теги:

jquery

angularjs

google-tag-manager

1 ответ

Ещё вопросы

Мы используем jquery.min 1.12.4, jquery-migrate.min.js 1.4.1 и AngularJS v1.2.26
Когда я отлаживаю его, установленные мной точки останова не останавливают страницу, они просто отправляют форму и переходят на следующую страницу.

Stephen J · Accepted Answer · 2016-07-28T10-59-00.000Z

Я нашел эту статью о различных способах добавления сценария 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>