集成AEM Sites和Adobe Analytics

登录到Experience Platform并创建标记属性（如果尚未创建）。

确保已创建初始标记JavaScript 库并将其提升到标记环境。

从库已发布到的标记环境中复制JavaScript嵌入代码。

在浏览器中，打开新选项卡并导航到WKND站点

打开Experience PlatformDebugger浏览器扩展

导航到​ Experience Platform标记 > 配置，并在​ 嵌入的嵌入代码 ​下使用从步骤3复制的​ 您的 ​嵌入代码替换现有嵌入代码。

在WKND选项卡上启用​ 控制台日志记录 ​和​ 锁定 ​调试器。

导航到WKND站点。

打开浏览器的开发人员工具并导航到​ 控制台。 运行以下命令：

adobeDataLayer.getState();

上述代码返回Adobe客户端数据层的当前状态。

展开响应并检查page条目。 您应该会看到类似以下的数据架构：

page-2eee4f8914:
    @type: "wknd/components/page"
    dc:description: WKND is a collective of outdoors, music, crafts, adventure sports, and travel enthusiasts that want to share our experiences, connections, and expertise with the world.
    dc:title: "WKND Adventures and Travel"
    repo:modifyDate: "2020-08-31T21:02:21Z"
    repo:path: "/content/wknd/us/en.html"
    xdm:language: "en-US"
    xdm:tags: ["Attract"]
    xdm:template: "/conf/wknd/settings/wcm/templates/landing-page-template"

若要将页面数据发送到Adobe Analytics，请使用数据层的dc:title、xdm:language和xdm:template等标准属性。

有关详细信息，请查看核心组件数据架构中的页面架构。

导航到Experience Platform并进入与AEM站点集成的Tag属性。

导航到标记属性UI中的​ 规则 ​部分，然后单击​ 创建新规则。

将规则​ 命名为已加载的页面。

在​ 事件 ​子部分中，单击​ 添加 ​以打开​ 事件配置 ​向导。

对于​ 事件类型 ​字段，请选择​ 自定义代码。

在主面板中单击​ 打开编辑器，然后输入以下代码片段：

var pageShownEventHandler = function(evt) {
   // defensive coding to avoid a null pointer exception
   if(evt.hasOwnProperty("eventInfo") && evt.eventInfo.hasOwnProperty("path")) {
      //trigger the Tag Rule and pass event
      console.log("cmp:show event: " + evt.eventInfo.path);
      var event = {
         //include the path of the component that triggered the event
         path: evt.eventInfo.path,
         //get the state of the component that triggered the event
         component: window.adobeDataLayer.getState(evt.eventInfo.path)
      };

      //Trigger the Tag Rule, passing in the new `event` object
      // the `event` obj can now be referenced by the reserved name `event` by other Tag data elements
      // i.e `event.component['someKey']`
      trigger(event);
   }
}

//set the namespace to avoid a potential race condition
window.adobeDataLayer = window.adobeDataLayer || [];
//push the event listener for cmp:show into the data layer
window.adobeDataLayer.push(function (dl) {
   //add event listener for `cmp:show` and callback to the `pageShownEventHandler` function
   dl.addEventListener("cmp:show", pageShownEventHandler);
});

上述代码段通过将函数推入数据层来添加事件侦听器。 触发cmp:show事件时，将调用pageShownEventHandler函数。 在此函数中，添加了一些健全性检查，并为触发事件的组件使用数据层🔗的最新状态构造了一个新event。

最后调用trigger(event)函数。 trigger()函数是标记属性中的保留名称，它会​ 触发规则。 event对象作为参数传递，而该参数又由标记属性中的另一个保留名称公开。 标记属性中的数据元素现在可以使用代码段（如event.component['someKey']）引用各种属性。

保存更改。

接下来，在​ 操作 ​下，单击​ 添加 ​以打开​ 操作配置 ​向导。

对于​ 操作类型 ​字段，请选择​ 自定义代码。

在主面板中单击​ 打开编辑器，然后输入以下代码片段：

console.log("Page Loaded ");
console.log("Page name: " + event.component['dc:title']);
console.log("Page type: " + event.component['@type']);
console.log("Page template: " + event.component['xdm:template']);

event对象是从自定义事件中调用的trigger()方法传递的。 此处，component是从自定义事件中的数据层getState派生的当前页面。

保存更改并在标记属性中运行内部版本，以将代码提升到AEM网站上使用的环境。

