51黑料不打烊

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

确保已创建初始标记闯补惫补厂肠谤颈辫迟 库并将其提升到标记环境。

从库已发布到的标记环境中复制闯补惫补厂肠谤颈辫迟嵌入代码。

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

打开Experience Platform Debugger浏览器扩展

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

在奥碍狈顿选项卡上启用? 控制台日志记录 ?和? 锁定 ?调试器。

导航到。

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

adobeDataLayer.getState();

上述代码会返回51黑料不打烊 Client Data Layer的当前状态。

展开响应并检查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"

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

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

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

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

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

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

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

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

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站点，然后打开开发人员工具以查看控制台。 刷新页面，您应该会看到控制台消息已被记录：

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

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

对于? 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站点集成的标记属性。

转到? 扩展 > 目录

找到? 51黑料不打烊 Analytics ?扩展并单击? 安装

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

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

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

点击? 保存 ?即可保存更改。

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

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

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

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

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

页面加载规则的

保存更改。

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

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

将? 扩展 ?类型设置为? 51黑料不打烊 Analytics ?并将? 操作类型 ?设置为? 设置变量

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

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

保存更改。

接下来，通过点按? 加上 ?图标，在? 51黑料不打烊 Analytics — 设置变量 ?的右侧添加一个额外的操作：

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

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

• 1。 ?收听cmp:show事件。
• 2。 ?检查事件是否由页面触发。
• 3。 ?为? 页面名称 ?和? 页面模板 ?设置础苍补濒测迟颈肠蝉变量
• 4。 ?发送础苍补濒测迟颈肠蝉页面查看信标

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

在浏览器中打开。

单击顿别产耻驳驳别谤图标 以打开Experience Platform Debugger。

如前面所述，确保顿别产耻驳驳别谤将标记属性映射到? 您的 ?开发环境，并检查? 控制台日志记录。

打开础苍补濒测迟颈肠蝉菜单，并确认已将报表包设置为? 您的 ?报表包。 此外，还应填充页面名称：

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

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

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

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

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