[集成]{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 pageview和CTA点击数据。 通过在AdobeAnalysis Workspace中可视化收集的数据,探索各种量度和维度,获得有价值的见解。 此外,还可以探索Platform数据集以验证和分析数据。 加入我们的历程,利用AEM和Adobe Analytics的强大功能制定数据驱动型决策。

概述

了解用户行为是每个营销团队的重要目标。 通过了解用户如何与其内容交互,团队可以做出明智决策、优化策略并取得更好的结果。 WKND营销团队是一个虚构的实体,其目标是在其网站上实施Adobe Analytics以实现此目标。 主要目标是收集关于两个关键量度的数据:页面查看次数和主页行动号召(CTA)点击次数。

通过跟踪页面查看,团队能够分析哪些页面最受用户关注。 此外,跟踪主页CTA点击量,可针对团队行动号召元素的有效性提供宝贵的见解。 此数据可能会揭示哪些CTA正在与用户引起共鸣,哪些需要调整,并可能发现提升用户参与度和促进转化的新机会。

先决条件

使用Platform Web SDK集成Adobe Analytics时,需要满足以下条件。

您已完成 集成Experience PlatformWeb SDK 教程。

AEM作为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 track WKND页面名称、WKND CTA ID和WKND CTA名称 分别,和 event7 用于跟踪 WKND CTA点击事件.

为了分析、收集见解并和其他人分享这些见解来自收集的数据,在Analysis Workspace中创建了一个项目。

要了解有关Analytics设置和概念的更多信息,强烈建议使用以下资源:

更新数据流 — 添加Analytics服务

数据流指示Platform Edge Network将收集的数据发送到何处。 在 上一教程,则数据流会配置为将数据发送到Experience Platform。 更新此数据流以将数据发送到中配置的Analytics报表包 以上 步骤。

创建XDM架构

体验数据模型(XDM)架构帮助您标准化收集的数据。 在 上一教程,一种XDM架构,具有 AEP Web SDK ExperienceEvent 将创建一个字段组。 此外,使用此XDM架构会创建一个数据集,以将收集的数据存储在Experience Platform中。

但是,该XDM架构没有特定于Adobe Analytics的字段组来发送eVar事件数据。 将创建一个新的XDM架构,而不是更新现有架构以避免将eVar事件数据存储在平台中。

新创建的XDM架构具有 AEP Web SDK ExperienceEventAdobe Analytics ExperienceEvent Full Extension 字段组。

更新标记属性

上一教程,创建标记属性,其中包含Data Elements和一个规则以收集、映射和发送pageview数据。 必须为以下项增强此功能:

  • 将页面名称映射到 eVar5
  • 触发 pageview Analytics调用(或发送信标)
  • 使用Adobe客户端数据层收集CTA数据
  • 将CTA ID和名称映射到 eVar6eVar7 的量度。 此外,CTA点击计数能够 event7
  • 触发 链接点击 Analytics调用(或发送信标)
TIP
视频中显示的数据元素和规则事件代码可供您参考, 展开下面的折叠元素. 但是,如果您未使用Adobe客户端数据层,则必须修改以下代码,但是定义数据元素并在规则定义中使用数据元素的概念仍然适用。
数据元素和规则事件代码
  • 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 load Rule-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 Rule-Event 代码

    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 click Rule-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核心组件结合使用.

INFO
全面了解 变量映射 选项卡属性详细信息在解决方案设计参考(SDR)文档中,访问已完成的特定于WKND的版本进行下载 此处.

验证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概念,营销人员可以有效地收集和分析数据。

AVAILABILITY
如果您更喜欢 端到端视频 ,而不是单个设置步骤视频,您可以 此处 以访问它。

其他资源

recommendation-more-help
bb44cebf-d964-4e3c-b64e-ce882243fe4d