[集成]{class="badge positive"}
将AEM Sites和Adobe Analytics与Platform Web SDK集成
[AEM Sitesas a Cloud Service、AEM Sites 6.5]{class="badge informative"}
了解有关如何使用Platform Web SDK集成Adobe Experience Manager (AEM)和Adobe Analytics的 现代方法。 此全面的教程将指导您完成无缝收集WKND页面查看和CTA点击数据的过程。 通过在AdobeAnalysis Workspace中可视化收集的数据，探索各种量度和维度，获得有价值的见解。 此外，还可以探索Platform数据集以验证和分析数据。 加入我们的历程，利用AEM和Adobe Analytics的强大功能制定数据驱动型决策。
概述
了解用户行为是每个营销团队的重要目标。 通过了解用户如何与其内容交互，团队可以做出明智决策、优化策略并取得更好的结果。 WKND营销团队是一个虚构的实体，其目标是在其网站上实施Adobe Analytics以实现此目标。 主要目标是收集关于两个关键量度的数据：页面查看次数和主页行动号召(CTA)点击次数。
通过跟踪页面查看，团队能够分析哪些页面最受用户关注。 此外，跟踪主页CTA点击量，可针对团队行动号召元素的有效性提供宝贵的见解。 此数据可能会揭示哪些CTA正在与用户引起共鸣，哪些需要调整，并可能发现提升用户参与度和促进转化的新机会。
先决条件
使用Platform Web SDK集成Adobe Analytics时，需要满足以下条件。
您已完成 集成Experience PlatformWeb SDK 教程中的设置步骤。
在 AEM中，作为Cloud Service：
- AEM管理员对AEM as a Cloud Service环境的访问权限
- 部署管理员对Cloud Manager的访问权限
- 克隆WKND — 示例Adobe Experience Manager项目并将其部署到您的AEM as a Cloud Service环境。
在 Adobe Analytics 中：
- 创建 报告包 的访问权限
- 创建 Analysis Workspace 的权限
在 Experience Platform 中：
- 访问默认生产 Prod 沙盒。
- 访问数据管理下的 架构
- 访问数据管理下的 数据集
- 访问数据收集下的 数据流
- 访问数据收集下的 标记
如果您没有必要的权限，则使用Adobe Admin Console的系统管理员可以授予必要的权限。
在使用Platform Web SDK探讨AEM与Analytics的集成过程之前，我们 回顾一下集成Experience PlatformWeb SDK教程中建立的基本组件和关键元素。 为集成提供了坚实的基础。
回顾XDM架构、数据流、数据集、标记属性以及AEM和标记属性连接后，我们开始集成之旅。
定义Analytics解决方案设计参考(SDR)文档
作为实施过程的一部分，建议创建解决方案设计参考(SDR)文档。 此文档作为定义业务需求和设计有效数据收集策略的蓝图，将发挥关键作用。
特别提款权文件提供了实施计划的全面概览，确保所有利益相关者一致并了解项目的目标和范围。
有关应包含在SDR文档中的概念和各种元素的更多信息，请访问创建和维护解决方案设计参考(SDR)文档。 您还可以下载示例Excel模板，但此处也提供了特定于WKND的版本。
设置Analytics — 报表包、Analysis Workspace
第一步是设置Adobe Analytics，特别是包含转化变量(或eVar)和成功事件的报表包。 转化变量用于衡量因果关系。 成功事件用于跟踪操作。
在本教程中，eVar5, eVar6, and eVar7分别跟踪 WKND页面名称、WKND CTA ID和WKND CTA名称，而event7用于跟踪 WKND CTA点击事件。
为了分析、收集见解并和其他人分享这些见解来自收集的数据，在Analysis Workspace中创建了一个项目。
要了解有关Analytics设置和概念的更多信息，强烈建议使用以下资源：
更新数据流 — 添加Analytics服务
数据流指示PlatformEdge Network将收集的数据发送到何处。 在上一教程中，数据流被配置为将数据发送到Experience Platform。 更新此数据流以将数据发送到在上面的步骤中配置的Analytics报表包。
创建XDM架构
体验数据模型(XDM)架构帮助您标准化收集的数据。 在上一教程中，创建了具有AEP Web SDK ExperienceEvent字段组的XDM架构。 此外，使用此XDM架构会创建一个数据集，以将收集的数据存储在Experience Platform中。
但是，该XDM架构没有特定于Adobe Analytics的字段组来发送eVar事件数据。 将创建一个新的XDM架构，而不是更新现有架构以避免将eVar事件数据存储在平台中。
新创建的XDM架构具有AEP Web SDK ExperienceEvent和Adobe Analytics ExperienceEvent Full Extension字段组。
更新标记属性
在上一教程中，创建了一个标记属性，该属性具有数据元素和规则以收集、映射和发送pageview数据。 必须为以下项增强此功能：
- 将页面名称映射到
eVar5 - 正在触发 pageview Analytics调用（或发送信标）
- 使用Adobe客户端数据层收集CTA数据
- 将CTA ID和名称分别映射到
eVar6和eVar7。 此外，CTA点击计数为event7 - 正在触发 链接点击 Analytics调用（或发送信标）
-
Component ID数据元素代码。code language-javascript if(event && event.path && event.path.includes('.')) { // split on the `.` to return just the component ID for e.g. button-06bc532b85, tabs-bb27f4f426-item-cc9c2e6718 return event.path.split('.')[1]; }else { //return dummy ID return "WKND-CTA-ID"; } -
Component Name数据元素代码。code language-javascript if(event && event.component && event.component.hasOwnProperty('dc:title')) { // Return the Button, Link, Image, Tab name, for e.g. View Trips, Full Article, See Trips return event.component['dc:title']; }else { //return dummy ID return "WKND-CTA-Name"; } -
all pages - on loadRule-Condition 代码code language-javascript if(event && event.component && event.component.hasOwnProperty('@type') && event.component.hasOwnProperty('xdm:template')) { return true; }else{ return false; } -
home page - cta click规则事件 代码code language-javascript var componentClickedHandler = function(evt) { // defensive coding to avoid a null pointer exception if(evt.hasOwnProperty("eventInfo") && evt.eventInfo.hasOwnProperty("path")) { //trigger Tag Rule and pass event console.log("cmp:click 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 Property 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:click into the data layer window.adobeDataLayer.push(function (dl) { //add event listener for `cmp:click` and callback to the `componentClickedHandler` function dl.addEventListener("cmp:click", componentClickedHandler); }); -
home page - cta clickRule-Condition 代码code language-javascript if(event && event.component && event.component.hasOwnProperty('@type')) { //Check for Button Type OR Teaser CTA type if(event.component['@type'] === 'wknd/components/button' || event.component['@type'] === 'wknd/components/teaser/cta') { return true; } } // none of the conditions are met, return false return false;
有关将AEM核心组件与Adobe客户端数据层集成的其他信息，请参阅将Adobe客户端数据层与AEM核心组件结合使用指南。
验证WKND上已更新的标记属性
确保在WKND网站页面上生成、发布并正确工作更新的标记属性。 使用Google Chrome Web浏览器的Adobe Experience Platform Debugger扩展：
-
要确保标记属性是最新版本，请检查构建日期。
-
要验证PageView和HomePage CTA的XDM事件数据，请单击，使用扩展中的Experience PlatformWeb SDK菜单选项。
模拟Web流量 — Selenium自动化
为了生成有意义的流量用于测试，开发了Selenium自动化脚本。 此自定义脚本可模拟用户与WKND网站的交互，如页面查看和单击CTA。
数据集验证 — WKND页面视图、CTA数据
数据集是用于数据集合的存储和管理结构，如跟踪架构的数据库表。 在上一教程中创建的数据集已重用，以验证pageview和CTA点击数据是否已摄取到Experience Platform数据集中。 在数据集UI中，各种详细信息（如总记录数、大小和摄取的批次）都会与直观的条形图一起显示。
Analytics - WKND页面视图、CTA数据可视化
Analysis Workspace是Adobe Analytics中的一个功能强大的工具，允许以灵活且交互的方式探索和可视化数据。 它提供了一个拖放界面，用于创建自定义报表、执行高级分段和应用各种数据可视化图表。
让我们重新打开在设置Analysis Workspace步骤中创建的Analytics项目。 在 热门页面 部分中，检查各种量度，例如访问次数、独特访客、登入次数、跳出率等。 要评估WKND页面和主页CTA的性能，请拖放特定于WKND的维度（WKND页面名称、WKND CTA名称）和量度（WKND CTA点击事件）。 这些见解对于营销人员了解哪些CTA更有效，并根据其业务目标制定数据驱动型决策非常有价值。
要可视化用户历程，请使用流量可视化图表，从 WKND页面名称 开始，并扩展到各种路径。
摘要
做得好！您已使用Platform Web SDK完成AEM和Adobe Analytics的设置，以便收集、分析页面查看和CTA点击数据。
实施Adobe Analytics对于营销团队深入了解用户行为、做出明智决策、优化内容并做出数据驱动型决策至关重要。
通过实施建议的步骤并利用提供的资源(如解决方案设计参考(SDR)文档)和了解关键Analytics概念，营销人员可以有效地收集和分析数据。