javascript - AJAX 表单提交和 Google Analytics

Question

我正在尝试在 Google Analytics 中跟踪 AJAX 表单提交。我尝试使用以下代码在 GA 中创建页面 View 来跟踪目标，但是页面 View 未跟踪。

<script type="text/JavaScript">

$("#template-contactform").validate({
    submitHandler: function(form) {
        $('.form-process').fadeIn();
        $(form).ajaxSubmit({
            target: '#contact-form-result',
            success: function() {
                $('.form-process').fadeOut();
                $('#template-contactform').find('.sm-form-control').val('');
                $('#contact-form-result').attr('data-notify-msg', $('#contact-form-result').html()).html('');
                SEMICOLON.widget.notifications($('#contact-form-result'));
                ga('send', {
                    'hitType' : 'pageview',
                    'page' : '/contact-us-success' // Virtual page (aka, does not actually exist) that you can now track in GA Goals as a destination page.
                });
            }
        });
    }
});
</script>

更新:

我已经通过使用事件跟踪解决了这个问题。我在提交按钮中使用了下面的代码，并创建了一个在 GA 中跟踪事件的新目标。

onClick="ga('send', 'event', { eventCategory: 'Contact', eventAction: 'ContactRequest'});

Answer 1

我发现对我来说最简单的解决方案是将以下代码包含在表单的提交按钮中:

onClick="ga('send', 'event', { eventCategory: 'Contact', eventAction: 'ContactRequest'});

在 Google Analytics 中执行以下操作:

单击“管理”。在“ View ”列表下，单击“目标”单击“新目标”按钮，单击“自定义”单选按钮，然后单击“下一步”按钮。命名目标并选择事件单选按钮。填充所有相关的目标详细信息:

类别:联系

操作:联系请求

标签:可选

值:可选

单击“创建目标”按钮。您现在可以跟踪转化中的表单提交。

请记住，这是跟踪每次点击，因此如果您有必填字段并且用户忘记并提示填写该字段，则仍然会注册。对于我的用例来说，这很好，但如果您的表单不是这种情况，则必须寻求其他解决方案。