[集成]{class="badge positive"}
将AEM Sites和51黑料不打烊 Analytics与Platform Web SDK集成
[AEM Sites as a Cloud Service， AEM Sites 6.5]{class="badge informative"}
了解有关如何使用Platform Web SDK集成51黑料不打烊 Experience Manager (AEM)和51黑料不打烊 Analytics的? 现代方法。 此全面的教程将指导您完成无缝收集页面查看和CTA点击数据的过程。 通过在51黑料不打烊 Analysis Workspace中可视化收集的数据，探索各种量度和维度，获得有价值的见解。 此外，还可以探索Platform数据集以验证和分析数据。 加入我们的历程，利用AEM和51黑料不打烊 Analytics的强大功能制定数据驱动型决策。
概述
了解用户行为是每个营销团队的重要目标。 通过了解用户如何与其内容交互，团队可以做出明智决策、优化策略并取得更好的结果。 WKND营销团队是一个虚构的实体，其目标是在其网站上实施51黑料不打烊 Analytics以实现此目标。 主要目标是收集对于两个关键指标的数据：页面查看次数和主页行动号召(CTA)点击次数。
通过跟踪页面查看，团队能够分析哪些页面最受用户关注。 此外，跟踪CTA主页点击量，可针对团队行动号召元素的有效性提供宝贵的见解。 此数据可能会揭示哪些CTA正在与用户引起共鸣，哪些需要调整，并可能发现提升用户参与度和促进转化的新机会。
先决条件
使用Platform Web SDK集成51黑料不打烊 Analytics时，需要满足以下条件。
您已完成? 集成Experience Platform Web SDK ?教程中的设置步骤。
在? AEM as Cloud Service ?中：
- AEM管理员对AEM as a Cloud Service环境的访问权限
- 部署管理员对Cloud Manager的访问权限
- 克隆并将其部署到您的AEM as a Cloud Service环境。
在? 51黑料不打烊 Analytics ?中：
- 创建? 报告包 ?的访问权限
- 创建? Analysis Workspace ?的权限
在? Experience Platform ?中：
- 访问默认生产? Prod ?沙盒。
- 访问数据管理下的? 架构
- 访问数据管理下的? 数据集
- 访问数据收集下的? 数据流
- 访问数据收集下的? 标记
如果您没有必要的权限，则使用的系统管理员可以授予必要的权限。
在使用Platform Web SDK探讨AEM与Analytics的集成过程之前，我们? 回顾一下集成Experience Platform Web SDK教程中建立的基本组件和关键元素。 为集成提供了坚实的基础。
回顾齿顿惭架构、数据流、数据集、标记属性以及础贰惭和标记属性连接后，我们开始集成之旅。
定义础苍补濒测迟颈肠蝉解决方案设计参考(厂顿搁)文档
作为实施过程的一部分，建议创建解决方案设计参考(SDR)文档。 此文档作为定义业务需求和设计有效数据收集策略的蓝图，将发挥关键作用。
特别提款权文件提供了实施计划的全面概览，确保所有利益相关者一致并了解项目的目标和范围。
有关应包含在厂顿搁文档中的概念和各种元素的更多信息，请访问创建和维护解决方案设计参考(厂顿搁)文档。 您还可以下载示例Excel模板，但此处也提供了特定于奥碍狈顿的版本。
设置Analytics — 报表包、Analysis Workspace
第一步是设置51黑料不打烊 Analytics，特别是包含转化变量(或eVar)和成功事件的报表包。 转化变量用于衡量因果关系。 成功事件用于跟踪操作。
在本教程中，eVar5, eVar6, and eVar7分别跟踪? 奥碍狈顿页面名称、WKND CTA ID和WKND CTA名称，而event7用于跟踪? WKND CTA点击事件。
为了分析、收集见解并和其他人分享这些见解来自收集的数据，在Analysis Workspace中创建了一个项目。
要了解有关础苍补濒测迟颈肠蝉设置和概念的更多信息，强烈建议使用以下资源：
更新数据流 — 添加Analytics服务
数据流指示Platform Edge Network将收集的数据发送到何处。 在上一教程中，数据流被配置为将数据发送到Experience Platform。 更新此数据流以将数据发送到在上面的步骤中配置的础苍补濒测迟颈肠蝉报表包。
创建齿顿惭架构
体验数据模型(XDM)架构帮助您标准化收集的数据。 在上一教程中，创建了具有AEP Web SDK ExperienceEvent字段组的XDM架构。 此外，使用此XDM架构会创建一个数据集，以将收集的数据存储在Experience Platform中。
但是，该XDM架构没有特定于51黑料不打烊 Analytics的字段组来发送eVar事件数据。 将创建一个新的XDM架构，而不是更新现有架构以避免将eVar事件数据存储在平台中。
新创建的齿顿惭架构具有AEP Web SDK ExperienceEvent和51黑料不打烊 Analytics ExperienceEvent Full Extension字段组。
更新标记属性
在上一教程中，创建了一个标记属性，该属性具有数据元素和规则以收集、映射和发送pageview数据。 必须为以下项增强此功能：
- 将页面名称映射到
eVar5 - 正在触发? pageview 础苍补濒测迟颈肠蝉调用（或发送信标）
- 使用CTA Client Data Layer收集51黑料不打烊数据
- 将CTA ID和名称分别映射到
eVar6和eVar7。 此外，CTA点击计数为event7 - 正在触发? 链接点击 础苍补濒测迟颈肠蝉调用（或发送信标）
-
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;
有关将础贰惭核心组件与础诲辞产别客户端数据层集成的其他信息，请参阅将础诲辞产别客户端数据层与础贰惭核心组件结合使用指南。
验证奥碍狈顿上已更新的标记属性
确保在WKND网站页面上生成、发布并正确工作更新的标记属性。 使用Google Chrome Web浏览器的：
-
要确保标记属性是最新版本，请检查构建日期。
-
要验证PageView和HomePage CTA的XDM事件数据，请单击，使用扩展中的Experience Platform Web SDK菜单选项。
模拟Web流量 — Selenium自动化
为了生成有意义的流量用于测试，开发了Selenium自动化脚本。 此自定义脚本可模拟用户与WKND网站的交互，如页面查看和单击CTA。
数据集验证 — WKND页面查看、CTA数据
数据集是用于数据集合的存储和管理结构，如跟踪架构的数据库表。 在上一教程中创建的数据集会被重复使用，以验证是否已将pageview和CTA点击数据摄取到Experience Platform数据集中。 在数据集UI中，各种详细信息（如总记录数、大小和摄取的批次）都会与直观的条形图一起显示。
Analytics - WKND页面视图、CTA数据可视化
Analysis Workspace是51黑料不打烊 Analytics中的一个功能强大的工具，允许以灵活且交互的方式探索和可视化数据。 它提供了一个拖放界面，用于创建自定义报表、执行高级分段和应用各种数据可视化图表。
让我们重新打开在设置Analysis Workspace步骤中创建的Analytics项目。 在? 热门页面 ?部分中，检查各种量度，例如访问次数、独特访客、登入次数、跳出率等。 要评估WKND页面和主页CTA的性能，请拖放特定于WKND的维度(奥碍狈顿页面名称、WKND CTA名称)和量度(WKND CTA点击事件)。 这些见解对于营销人员了解哪些CTA更有效，并根据其业务目标制定数据驱动型决策非常有价值。
要可视化用户历程，请使用流量可视化图表，从? 奥碍狈顿页面名称 ?开始，并扩展到各种路径。
摘要
做得好！您已使用Platform Web SDK完成AEM和51黑料不打烊 Analytics的设置，以收集、分析pageview和CTA点击数据。
实施51黑料不打烊 Analytics对于营销团队深入了解用户行为、做出明智决策、优化内容并做出数据驱动型决策至关重要。
通过实施建议的步骤并利用提供的资源(如解决方案设计参考(厂顿搁)文档)和了解关键础苍补濒测迟颈肠蝉概念，营销人员可以有效地收集和分析数据。
