在您的 Web 开发者编写用于填充购买明细变量的代码后,您需要更新 Floodlight 代码或事件代码段,以便它们可以将相关数据传递到 Search Ads 360。
如果您使用 Google 跟踪代码管理器,则需要更新容器以使用您推送到 ecommerce.purchase.products 数组的数据,或者创建将相关数据传递到 Floodlight 代码的宏。
手动更新代码
如果您要将购买明细直接传递到 Floodlight 代码,那么最有可能发生的情况是,您的 Web 开发者已经将购买明细变量设置为可用于网页,该变量可能存在于 JavaScript 对象中,也可能以 DOM 中自定义变量的形式存在。
例如,假设 Web 开发者是在名为 floodlightSpec 的 JavaScript 对象中提供购买明细。您需要按如下所示更新 Floodlight 事件代码段:
<!--
Event snippet for Thank You on http://www.example.com/thanks: Please do not remove.
Place this snippet on pages with events you’re tracking.
Creation date: 11/01/2017
-->
<script>
gtag('event', 'purchase',
{
'allow_custom_scripts': true,
'send_to': 'DC-1234567/group1/thank123+transactions',
'transaction_id': floodlightSpec.sessionID,
'value': floodlightSpec.revenue,
'items': [
{ 'id': floodlightSpec.item[0].id,
'price': floodlightSpec.item[0].price,
'quantity': floodlightSpec.item[0].number
},
{ 'id': floodlightSpec.item[1].id,
'price': floodlightSpec.item[1].price,
'quantity': floodlightSpec.item[1].number
}
],
'country': floodlightSpec.country,
'language': floodlightSpec.lang
}
);
</script>
<noscript>
<img src="https://ad.doubleclick.net/ddm/activity/src=1234567;type=group1;cat=thank123;
qty=1;cost=floodlightSpec.revenue;dc_lat=;dc_rdid=;
tag_for_child_directed_treatment=;tfua=;npa=;
ord=floodlightSpec.sessionID
;prd=i1:floodlightSpec.item[0].id|p1:floodlightSpec.item[0].price|q1:floodlightSpec.item[0].number|i2:floodlightSpec.item[1].id|p2:floodlightSpec.item[1].price|q2:floodlightSpec.item[1].number|c:floodlightSpec.country|l:floodlightSpec.lang?" width="1" height="1" alt="">
</noscript>
<!-- End of event snippet: Please do not remove -->
注意:由 Search Ads 360 生成的事件代码段包含可选的 <noscript>
代码,此代码包含 Floodlight 图片代码。系统会使用这个代码来报告在不支持 JavaScript 的浏览器中发生的转化。
使用 Google 跟踪代码管理器更新代码
Google 跟踪代码管理器可帮助您维护网站上的代码。您可以在 Google 跟踪代码管理器中添加和更新代码,而不用直接在网站上操作。然后,Google 跟踪代码管理器会根据需要在网站上输出格式正确的代码。详细了解Google 跟踪代码管理器。
如果您需要将动态生成的数据(如购买明细)传递到由 Google 跟踪代码管理器管理的代码中,那么您的 Web 开发者可以视需要选择执行以下一种操作:
使用数据层中的数据
如果您的 Web 开发者已经将购买明细变量设置为可用于数据层,请按照下列步骤操作,将相关数据传递到 Floodlight 代码:
- 使用 dataLayer.push 方法向 Google 跟踪代码管理器的数据层提供相关数据。
-
在 Google 跟踪代码管理器中,转到网站的容器页面。
-
依次点击代码标签和用于生成销售报表的 Floodlight 交易代码。
-
点击“铅笔”图标 以更改代码。
-
在“产品报告”下,选中提供产品级销售数据复选框。
-
在数据源列表中,选择数据层。
Google 跟踪代码管理器会自动使用已推送到数据层的 ecommerce.purchase.products 数组中的数据。 -
点击保存。
使用变量访问其他数据
如果您的 Web 开发者已经将购买明细变量设置为可用于数据层之外的其他位置,请按照以下步骤操作,使用 Google 跟踪代码管理器变量(之前的“宏”)来传递数据。
-
向其他位置(如在 DOM 变量中)输出数据。
-
在 Google 跟踪代码管理器中,转到网站的容器页面。
-
依次点击代码标签和用于生成销售报表的 Floodlight 交易代码。
-
点击“铅笔”图标 以更改代码。
-
在“产品报告”下,选中提供产品级销售数据复选框。
-
在数据源列表中,选择下列选项之一:
-
JavaScript 变量:如果数据的格式为 JavaScript 变量。
-
Floodlight 格式化值:如果数据的格式为字符串。
-
-
点击商品数据字段旁边的“添加变量”图标。
-
点击右上角的新建变量按钮。
-
点击变量配置卡片中的“铅笔”图标 ,然后执行以下操作:
-
选择适当的变量类型。例如,如果相关数据可用于 JavaScript 变量,请选择 JavaScript 变量。
-
在下一个字段中,输入包含相关数据的对象名称。
例如,在下面的示例中,网页可将字符串输出为全局 JavaScript 变量:
<script> window.salesData="i1:sku-12345|p1:100.0|q1:1|i2:sku-67890|p2:20.0|q2:2" </script>
-
-
为变量命名,只需修改顶部的命名空间,或者点击保存,然后在下一窗口中修改名称即可。完成后,您应会在“商品数据字段”中看到用括号括起来的相应名称。
-
再次点击保存以更新代码的草稿版本。