导航到您的AEM站点，然后打开开发人员工具以查看控制台。 刷新页面，您应该会看到控制台消息已被记录：

导航到Experience Platform并进入与AEM站点集成的Tag属性。

导航到​ 数据元素 ​部分，然后单击​ 创建新数据元素。

对于​ Name ​字段，请输入​ 组件资源类型。

对于​ 数据元素类型 ​字段，请选择​ 自定义代码。

单击​ 打开编辑器 ​按钮，然后在自定义代码编辑器中输入以下内容：

if(event && event.component && event.component.hasOwnProperty('@type')) {
    return event.component['@type'];
}

保存更改。

单击​ 添加数据元素 ​按钮

对于​ Name ​字段，请输入​ Page Name。

对于​ 数据元素类型 ​字段，请选择​ 自定义代码。

单击​ 打开编辑器 ​按钮，然后在自定义代码编辑器中输入以下内容：

if(event && event.component && event.component.hasOwnProperty('dc:title')) {
    return event.component['dc:title'];
}

保存更改。

单击​ 添加数据元素 ​按钮

对于​ Name ​字段，请输入​ Page Template。

对于​ 数据元素类型 ​字段，请选择​ 自定义代码。

单击​ 打开编辑器 ​按钮，然后在自定义代码编辑器中输入以下内容：

if(event && event.component && event.component.hasOwnProperty('xdm:template')) {
    return event.component['xdm:template'];
}

保存更改。

规则中现在应包含三个数据元素：

规则 中的数据元素

导航到Experience Platform并进入与AEM站点集成的Tag属性。

转到​ 扩展 > 目录

找到​ Adobe Analytics ​扩展并单击​ 安装

在​ 库管理 > 报表包 ​下，输入要在每个标记环境中使用的报表包ID。

选中该框以启用​ 使用Activity Map。

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

单击​ 保存 ​以保存更改。

在标记属性UI中，导航到之前创建的​ 已加载页面 ​规则。

在​ 条件 ​下，单击​ 添加 ​以打开​ 条件配置 ​向导。

对于​ 条件类型 ​字段，请选择​ 值比较 ​选项。

将表单字段中的第一个值设置为%Component Resource Type%。 您可以使用数据元素图标 来选择​ 组件资源类型 ​数据元素。 将比较器保留设置为Equals。

将第二个值设置为wknd/components/page。

页面加载规则的

保存更改。

在Page Loaded规则中，删除 Core - Custom Code ​操作（控制台语句）：

在“操作”子部分下，单击​ 添加 ​以添加新操作。

将​ 扩展 ​类型设置为​ Adobe Analytics ​并将​ 操作类型 ​设置为​ 设置变量

在主面板中，选择一个可用的​ eVar，并将其设置为数据元素​ 页面模板 ​的值。 使用数据元素图标 选择​ 页面模板 ​元素。

向下滚动，在​ 其他设置 ​下，将​ 页面名称 ​设置为数据元素​ 页面名称：

保存更改。

接下来，通过点按​ 加上 ​图标，在​ Adobe Analytics — 设置变量 ​的右侧添加一个额外的操作：

将​ 扩展 ​类型设置为​ Adobe Analytics，并将​ 操作类型 ​设置为​ 发送信标。 由于此操作被视为页面查看，因此将默认跟踪保留设置为​ s.t()。

保存更改。 Page Loaded ​规则现在应具有以下配置：

• 1。 ​收听cmp:show事件。
• 2。 ​检查事件是否由页面触发。
• 3。 ​为​ 页面名称 ​和​ 页面模板 ​设置Analytics变量
• 4。 ​发送Analytics页面查看信标

保存所有更改并构建标记库，提升到适当的环境。

在浏览器中打开WKND网站。

单击Debugger图标 以打开Experience PlatformDebugger。

如前面所述，确保Debugger将标记属性映射到​ 您的 ​开发环境，并检查​ 控制台日志记录。

打开Analytics菜单，并确认已将报表包设置为​ 您的 ​报表包。 此外，还应填充页面名称：

向下滚动并展开​ 网络请求。 您应该能够找到为​ 页面模板 ​设置的​ evar：

返回浏览器并打开开发人员控制台。 单击页面顶部的​ 轮播。

在浏览器控制台中观察控制台语句：

这是因为轮播确实触发了cmp:show事件​ ，但由于我们对​ 组件资源类型 ​的检查，，因此没有触发任何事件。

导航到类似Western Australia的文章页面。 观察页面名称和模板类型的变化。