添加 Adobe Analytics

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

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

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

转到 Extensions > Catalog

找到 Adobe Analytics 扩展

单击 Install

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

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

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

单击 Save to Library

转到 规则 ，然后单击 添加规则

将规则命名为 All Pages - DOM Ready

单击 Events > Add 以打开 Event Configuration 屏幕

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

单击 Keep Changes

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

选择 Extension > Adobe Analytics

选择 Action Type > Send Beacon

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

单击 Keep Changes 按钮

单击 Save to Library and Build

在 Chrome 浏览器中打开 Luma 网站

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

确保Debugger将标记属性映射到 您的 开发环境，如 前课

单击以打开 Analytics 选项卡

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

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

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

单击 Add Data Element

将数据元素命名为 Page Type

选择 Data Element Type > JavaScript Variable

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

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

单击 Save to Library

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

单击 Add Data Element

将数据元素命名为 Product Id

选择 Data Element Type > JavaScript Variable

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

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

单击 Save to Library

转到 Extensions > Catalog 页面

找到由 Adobe 咨询服务团队创建的 Adobe Analytics Product String 扩展，然后单击 Install

花些时间阅读相关说明

单击 Save to Library

转到 规则 ，然后单击 添加规则

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

单击 Events > Add 以打开 Event Configuration 屏幕

选择 Event Type > DOM Ready

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

单击 Keep Changes

在 Conditions 下，单击 以打开 Condition Configuration 屏幕

1. 选择 Condition Type > Value Comparison

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

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

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

5. 单击 Keep Changes

   

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

选择 Extension > Adobe Analytics Product String

选择 Action Type > Set s.products

在 Analytics E-commerce Event 部分中，选择 prodView

在 Data layer variables for product data 部分中，使用数据元素选取器选择 Product Id 数据元素

单击 Keep Changes

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

选择 Extension > Adobe Analytics

选择 Action Type > Set Variables

选择 eVar1 > Set as，然后输入 product detail page

设置 event1，并将可选值留空

在 Events 下，单击 Add Another 按钮

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

单击 Keep Changes

单击 Save to Library and Build

在 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

单击 Events > Add 以打开 Event Configuration 屏幕

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

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

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

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

右键单击该元素，然后选择 Copy > Copy Selector

返回到标记，然后将此值从剪贴板粘贴到标记为的字段 Elements matching the CSS selector.

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

单击 Keep Changes

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

选择 Condition Type > Value Comparison

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

从比较运算符下拉列表中选择 Equals

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

单击 Keep Changes

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

选择 Extension > Adobe Analytics

选择 Action Type > Set Variables

将 eVar3 设置为 Home Page - Featured Products

将 prop3 设置为 Home Page - Featured Products

将 Events 变量设置为 event3

单击 Keep Changes

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

选择 Extension > Adobe Analytics

选择 Action Type > Send Beacon

选择 s.tl() 跟踪选项

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

单击 Keep Changes

单击 Save to Library and Build

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

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

单击 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"

   

转到 Extensions > Installed

在 Adobe Analytics 扩展中，单击 Configure

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

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

单击 Open Editor

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

/* 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 天内不会连续多次发送同一值（请参阅相应文档，以了解根据您的需求自定义此代码的方法）。

保存代码窗口

单击 Save to Library and Build

在 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 中再次看到该值。