登录

欢迎来到我们的支持中心

获取整合和上线广告活动的相关帮助。

欢迎来到我们的支持中心. 获取整合和上线广告活动的相关帮助。

步骤 1 Google Tag Manager:dataLayer

概述

dataLayer 是在您将实现 Criteo OneTag 的每个页面上您网站的源代码中声明的一个变量。它不通过 Google Tag Manager 网站实现。dataLayer 的内容将确定通过 Criteo OneTag 向我们传输的信息。下面是一些提示:

  • dataLayer 的实现最好由程序开发人员或具有相关技能的人来员执行 。
  • dataLayer 的内容将在下一步通过变量在 Google Tag Manager 上使用。
  • dataLayer 应在 <script></script> 标签之间并且在声明 Google Tag Manager 标签之前进行声明。
  • 如果您已经有一个 dataLayer,在您没有获得所有预期数据的情况下,您可能需要进行更新。在此情况下,请明白您可能需要更新源代码。

所有页面

在将出现 Criteo OneTag 的所有页面上,应将 email 变量添加到 dataLayer。这将实现 Criteo 的跨屏解决方案:

  • 当客户在您的网站上进行购买且您的网站提供用户帐户,用户的电子邮件地址应当可获取。
  • 电子邮件地址必须去除前后的空格并转换为小写格式。
  • 然后,Criteo 将随之使用 Md5 Hash 算法加密电子邮件地址,然后存储服务器上。我们绝不会存储纯文本电子邮件地址,因为这将违反我们的隐私政策。
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'email': 'email address of the user'
});
</script>
  • 如果当前页面上无法获取用户的电子邮件地址,此参数应留为空字符串。
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'email': ''
});
</script>

主页 dataLayer

  • dataLayer 需要在主页上实现。
  • PageType 参数将用于告知 Google Tag Manager 用户正在浏览的页面类型并相应地触发 Criteo OneTag。
  • 以下代码显示了如何在主页上实现 dataLayer:
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType':'HomePage',
'email': 'email address of the user'
});
</script>

产品列表页面 dataLayer

  • dataLayer 需要在分类目录页面上实现:目录页面和搜索页面。
  • 需要使用列表中的三个有效产品 ID 动态填充 ProductID_1ProductID_2ProductID_3
  • 请注意,我们将尝试将此处提供的 ID 与您的产品目录源中包含的 ID 进行匹配。如果您的系统具有多种 ID 类型,您需要确保在所有页面上一致地使用相同的 ID 类型。
  • 以下代码显示了如何在产品列表页面上实现 dataLayer:
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType':'ListingPage',
'email': 'email address of the user',
'ProductIDList' : ['ProductID_1', 'ProductID_2', 'ProductID_3']
});
</script>

产品页面 dataLayer

  • dataLayer 需要在各个产品页面上实现。
  • 需要使用当前浏览产品的产品 ID 动态替换 ProductID 参数。此 ID 必须与给定产品的产品目录源中包含的 ID 相同。
  • 以下代码显示了如何在产品页面上实现 dataLayer:
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType': 'ProductPage',
'email': 'email address of the user',
'ProductID': 'ProductID'
});
</script>

购物篮页面 dataLayer

  • dataLayer 需要在购物车页面上实现。
  • 对于购物篮中包含的每个产品,您必须传递产品 ID、数量(对应产品的件数)和产品单价。
  • 以下代码显示了如何在购物篮页面上实现 dataLayer:
<script type="text/javascript">
var product_list = [];
product_list.push(
{ id: "productID_1", price: price_1, quantity: quantity_1 },
{ id: "productID_2", price: price_2, quantity: quantity_2 }
/* add a line for each item in the user's cart */
);
dataLayer = dataLayer || [];
dataLayer.push({
'PageType': 'BasketPage',
'email': 'email address of the user',
'ProductBasketProducts': product_list
});
</script>

销售确认页面 dataLayer

  • dataLayer 需要在销售确认/感谢页面上声明(在用户下单并确认付款后显示)。
  • 必须使用对应的订单号动态替换 TransactionID 参数。此信息将用于清理我们可能接收到的重复订单。
  • 对于购买的每个产品,您必须传递产品 ID、数量(对应产品的件数)和产品单价。
  • 以下代码显示了如何在销售确认页面上实现 dataLayer:
<script type="text/javascript">
var product_list = [];
product_list.push(
{ id: "productID_1", price: price_1, quantity: quantity_1 },
{ id: "productID_2", price: price_2, quantity: quantity_2 }
/* add a line for each item in the user's cart */
);
dataLayer = dataLayer || [];
dataLayer.push({
'PageType': 'TransactionPage',
'email': 'email address of the user',
'ProductTransactionProducts': product_list,
'TransactionID': 'TransactionID'
});
</script>

下一步怎么办?

既然 Criteo 需要的信息在 dataLayer 中可用,Google Tag Manager 需要了解如何读取 dataLayer 并提取相关数据。本机制称为“变量”,在下一步中详细介绍:步骤 2:变量

这篇文章有帮助吗?
0 人中有 0 人觉得有帮助
由 Zendesk 提供技术支持