Отслеживание целей Google Analytics в javascript / ajax - PullRequest
Новая
       31

Отслеживание целей Google Analytics в javascript / ajax

0 голосов
/ 12 декабря 2018

У меня есть контактная форма на основе javascript / ajax на странице сайта.Если люди нажимают, чтобы отправить форму, я хочу, чтобы этот щелчок был зарегистрирован в Google Analytics.Я создал цель для этого, по некоторым причинам я не могу заставить ее работать.Любая помощь?

Код формы: 

        <form id="footer_quick_contact_form" name="footer_quick_contact_form" class="quick-contact-form" action="includes/quickcontact.php" method="post">
          <div class="form-group">
            <input id="form_email" name="form_email" class="form-control" type="text" required="" placeholder="E-mail">
          </div>
          <div class="form-group">
            <textarea id="form_message" name="form_message" class="form-control" required placeholder="message" rows="3"></textarea>
          </div>
          <div class="form-group">
            <input id="form_botcheck" name="form_botcheck" class="form-control" type="hidden" value="" />
            <button type="submit" class="btn btn-default btn-transparent text-gray btn-xs btn-flat mt-0" data-loading-text="One moment please...." onClick="ga('send', 'event', { eventCategory: 'Contact', eventAction: 'ContactRequest'});">Verstuur nu!</button>
          </div>
        </form>

        <!-- Quick Contact Form Validation-->
        <script type="text/javascript">
          $("#footer_quick_contact_form").validate({
            submitHandler: function(form) {
              var form_btn = $(form).find('button[type="submit"]');
              var form_result_div = '#form-result';
              $(form_result_div).remove();
              form_btn.before('<div id="form-result" class="alert alert-success" role="alert" style="display: none;"></div>');
              var form_btn_old_msg = form_btn.html();
              form_btn.html(form_btn.prop('disabled', true).data("loading-text"));
              $(form).ajaxSubmit({
                dataType:  'json',
                success: function(data) {
                  if( data.status == 'true' ) {
                    $(form).find('.form-control').val('');
                  }
                  form_btn.prop('disabled', false).html(form_btn_old_msg);
                  $(form_result_div).html(data.message).fadeIn('slow');
                  setTimeout(function(){ $(form_result_div).fadeOut('slow') }, 6000);
                }
              });
            }
          });
        </script>

Как вы можете видеть, я добавил событие нажатия на кнопку отправки.В Google Analytics я создал цель, выбрав admin> цели> новая цель> настраиваемая кнопка-переключатель> далее.Я присвоил цели имя, выбрал переключатель «Событие» и заполнил следующие поля:

Категория: Действие контакта: Метка контакта запроса: Пусто Значение: Пусто

Я думал, что исправилэто, но до сих пор я не могу отслеживать какие-либо результаты в GA.Есть предложения?

1 Ответ

0 голосов
/ 14 декабря 2018

После прочтения вашего комментария может показаться, что проблема заключается в том, что вы используете неправильный синтаксис в обработчике событий щелчка.

Вы вызываете функцию ga (), которая является частью кода Universal Analytics., который в течение некоторого времени был заменен gtag.js.

Я обычно не использую gtag.js (я предпочитаю использовать Google Tag Manager), но в соответствии с документацией правильный вызов будет выглядеть так: 

gtag('event', 'contact_request', { // second parameter is event action
  'event_category': 'contact', 
  'event_label': '',
  'value': 0
});

(На самом деле вы можете не указывать метку и значение, если они вам не нужны).

...