概述
搜索列表页面显示多个产品;它可能是一个分类页面或者是一个搜索结果页面。在这些页面上实现 Criteo OneTag 让我们可以跟踪用户对某些产品(例如,特定分类的产品)的兴趣。
许多用户只浏览搜索列表和分类页面,并不点击进去查看产品特定页面,因此在这些页面上实现 Criteo OneTag 便成为跟踪这些用户的关键。
您必须在网站每一页的标头内实现 Criteo OneTag。跟踪代码异步加载,因此它不会影响页面加载时间或用户体验。
在搜索结果或分类列表页面上实现 Criteo OneTag 时,您必须动态传递显示在页面上的前三个产品的产品 ID、网站类型和 Email 参数。
在搜索列表页面上实现 Criteo OneTag:
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
window.criteo_q.push(
{ event: "setAccount", account: YOUR UNIQUE ACCOUNT ID },
{ event: "setSiteType", type: "m FOR MOBILE OR t FOR TABLET OR d FOR DESKTOP" },
{ event: "setEmail", email: "TRIMMED AND LOWERCASE USER EMAIL ADDRESS" },
{ event: "viewList", item: ["FIRST PRODUCT ID", "SECOND PRODUCT ID", "THIRD PRODUCT ID"] }
);
</script>
viewList 事件
viewList 事件是 Criteo OneTag 特定事件,在搜索结果或分类列表页面时触发。在页面上显示给用户的前三个产品的 ID 必须使用 item 参数进行传递。
{ event:
"viewList"
, item: [
"FIRST PRODUCT ID"
,
"SECOND PRODUCT ID"
,
"THIRD PRODUCT ID"
] }
传递到 Criteo OneTag 跟踪代码中的产品 ID 必须与产品目录源中的 ID 完全相同。
示例:如果显示在搜索结果或分类列表页面上的前三个产品的 ID 是 A111、B234 和 H556,那么 viewList 事件将如下所示:
{ event: "viewList", item: ["A111", "B234", "H556"] }
setSiteType 事件
网站类型参数是出现在您网站所有页面上的 Criteo OneTag 中的一个动态参数。如果您的网站有不同的版本,请通过传递 setSiteType 参数表示该用户浏览的网站版本:
- d 表示台式机
- m 表示手机
- t 表示平板电脑
如果您没有手机或平板电脑特定的网站,请将值设置为 d.
台式机版本网站上的 setSiteType 参数:
{ event:
"setSiteType"
, type:
"d"
},
手机版本网站上的 setSiteType 参数:
{ event:
"setSiteType"
, type:
"m"
},
平板电脑版本网站上的 setSiteType 参数:
{ event:
"setSiteType"
, type:
"t"
},
setEmail 事件参数
email 参数是出现在您网站所有页面上的 Criteo OneTag 中的一个动态参数。此参数用于实现Criteo 跨屏技术 ,从而能够跨多台设备精确匹配用户。您可以在 email 参数字段中传递客户 email 地址(经过修整且转换为小写格式),然后 Criteo 将使用 MD5 Hash 算法将它加密处理,之后存储在服务器上。经过加密处理的 email 不可逆且匿名,因此 Criteo 无法获取您的用户的 email 地址。
setEmail 示例:
{ event:
"setEmail"
, email:
"user@example.com"
},
如果未提供 email 地址,请将它留空。值为空的 setEmail 示例:
{ event:
"setEmail"
, email:
""
},
或者,您可以传递经过 MD5 Hash 加密过的 email 地址的加密值(此页面链接提供了不同编程语言调用 MD5 Hash 函数的示例)。在此情况下,您应该将默认的 "setEmail" 替换为 "setHashedEmail",如下所示。
经过加密处理 email 地址 user@example.com 的 setHashEmail 参数示例:
{ event:
"setHashedEmail"
, email:
"b58996c504c5638798eb6b511e6f49af"
},
如果未提供加密过的 email 地址,请将它留空:
{ event:
"setHashedEmail"
, email:
""
},