添加 Adobe Analytics

扩展配置，用于管理核心 AppMeasurement.js 库设置并可设置全局变量

规则操作，用于执行以下操作：

1. 设置变量
2. 清除变量
3. 发送 Analytics 信标

转到​ 扩展>目录

找到 Adobe Analytics 扩展

单击​ 安装

在Library Management > Report Suites下，输入要用于每个标记环境的报表包ID。 如果您的用户有权访问Adobe Analytics，请注意，开始在框中键入内容时，您将看到一个已预填充您的所有报表包的列表。 （在本教程中，您可以为所有环境使用一个报表包，但在现实工作中，您会希望为不同的环境使用不同的报表包，如下图所示）

在常规>跟踪服务器下，输入您的跟踪服务器，例如tmd.sc.omtrdc.net。 如果您的网站支持 https://，请输入 SSL 跟踪服务器

在全局变量部分的其他设置下，使用您的Page Name数据元素设置页面名称变量。 单击 图标以打开模式窗口，然后选择页面 Page Name 数据元素

单击​ 保存到库

转到左侧导航中的​ 规则 ​部分，然后单击​ 添加规则

将规则命名为 All Pages - DOM Ready

单击​ 事件>添加 ​以打开Event Configuration屏幕

选择​ Event Type > DOM Ready（请注意，该规则的顺序为“50”）

单击​ 保留更改

在 Actions 下，单击 以添加新操作

选择​ 扩展> Adobe Analytics

选择​ 操作类型>发送信标

将 Tracking 保留设置为 s.t()。请注意，如果您想要在点击事件规则中发起 s.tl() 调用，则也可以使用 Send Beacon 操作来实现这一点。

单击​ 保留更改 ​按钮

单击​ 保存到库并生成

在 Chrome 浏览器中打开 Luma 网站

单击Debugger图标 以打开​ Adobe Experience Cloud Debugger

如前面的课程中所述，确保Debugger将标记属性映射到​ 您的 ​开发环境

单击以打开 Analytics 选项卡

展开您的报表包名称以显示针对该报表包发出的所有请求

确认使用 Page Name 变量和值触发了相应请求

在左侧导航中单击​ 数据元素

单击​ 添加数据元素

将数据元素命名为 Page Type

选择​ 数据元素类型> JavaScript变量

使用digitalData.page.category.type作为​ JavaScript变量名称

检查​ 清除文本 ​和​ 强制小写 ​选项

单击​ 保存到库

在左侧导航中单击​ 数据元素

单击​ 添加数据元素

将数据元素命名为 Product Id

选择​ 数据元素类型> JavaScript变量

使用digitalData.product.0.productInfo.sku作为​ JavaScript变量名称

检查​ 清除文本 ​和​ 强制小写 ​选项

单击​ 保存到库

转到 Extensions > Catalog 页面

找到由Adobe Consulting服务创建的Adobe Analytics Product String扩展，然后单击​ 安装

花些时间阅读相关说明

单击​ 保存到库

转到左侧导航中的​ 规则 ​部分，然后单击​ 添加规则

将规则命名为 Product Details - DOM Ready - 40

单击​ 事件>添加 ​以打开Event Configuration屏幕

选择​ 事件类型> DOM就绪

将​ Order ​设置为40，以便该规则在​ 包含Analytics > Send Beacon操作的规则之前 ​运行

单击​ 保留更改

在​ 条件 ​下，单击 以打开Condition Configuration屏幕

1. 选择​ 条件类型>值比较

2. 使用数据元素选取器，在第一个字段中选择 Page Type

3. 从比较运算符下拉列表中选择​ Contains

4. 在下一个字段中键入 product-page（这是从 PDP 上的数据层提取的页面类型值的独特部分）

5. 单击​ 保留更改

   

在 Actions 下，单击 以添加新操作

选择​ 扩展> Adobe Analytics Product String

选择​ 操作类型>设置s.products

在​ Analytics电子商务事件 ​部分中，选择​ prodView

在​ 产品数据的数据层变量 ​节中，使用数据元素选取器选择Product Id数据元素

单击​ 保留更改

在 Actions 下，单击 以添加新操作

选择​ 扩展> Adobe Analytics

选择​ 操作类型>设置变量

选择​ eVar1 >设置为 ​并输入product detail page

设置​ event1，并将可选值留空

在“事件”下，单击​ 添加其他 ​按钮

设置​ prodView ​事件，并将可选值留空

单击​ 保留更改

单击​ 保存到库并生成

在 Chrome 浏览器中打开 Luma 网站

导航到任意产品详细信息页面

单击Debugger图标 以打开​ Adobe Experience Cloud Debugger

单击 Analytics 选项卡

展开您的报表包

请注意当前位于 Debugger 中的产品详细信息变量，即：eVar1 已设置为“product detail page”，Events 变量已设置为“event1”和“prodView”，Products 变量已设置为您正在查看的产品的产品 ID，并且 Page Name 仍由 Analytics 扩展进行设置

转到左侧导航中的​ 规则 ​部分，然后单击​ 添加规则

将规则命名为 Homepage - Featured Products enters Viewport

单击​ 事件>添加 ​以打开Event Configuration屏幕

选择​ Event Type > Enters Viewport。 此时将显示一个字段，您需要在其中输入 CSS 选择器，该选择器将标识页面上应在进入浏览器视区时触发此规则的项目。

返回到Luma主页，然后向下滚动到精选产品部分。

右键单击“精选产品”标题与此部分所含项目之间的空白处，然后从右键单击菜单中选择Inspect。 这会将您引导至目标位置附近。

