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

How to set up Google Analytics Goal for ajax form submissions

本文关键字：Google Analytics Goal 设置 表单提交 ajax      更新时间：2023-09-26

我有一个通过ajax提交的联系人表单，成功提交后，会显示一条感谢/成功消息。

此外，我在我的谷歌分析账户中设置了一个目标（目标完成URL），用于访问感谢页面。

此页面不存在。

关于如何通过这种方法跟踪成功提交的表格，有什么想法/建议吗？

您可以使用虚拟页面视图。对于流程的每个步骤，添加对的调用

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

这将注册为页面视图，并可以用作目标中的一个步骤。

请参阅GA文档中的虚拟页面视图。

或者，要将其设置为Eduardo建议的事件目标，请参阅新谷歌分析：事件目标

这个答案可能需要针对更新版本的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） 目标详细信息->目的地等于/联系我们成功

希望这能帮助其他人。

以下是2019年的最新答案。将您的Analytics帐户链接到Google Tag Manager，可以通过跟踪所有表单提交或将事件侦听器设置为元素的可见性（即表单的确认/感谢消息）来跟踪Google Analytics中AJAX表单上的提交。它需要使用更新的全球网站标签（gtag.js）和谷歌标签管理器。

本教程出色地解释了这个过程，并在通过AJAX提交的表单上设置了谷歌分析目标，或者在无法跟踪重定向/更改的URL的情况下设置了目标。

相关文章：