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

时间:2012-04-25 23:57:22

标签: php javascript magento google-analytics

我有一个帐户注册表单,用户可以在其中选择自己的帐户类型。我在Google Analytics中设置了一个目标,该目标有一个注册漏斗,从注册表单开始,到感谢页面结束。我还希望能够跟踪目标或其他目标中的帐户类型数量。

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

我的网站是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>

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

1 个答案:

答案 0 :(得分:0)

在“谢谢”页面上,除常规页面代码外,您还可以设置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以上是跟踪此类事情的最佳方式。

但是,在下面的评论中,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上,或者你可以把它放在“谢谢”页面上,就像上面第一个代码示例一样(我建议把它放在感谢页面上)。