谷歌分析事件表单提交答案

【问题标题】：google analytics event form submission谷歌分析事件表单提交
【发布时间】：2018-01-05 02:51:36
【问题描述】：

总的来说，我在 StackOverflow 和 Google 上进行了大量搜索，但我很惊讶没有更简单的方法来实现我们正在尝试做的事情。

我们正在尝试设置一个简单的表单转换事件，以帮助我们确定来自我们正在运行的不同广告的哪些会话实际上正在转换。我们正确设置了 GA UTM 代码。我们正在使用analytics.js（较新的通用谷歌分析实施）和谷歌标签管理器，我们目前没有使用任何其他营销软件或分析套件。

此外，我们没有“成功页面”（没有告诉 Google 查找的成功事件 URL）。相反，当表单正确提交时，我们会发出一个 Ajax 请求来接受邀请，而 Javascript 会在同一页面/URL 上显示一条快速成功消息。

似乎需要三个主要部分来获取此信息： 1. 设置带有事件跟踪的 Google Tag Manager 和 Analytics，以记录对我们注册表单上“提交”按钮的点击 2. 使用 Acquisition > Create Account 设置目标并将其链接到我们的事件标签 3. 在 Analytics 中设置事件流视图，根据 UTM 代码跟踪会话，以验证哪些广告最终达到了目标

我们在 Ajax 调用的成功回调中触发事件以创建新帐户：

ga('send', 'event', 'sign-ups', 'submit', 'new-account’);

它仍然无法正常工作。有什么想法我们可能会遗漏吗？

由于可能会要求查看我们是如何配置的，因此我截取了一些屏幕截图。谢谢。

工作区变更摘要：

Our Tag Configuration

Our Trigger Configuration

【问题讨论】：

您能否添加更多信息如何配置触发器。如果您可以使用此表单共享页面 url，那就太好了。它将帮助我为您提供工作解决方案
@VictorLeontyev，我们的注册页面位于https://app.bluematador.com/ur/register。您需要输入您的电子邮件并导航到发送给您的电子邮件中的确认页面链接，以查看相关代码。谢谢。
您能否添加更多您如何配置触发器的屏幕截图
当然，我会尝试在此处添加，因为 StackOverflow 限制了我使用新帐户发布其他屏幕截图/链接的能力。
所有截图：http://imgur.com/a/r5njP 需要其他截图吗？

标签： ajax forms google-analytics

【解决方案1】：

我理解你的错误。

在您的确认页面中，您应该使用ga('send', 'event', 'sign-ups', 'submit', 'new-account'); 而不是window.dataLayer = window.dataLayer || [];window.dataLayer.push({'event': 'new-account'});。其他 GTM 设置看起来不错

这张图片应该解释 dataLayer 和 GTM 的工作原理：

使用数据层，您可以向 GTM 发送事件或一些数据，然后在 GTM 中，您可以根据收到的信息设置不同的触发器

【讨论】：

谢谢，我们将尝试一下。我们需要在 Google 跟踪代码管理器或 GA 中进行哪些更改（如果有的话）才能使此实施生效？
您在 GTM 中所做的一切都是正确的。您只需要在感谢页面中发送数据层
谢谢，数据层工作正常。我已经接受了你的回答。希望这个问题和答案可以存档给遇到同样问题的其他人。这似乎是一种基本的跟踪需求，但要使其发挥作用，实现起来却相对复杂。