跟踪谷歌分析目标中的表单输入
Track form input in Google Analytics goal
我有一个帐户注册表,用户可以在其中选择其帐户类型。我在谷歌分析中设置了一个目标,该目标有一个注册漏斗,从注册表单开始,到感谢页面结束。我还希望能够跟踪目标或其他目标中的帐户类型数量。
在下面的代码中,我有一些单选按钮来选择帐户类型,然后在其他各种表单字段之后显然有一个提交按钮。
我的网站是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>
如有任何建议,我将不胜感激。谢谢。
在"谢谢"页面上,除了常规的页面代码外,您还可以使用信息设置自定义变量。 或者,您可以在访问者进行选择(在点击事件期间)或在表单提交(提交按钮上的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>
如果您像这样跟踪它,那么您将能够将此虚拟页面名称作为当前目标渠道中的一个步骤包含在内。 但是,请注意,此方法会增加您的页面浏览量并破坏您的其他指标;您必须记住从所有其他报告中排除这些页面浏览量!
另一种选择是将其作为事件进行跟踪,您可以根据事件制定单独的目标。 例:
_gaq.push(['_trackEvent', 'Forms', 'Account Type', '[radio button value here]']);
onclick中,也可以将其放在"谢谢"页面上,例如上面的第一个代码示例(我建议将其放在感谢页面上)。
- 可以't让我的if语句处理js中的html表单输入
- 如何在submit to sightly时将表单输入值作为参数传递给WCMUsePojo
- 单击鼠标,用MySQL数据填充html表单输入字段
- 从HTML表单发布blob的表单输入类型是什么
- 在不使用PHP的情况下将表单输入值获取到Javascript中
- 在Chrome中重新加载页面后清除表单输入值
- CasperJS填充表单-输入名称有方括号
- 表单输入字段随着溢出的文本而增长
- Highcharts:根据表单输入动态显示数据
- 如何在为表单输入分别处理$(this)和$时编写DRY代码
- 如何从AngularJS表单输入中生成一个永久变量
- 将表单输入保存到txt,弹出结果,不更改页面
- 在表单输入字段中创建默认值
- 如何根据提交表单时下拉框中的值禁用html表单输入框
- 使用jQuery延迟表单输入,并在延迟后在同一页面上显示结果
- Jquery无法找到给定表单id的表单输入
- 如何使用javascript验证在表单输入中避免负值、浮点值和十进制值
- 对表单输入执行计算
- Javascript 重复表单输入
- 使用 JavaScript 计算并添加表单输入的值