首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >用javascript/ajax实现Google Analytics目标跟踪

用javascript/ajax实现Google Analytics目标跟踪
EN

Stack Overflow用户
提问于 2018-12-13 00:48:20
回答 1查看 2K关注 0票数 1

我有一个基于javascript/ajax的联系方式在网站页面上。如果人们点击发送表格,我希望这个点击是由谷歌分析注册。我为此创建了一个目标,由于某些原因,我无法使其工作。有什么帮助吗?

表单的代码为:

代码语言:javascript
复制
        <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>

如您所见,我向send按钮添加了一个单击事件。在谷歌分析中,我创建了一个目标,通过转到admin>goals>new goal>custom电台button>next。我给目标起了一个名字,选择了事件单选按钮,并填写了以下字段:

类别:联系人操作: ContactRequest标签:空值:空

我以为我已经修复了它,但直到现在我还不能在GA中跟踪任何结果。有什么建议吗?

EN

回答 1

Stack Overflow用户

发布于 2018-12-14 20:00:59

在阅读您的评论后,问题似乎是您在单击事件处理程序中使用了错误的语法。

您正在调用ga()函数,它是Universal Analytics Code的一部分,现在已经被gtag.js取代了一段时间。

我通常不使用gtag.js (我更喜欢使用Google Tag Manager),但是according to the documentation正确的调用应该是这样的:

代码语言:javascript
复制
gtag('event', 'contact_request', { // second parameter is event action
  'event_category': 'contact', 
  'event_label': '',
  'value': 0
});

(实际上,如果您不需要标签和值,可以省略它们)。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53747689

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档