Google Urchin跟踪电子商务功能设置指南

http://www.itjxue.com  2015-07-19 16:22  来源:未知  点击次数: 

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 调用之间的任何位置。

(责任编辑:IT教学网)

更多