如何为ajax表单提交设置Google Analytics目标

时间:2012-03-28 13:53:35

标签: javascript jquery google-analytics

我有一个通过ajax提交的联系表格,一旦成功提交,就会显示一条感谢/成功消息。

此外,我已在我的Google Analytics帐户中设置目标(目标完成网址),以便访问感谢页面。

此页面不存在。

如何通过此方法设置跟踪成功提交表单的任何想法/建议?

3 个答案:

答案 0 :(得分:23)

您可以使用虚拟综合浏览量。对于流程的每个步骤,添加对

的调用
_gaq.push(['_trackPageview', '/ajax-contactForm/PAGE-or-STEP-NAME.html']);

这将注册为综合浏览量,可用作目标中的一个步骤。

请参阅virtual pageviews in the GA docs

或者,要将其设置为Eduardo建议的事件目标,请参阅The New Google Analytics: Events Goals

答案 1 :(得分:18)

对于更新版本的GA,可能需要更新此答案。当通过ajax提交页面时,我执行了以下操作来设置目标。

    $.ajax({
        type: "POST",
        url: "/some/page/that/does/not/have/ga/on/it.php",
        data: { formData:formData },
        success: function() {
            // Some success message to user.
            // Create a virtual page view that you can track in GA.
            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.
            });
        }
    });

然后在GA - >管理员 - >目标 - >新目标

(1)目标设定 - 定制
(2)目标描述 - >选择“目的地”。
(3)目标细节 - >目的地等于/联系我们成功

希望这有助于其他人。

答案 2 :(得分:0)

以下是2019年的最新答案。将您的Google Analytics(分析)帐户与Google跟踪代码管理器相关联,可以跟踪所有表单提交或通过将事件侦听器设置为元素的可见性(例如,表单确认)来跟踪Google Analytics(分析)中AJAX表单上的提交/感谢您的留言)。它要求使用较新的Global Site Tag (gtag.js)Google Tag Manager

This tutorial在解释流程方面做得非常出色,并逐步介绍了如何在通过AJAX提交的表单上设置Google Analytics(分析)目标或无法选择跟踪重定向/更改的URL。