使用 Web 上的 Oracle Infinity 跟踪购物车添加
简介
本教程将演示如何使用 Oracle Infinity 和 Oracle CX 标记跟踪网站上的购物车添加操作,从而跟踪网站上的用户购物车添加内容。
目标
本教程的目标如下:
-
在任何可以向购物车中添加商品的页面上实施 Oracle CX 标记:这将 Oracle CX 标记库加载到您的页面中以允许跟踪功能。
-
添加 Oracle Infinity 单击“对所有购物车添加的拜访”:当用户将货品添加到购物车时,此拜访会将购物车添加数据发送到 Oracle Infinity。
先决条件
有关本教程的先决条件,请参阅以下内容:
创建标记(用于 Oracle CX 标记)
您必须已经为您的网站创建并配置了标签:
-
Created a new tag for the Oracle CX Tag: This tag will be what you implement on your order confirmation page.
-
启用 Oracle Infinity 模块:您必须为标记启用 Oracle Infinity 模块以确保启用了数据收集。
-
启用标记管理插件:您必须为标记启用 Tag Management 插件以确保自动视图调用被抑制(您将独立触发视图调用)。
-
已升级您的标记到生产:必须将标记容器提升为生产容器。
-
您的标记 URL:您必须具有生产配置的标记 URL(这将是您将在网页上实施的实际端点)。它将采用以下格式:
//c.oracleinfinity.io/acs/account/{YOUR_ACCOUNT_GUID}/js/{YOUR_TAG_ID}/odc.js?_ora.config=analytics:production
您的网站上已经有 Oracle CX 标签?
如果您已在您的网站上创建了一个标记,则不需要为此用例创建新的特定标记。您必须确保 (a) 现有标记已在必需的页面上实施,或者 (b) 您必须在所需的页面上创建新标记并实施。
步骤 1:在页面上实施 Oracle CX 标记
如果您尚未在所需的页面上实施 CX 标记,则需要将其添加到页面中,以便加载 CX 标记库,以便您可以启动对 Oracle Infinity 的跟踪请求。
-
您应该具有标记 URL,具体取决于先决条件,该 URL 将使用以下格式:
//c.oracleinfinity.io/acs/account/{YOUR_ACCOUNT_GUID}/js/{YOUR_TAG_ID}/odc.js?_ora.config={_ora.config}账户 GUID、标记 ID 和配置
{Account GUID}标识您的帐户。所有标记都将使用相同的账户 GUID,以便同时存储为账户收集的所有数据。{Tag ID}允许您为 Oracle Infinity 标记分配访问权限并将其置于分层格式。{_ora.config}表示标记指向哪个环境(例如,analytics:test允许您指向每个环境的不同标记配置,例如测试和生产)。有关详细信息,请参阅环境。 -
在要跟踪的所有页面的
<head>* 中实现以下代码块(根据标记 URL 替换{Account GUID}、{Tag ID}和{_ora.config})。例如:同步实施
<head> ... <!-- CX Tag - Library Load --> <script type="text/JavaScript" src="//c.oracleinfinity.io/acs/account/{Account GUID}/js/{Tag ID}/odc.js?_ora.config={_ora.config}"></script> ... </head>异步实施
<head> ... <script type="text/JavaScript"> (function() { var accountGUID = "{Account GUID}"; var tagID = "{Tag ID}"; var config = "{_ora.config}"; // DO NOT EDIT BELOW THIS LINE for(var odc_requested=!1,scripts=document.getElementsByTagName("SCRIPT"),s=0;s<scripts.length;s++)scripts[s].src&&/oracleinfinity.*odc\.\js/.test(scripts[s].src)&&(odc_requested=!0);if(!odc_requested){var sc_scripts=document.getElementsByTagName("script")[0],sc=document.createElement("script");if(sc.async=!0,void 0===config)var config="";config&&(config="?_ora.config="+config),sc.src="//c.oracleinfinity.io/acs/account/"+accountGUID+"/js/"+tagID+"/odc.js"+config,sc_scripts.parentNode.insertBefore(sc,sc_scripts)} }()); </script> ... </head>*是否同步?
如果要使用 Oracle Maxymiser,则必须按上述方式在
<head>同步中实现此操作,以确保页内容可在对用户可见之前进行处理。但是,如果您未使用 Oracle Maxymiser,则这可以是异步的,不一定在<head>中。如果这不可行,请参阅 Oracle Maxymiser CX 标记准则或联系 Oracle Consulting 服务以了解您的异步实施的标记要求。
步骤 2:在购物车添加操作中添加点击呼叫
可用参数
选择参数:有关选择要发送的参数的指导,请参阅选择参数:
您必须确定要发送到 Oracle Infinity 的用于添加购物车的参数。
下表列出了您可以针对购物车添加内容发送的可用参数:
可用购物车添加相关参数
| 参数 | 参数名称 | 必需 | 示例值 | 附注 |
|---|---|---|---|---|
wt.tx_e |
电子商务操作 | 必需 | a | 预设值 |
wt.currency |
货币 | 必需 | 英镑 | 货币代码 |
wt.tx_s |
产品行项目价格 | 必需 | 20.00 | ’;’每行项目的分隔列表(产品数量 * 产品单价) |
wt.product_price |
产品单价 | 必需 | 10.00 | ’;' 按产品分隔的列表(按行项目) |
wt.tx_u |
产品单位 | 必需 | 2 | ';' 分隔列表(按行项目) |
wt.pn_sku |
产品 SKU | 必需 * | SKU1 | ';' 分隔列表(按行项目) |
wt.cg_n |
内容组 | 推荐 | 附件 | ';' 分隔列表(按行项目) |
wt.cg_s |
内容子组 | 推荐 | 鞋 | ';' 分隔列表(按行项目) |
wt.si_p |
步骤名 | 推荐 | 添加存储筐 | 漏斗中的步骤名称 |
wt.si_x |
步骤编号 | 推荐 | 2 | 步入您的漏斗图 |
wt.si_n |
场景名称 | 推荐 | 购物篮漏斗图 | 漏斗名称 |
wt.pn_id |
Product ID | 可选 * | 232432 | ';' 分隔列表(按行项目) |
wt.product_name |
产品名称 | 可选 | 大教练 | ';' 分隔列表(按行项目) |
wt.product_discount |
产品折扣 | 可选 | 0.00 | ’;' 按产品分隔的列表(按行项目) |
wt.pn_ma |
产品品牌 | 可选 | acme | ';' 分隔列表(按行项目) |
* 产品 SKU 或产品 ID?
产品 SKU (
wt.pn_sku) 是用于在 Oracle Infinity 中声明产品的标准必需参数。如果您愿意,还可以选择在实施中声明产品 ID (wt.pn_id)(您也可以跳过产品 SKU,但这表示没有自定义工作流,Oracle Infinity 中的某些功能将不可用)。
发出点击呼叫
选择参数后,当用户向购物车中添加任何货品时,必须通过触发以下 JavaScript 函数来声明参数:
点击呼叫实施示例
(function(){
// Declare Your Parameters
var cxDataObject = {};
cxDataObject["wt.tx_e"] = "a"; // Transaction Event - Purchase
cxDataObject["wt.currency"] = "GBP"; // Currency
cxDataObject["wt.pn_sku"] = "SKU1;SKU2"; // Product SKUs (‘;’ delimited list - by line item)
cxDataObject["wt.product_price"] = "20.00"; // Product Price (‘;’ delimited list - by line item)
cxDataObject["wt.tx_u"] = "2 "; // Units (‘;’ delimited list - by line item)
cxDataObject["wt.tx_s"] = "40.00"; // Transaction Subtotal (‘;’ delimited list per line item (Product Quantity * Product Unit Price))
cxDataObject["wt.cg_n"] = "accessories"; // Content Group (‘;’ delimited list per line item)
cxDataObject["wt.cg_s"] = "shoes"; // Content Sub Group (‘;’ delimited list per line item)
// DO NOT EDIT BELOW THIS LINE - ORA.click()
window.ORA = window.ORA || {productReady: []};
ORA.productReady.push(['analytics', function(cxDataObject) {return function() {return ORA.click({"data": cxDataObject})}}(cxDataObject)]);
})();
选择参数?
在可用参数中,您可能会看到针对各种参数的必需。理想情况下,您可以显示所有可用参数,但如果您担心在较旧浏览器中支持最大请求长度(例如 Internet Explorer),则可以使用此参数来帮助您确定应实施哪些参数的优先级:
| 内容 | 说明 |
|---|---|
| 必需 | Oracle Infinity 和互联 CX 产品的核心功能通常是必需的 |
| 推荐 | 推荐的 Oracle Infinity 和互联 CX 产品功能通常是必需的 |
| 可选 | 通常对于 Oracle Infinity 和互联 CX 产品的可选功能是必需的 |
测试您的页面是否发送数据
在添加所有购物车时添加了 Oracle Infinity 跟踪后,您可以通过打开提示 DevTools 网络调试器来验证请求:
- 打开 Chrome DevTools Network Debugger。
- 执行购物车添加(例如,通过单击添加到购物车按钮)。
- 调试器中的
dcs过滤器。 - 选择
dcs.gif请求(这是 Oracle Infinity 数据收集调用)。 - 查看正在发送的参数。
查看 Oracle Infinity 数据收集调用

步骤 3:检查 Oracle Infinity 是否正在接收数据
现在,您可以根据单击上面的“调用”中定义的参数(例如 data.wt.tx_e=a),检查 Oracle Infinity 中的可用数据以了解您的采购数据。
相关链接
- 使用 Oracle Infinity 跟踪采购 - Oracle 帮助中心学习有关使用 Oracle Infinity 跟踪采购的教程。
- 检查 Oracle Infinity 中的可用数据-Oracle 帮助中心学习教程,了解如何检查 Oracle Infinity 中的可用数据。
- 使用 Oracle Infinity 跟踪已验证用户 - Oracle 帮助中心学习有关使用 Oracle Infinity 跟踪购买的教程。
- Oracle Infinity 帮助中心- 适用于 Oracle Infinity 的用户帮助中心。
更多学习资源
在 docs.oracle.com/learn 上浏览其他实验室,或者在 Oracle Learning YouTube 渠道上访问更多免费学习内容。此外,访问 education.oracle.com/learning-explorer 以成为 Oracle Learning Explorer。
有关产品文档,请访问 Oracle 帮助中心。
Track cart adds with Oracle Infinity on Web
F50847-01
November 2021
Copyright © 2021, Oracle and/or its affiliates.