在 Google Analytics 目标中跟踪表单输入

Question

我有一个帐户注册表单，用户可以在其中选择他们的帐户类型。我在谷歌分析中设置了一个目标，它有一个注册漏斗，从注册表单开始，到感谢页面结束。我还希望能够跟踪目标或其他目标中的帐户类型数量。

在下面的代码中，我有一些单选按钮来选择帐户类型，然后在其他各种表单字段之后显然有一个提交按钮。

我的网站是 Magento/PHP。

<label><input type="radio" name="account_type" value="personal">Personal</label>
<label><input type="radio" name="account_type" value="business">Business</label>
[...]
<button role="button" title="Apply" type="submit">Apply</button>

如果有任何建议，我将不胜感激。谢谢。

Answer 1

在您的“谢谢”页面上，除了常规的页面代码外，您还可以设置带有信息的custom variable。或者，您可以在访问者进行选择时（在单击事件期间）或在表单提交（提交按钮上的 js 回调函数）时弹出它，但理想情况下，因为您只想在成功的表单提交时弹出它，最好的方法是在感谢页面上跟踪它。

“谢谢”页面代码示例：

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', '[your account id here]']);
  _gaq.push(['_setCustomVar',1,'Account Type','[radio button value here]',2]);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>

编辑：

上述方法是使用所需信息设置自定义变量。这将引入新的维度和指标以在您的报告中使用。 IMO 以上是跟踪此类事情的最佳方式。

但是，在下面的 cmets 中，greg 提到您可能会问如何将其作为目标的一部分进行跟踪。您可以做的一件事是使用自定义 URL 在其上调用 _trackPageview。例如（这只是一个示例，用于演示原理...理想情况下，您可能希望在其他地方调用它，例如在获取表单值的包装函数中...）

<button onclick="_gaq.push(['_trackPageview','/forms/accountType/[radio button value here]']);" role="button" title="Apply" type="submit">Apply</button>

如果您像这样跟踪它，那么您将能够将此虚拟页面名称作为一个步骤包含在您的当前目标漏斗中。但是，请注意，此方法会增加您的页面浏览量并与您的其他指标挂钩；您必须记住从所有其他报告中排除这些页面浏览量！

另一种选择是track it as an event，您可以根据事件制定一个单独的目标。示例：

_gaq.push(['_trackEvent', 'Forms', 'Account Type', '[radio button value here]']);

您可以像上面的第二个代码示例一样将它放在 onclick 中，或者您可以将它放在“谢谢”页面上，就像上面的第一个代码示例一样（我建议将它放在谢谢页面上）。