在目标位置附近，可能就在选定部分正下方，您需要查找包含 class="we-productgrid aem-GridColumn aem-GridColumn--default--12" 的 div。找到该元素。

右键单击此元素，然后选择​ 复制>复制选择器

返回标记，并将此值从剪贴板粘贴到标记为Elements matching the CSS selector的字段中。

1. 有一点要注意，如何标识 CSS 选择器将由您来决定。此方法存在一些缺陷，因为页面上的某些更改可能会破坏此选择器。在标记中使用任何CSS选择器时，请考虑这一点。

单击​ 保留更改

在 Conditions 下，单击 以添加新条件

选择​ 条件类型>值比较

使用数据元素选取器，在第一个字段中选择 Page Name

从比较运算符下拉列表中选择​ 等于

在下一个字段中键入 content:luma:us:en（这是从数据层提取的主页的页面名称 - 我们只希望此规则在主页上运行）

单击​ 保留更改

在 Actions 下，单击 以添加新操作

选择​ 扩展> Adobe Analytics

选择​ 操作类型>设置变量

将 eVar3 设置为 Home Page - Featured Products

将 prop3 设置为 Home Page - Featured Products

将 Events 变量设置为 event3

单击​ 保留更改

在 Actions 下，单击 以添加其他新操作

选择​ 扩展> Adobe Analytics

选择​ 操作类型>发送信标

选择​ s.tl() ​跟踪选项

在​ 链接名称 ​字段中，输入Scrolled down to Featured Products。 此值将放入 Analytics 的“自定义链接”报表中。

单击​ 保留更改

单击​ 保存到库并生成

在 Chrome 浏览器中打开 Luma 网站，并确保您位于主页顶部。

单击​ 调试器图标 以打开Adobe Experience Cloud调试器

单击 Analytics 选项卡

展开您的报表包点击

请注意主页的常规页面查看点击中的页面名称等（但 eVar3 或 prop3 中没有任何内容）。

保持Debugger处于打开状态，在您的网站上向下滚动，直至看到“精选产品”部分

再次查看 Debugger，此时应该出现另一次 Analytics 点击。此点击应具有与您设置的 s.tl() 点击相关联的参数，即：

1. LinkType = "link_o"（这表示此点击是自定义链接点击，而不是页面查看点击）

2. LinkName = "Scrolled down to Featured Products"

3. prop3 = "Home Page - Featured Products"

4. eVar3 = "Home Page - Featured Products"

5. Events = "event3"

   

转到​ 扩展>已安装

在Adobe Analytics扩展中，单击​ 配置

在​ 库管理 ​下，选中标记为Make tracker globally accessible的框。 正如您在帮助气泡中所看到的，选中该复选框将导致跟踪器在 window.s 下的范围设置为全局，如果您希望在客户 JavaScript 中引用它，则务必要这样做。

保持处于 Analytics 扩展中，同时向下滚动到名为 Configure Tracker Using Custom Code. 的部分，并展开此部分

单击​ 打开编辑器

将以下代码粘贴到代码编辑器中：

/* Plugin Config */
s.usePlugins=true
s.doPlugins=function(s) {
/* Add calls to plugins here */
}

保持此窗口处于打开状态，以便执行下一个步骤

复制以下代码

/* Adobe Consulting Plugin: getValOnce v2.01 */
s.getValOnce=function(vtc,cn,et,ep){if(vtc&&(cn=cn||"s_gvo",et=et||0,ep="m"===ep?6E4:864E5,vtc!==this.c_r(cn))){var e=new Date;e.setTime(e.getTime()+et*ep);this.c_w(cn,vtc,0===et?0:e);return vtc}return""};

将该代码粘贴到 Analytics 扩展的代码窗口中（如果尚未打开该窗口，请按照上一步骤重新将其打开），注意要完全粘贴到 doPlugins 函数的​ 下方（而不是其内部）。

复制以下代码：

s.campaign = s.Util.getQueryParam("cid");

将该代码粘贴到 doPlugins 函数中。这将会在当前页面 URL 中查找名为 cid 的参数，并将其放置到 s.campaign 变量中。

现在，复制以下代码并将其粘贴到 getQueryParam 调用的正下方，从而调用 getValOnce 函数：

s.campaign=s.getValOnce(s.campaign,'s_cmp',30);

此代码将确保 30 天内不会连续多次发送同一值（请参阅相应文档，以了解根据您的需求自定义此代码的方法）。

保存代码窗口

单击​ 保存到库并生成

在 Chrome 浏览器中打开 Luma 网站

单击Debugger图标 以打开​ Adobe Experience Cloud Debugger

单击 Analytics 选项卡

展开您的报表包

请注意，Analytics 点击中没有 Campaign 变量

保持 Debugger 处于打开状态，返回到 Luma 网站并在 URL 中添加 ?cid=1234，然后按 Enter，以使用所包含的查询字符串刷新页面

查看 Debugger，并确认存在第二个 Analytics 请求，且该请求中的 Campaign 变量设置为 1234

再次返回并刷新 Luma 页面，同时仍将查询字符串保留在 URL 中

在 Debugger 中查看下一次点击，该点击中应该​ 不 ​存在 Campaign 变量，因为 getValOnce 插件已确保不会重复显示该变量，从而不会看起来像有其他用户通过促销活动跟踪代码进入页面一样。

附加练习：您可以通过更改查询字符串中 cid 参数的值，来反复执行测试。仅当您是​ 首次 ​使用此值运行该页面时，Campaign 变量才应存在。如果您未在 Debugger 中看到 Campaign 值，只需在 URL 的查询字符串中更改 cid 的值，然后按 Enter，便应会在 Debugger 中再次看到该值。