Google Urchin跟踪电子商务功能设置指南
与Google Analtics一样,Google Urchin跟踪电子商务功能,需要特定插码。通过在收据页面(订单提供成功提示页)加入某些简单功能,Urchin可自动检测并记录交易和产品信息。所需信息会被置入隐藏表单,该表单会被解析为交易和产品信息。
一、启用电子商务跟踪
跟踪电子商务交易的第一步是启用所选配置文件的电子商务报告。要启用电子商务报告,请按下列步骤操作:
登录到 Urchin。
点击要启用的配置文件旁的“修改”。
在”网站配置文件设置”页上,点击”主要网站配置信息”旁的”修改”。
将”电子商务网站”单选按钮从”否”改为”是”。
二、收据页面格式
第二步,确保以标准格式在收据页面中加入跟踪代码。可以使用服务器端代码模块实现,也可直接手动输入 HTML 代码:
<script src=”/urchin.js” type=”text/javascript> </script>
接下来,在收据页面代码中写入以下行。括号中的所有内容都应使用实际值(电子商务网站通常是变量名)取代,如下述参数资料中所述:
<form style=”display:none;” name=”utmform”>
<textarea id=”utmtrans”>
UTM:T|[order-id]|[affiliation]|[total]|[tax]| [shipping]|[city]|[state]|[country]
UTM:I|[order-id]|[sku/code]|[productname]|[category]|[price]|[quantity]
</textarea>
</form>
最后,请务必在表单提交后调用 utmSetTrans 函数,以记录相应交易。最简单的方法是通过开始标记内的 body onLoad 事件来实现这一操作:
<body onLoad=”javascript:__utmSetTrans()”>
如果无法修改标记,可以在单独的脚本标记内调用 utmSetTrans 函数,但前提是确保在表单之后调用这一函数:
<script type=”text/javascript”>__utmSetTrans();</script>
请注意:在为表单设定值时,请不要包含方括号。此外,不要用逗号分隔总计、税款和运费字段中的千位,逗号后的数字将被忽略。
示例
UTM:T|34535|Main Store|111108.06|8467.06|10.00|San Diego|CA|USA
UTM:I|34535|XF-1024|Urchin T-Shirt|Shirts|11399.00|9
UTM:I|34535|CU-3424|Urchin Drink Holder|Accessories|20.00|2
在隐藏表单内有两种类型的行:”交易”行和”项目”行。对于每笔交易,只应有一个交易行,它由”UTM:”后紧跟的”T”表示。此行指定交易总额,包括所有税款或运费及其他信息。对于收据中的每个项目,请创建一个由 “I” 表示的项目行。该项目行可以包括产品名称、代码、单价和数量。每笔交易的项目行数没有限制。
参数资料:
交易行变量
[order-id] 您内部的唯一订单 ID 号
[affiliation] 可选合作伙伴或商店联属机构
[total] 交易的总金额(以美元表示)
[tax] 交易的税额
[shipping] 交易的运费
[city] 与交易相关联的城市
[state/region] 州/省
[country] 国家/地区
项目行变量
[order-id] 您内部的唯一订单 ID 号(应与交易行相同)
[sku/code] 产品 SKU 码
[product name] 产品名称或说明
[category] 产品或类似产品的类别
[price] 产品单价
[quantity] 预订数量
关于跨域的处理方法
通常情况下,上面的基本方法已经可以完成urchin的电子商务追踪配置,但是,有时候会遇到跨域的情况:
1.跨子域(例如www.example.com到buy.example.com)
这种情况比较好处理,只需要添加定义主域的语句即可,以下是添加后的通用代码部分:
<script src=”/urchin.js” type=”text/javascript”></script>
<script type=”text/javascript”>_udn=”mystore.com”;</script>
2.跨主域(例如www.example.com到www.shop.com)
这种情况下,需要将以下行(以粗体显示)添加到您的商店网站和购物车页面的跟踪代码中:
<script src=”/urchin.js” type=”text/javascript”></script>
<script type=”text/javascript”>
_udn=”none”;
_ulink=1;
</script>
如下所示,将主要网站到安全网站的链接改为使用 utmLinker。如果您的当前链接如下所示:
<a href=”https://www.securecart.com/?store=parameters”>立即购买</a>
将其更改为:
<script type=”text/javascript”>
document.write(‘<a href=”javascript:__utmLinker(\’https://www.securecart.com/?store=parameters\’);”>立即购买</a>’);
</script>
<noscript>
<a href=”https://www.securecart.com/?store=parameters”>立即购买</a>
</noscript>
无论用户是否启用了 JavaScript,以上代码都可为用户提供链接。请特别注意,当撇号出现在链接或链接文字中时,应以反斜杠对其进行转义。 重要提示:如果您的网页中包含对 urchinTracker()、utmLinker()、utmSetTrans()或 utmLinkPost()的调用,那么您需将 Google Analytics(分析)跟踪代码放在 HTML 代码中这些调用的上方。在这类情况下,跟踪代码可以放在开始 <body> 标记和 JavaScript 调用之间的任何位置。
如果您使用表单将信息发送到购物车,请使用 utmLinkPost() 函数。它会将 Cookie 数据附加到所提供表单的网址中。
<form action=”HTTP://newdomain.com/form.cgi” onSubmit=”javascript:__utmLinkPost(this)”>
即使在 method="GET"处,同样可以正常工作.
重要提示:如果您的网页中包含对 urchinTracker()、utmLinker()、utmSetTrans()或 utmLinkPost()的调用,那么您需将 Google Analytics(分析)跟踪代码放在 HTML 代码中这些调用的上方。在这类情况下,跟踪代码可以放在开始 <body> 标记和 JavaScript 调用之间的任何位置。