已知用户个性化

在​ Adobe Experience Platform ​中，单击左侧导航栏中的​标识。 然后单击右上角的​ 创建身份命名空间 ​按钮。

在​ 创建身份命名空间 ​对话框中，输入以下内容：

• 显示名称： WKND用户ID
• 描述：已登录的WKND用户的用户ID或用户名
• 选择类型：单个跨设备ID

单击​ 创建 ​以创建身份命名空间。

在​ Adobe Experience Platform ​中，单击左侧导航栏中的​架构，然后单击右上角的​ 创建架构 ​按钮。 然后选择​ 手动 ​选项并单击​ 选择 ​按钮。

在​ 创建架构 ​向导中，对于​ 架构详细信息 ​步骤，选择​ 体验事件 ​选项（对于页面查看、点击和用户交互等时间序列数据），然后单击​下一步。

对于​ 命名并复查 ​步骤，请输入以下内容：

• 架构显示名称： WKND-RDE-Known-User-Personalization-Behavioral
• 已选择​类： XDM ExperienceEvent

按如下方式更新架构：

• 添加字段组： AEP Web SDK ExperienceEvent
• 配置文件：启用

单击​ 保存 ​以创建架构。

要了解用户是已登录（已通过身份验证）还是匿名，请向架构添加自定义字段。 在此使用案例中，目标是为已购买任何​ Ski ​冒险的已知用户个性化内容。 因此，确定用户是已登录（已通过身份验证）还是匿名很重要。

• 单击架构名称旁边的​ + ​按钮。

• 在​ 字段属性 ​部分中，输入以下内容：

  • 字段名称： wkndLoginStatus
  • 显示名称： WKND登录状态
  • 类型：字符串
  • 分配给：字段组> wknd-user-details

  向下滚动并单击​ 应用 ​按钮。

  

最终的行为数据架构应如下所示：

在​ 创建架构 ​向导中，对于​ 架构详细信息 ​步骤，选择​ 个人配置文件 ​选项（适用于客户属性、偏好设置和购买历史记录等基于记录的数据），然后单击​下一步。

对于​ 命名并复查 ​步骤，请输入以下内容：

• 架构显示名称： WKND-RDE-Known-User-Personalization-Transactional
• 选择的类： XDM个人资料

要存储用户的WKND冒险购买详细信息，我们首先添加一个自定义字段，作为购买的标识符。 请记住，WKND用户ID (wkndUserId)是跨系统的通用标识符。

• 单击架构名称旁边的​ + ​按钮。

• 在​ 字段属性 ​部分中，输入以下内容：

  • 字段名： wkndUserId
  • 显示名称： WKND用户ID
  • 类型：字符串
  • 分配给：字段组> wknd-user-purchase-details

• 向下滚动，检查​标识，检查​主标识（用于将不同源的数据拼合到统一配置文件中的主标识符），并在​ 标识命名空间 ​下拉列表中选择​WKND用户ID。 最后，单击​ 应用 ​按钮。

添加自定义主标识字段后，架构应如下所示：

同样，添加以下字段以存储其他用户和冒险购买详细信息：

为架构启用配置文件。

在​ Adobe Experience Platform ​中，单击左侧导航栏中的​数据集，然后单击右上方的​ 创建数据集 ​按钮。 然后选择​ 基于架构的 ​选项，然后单击​下一步。

对于​ 选择架构 ​步骤，请选择​ WKND-RDE-Known-User-Personalization-Behavioral ​架构，然后单击​下一步。

对于​ 配置数据集 ​步骤，请输入以下内容：

• 名称： WKND-RDE-Known-User-Personalization-Behavioral
• 描述：具有用户登录状态的行为数据（如页面查看次数）的数据集。

单击​ 完成 ​以创建数据集。

切换​ 配置文件 ​开关以启用配置文件的数据集。

对事务性数据数据集重复相同的步骤。 唯一的区别是架构和数据集名称。

• 架构： WKND-RDE-Known-User-Personalization-Transactional
• 数据集： WKND-RDE-Known-User-Personalization-Transactional
• 描述：交易数据（如WKND冒险购买）的数据集。
• 配置文件：启用

最终的事务性数据数据集应当如下所示：

在​ Adobe Experience Platform ​中，单击左侧导航栏中的​数据流，然后单击​创建数据流。

在​ 新建数据流 ​步骤中，输入以下内容：

• 名称： WKND-RDE-Known-User-Personalization-Behavioral
• 描述：用于向Experience Platform发送行为数据的数据流
• 映射架构： WKND-RDE-Known-User-Personalization-Behavioral

单击​ 保存 ​以创建数据流。

创建数据流后，单击​添加服务。

在​ 添加服务 ​步骤中，从下拉列表中选择​Adobe Experience Platform，然后输入以下内容：

• 事件数据集： WKND-RDE-Known-User-Personalization-Behavioral
• 配置文件数据集： WKND-RDE-Known-User-Personalization-Behavioral
• Offer Decisioning：启用(允许Adobe Target实时请求和提供个性化优惠)
• Edge分段：启用（在边缘网络中实时评估受众以立即进行个性化）
• Personalization目标：启用(允许受众与Adobe Target等个性化工具共享)

单击​ 保存 ​以添加该服务。

在​ 添加服务 ​步骤中，从下拉列表中选择​Adobe Target，并输入​Target环境ID。 您可以在Adobe Target中的​管理 > 环境​下找到目标环境ID。 单击​ 保存 ​以添加该服务。

最终数据流应如下所示：

在​ Adobe Experience Platform ​中，单击左侧导航栏中的​标记，然后单击​ 新建属性 ​按钮。

在​ 创建属性 ​对话框中，输入以下内容：

• 属性名称： WKND-RDE-Known-User-Personalization
• 属性类型：选择​Web
• 域：部署资产的域（例如，adobeaemcloud.com）

单击​ 保存 ​以创建属性。

打开新属性，从左侧导航栏中单击​扩展，然后单击​ 目录 ​选项卡。 搜索​Web SDK，然后单击​ 安装 ​按钮。

在​ 安装扩展 ​对话框中，选择您之前创建的​数据流，然后单击​保存。

从左侧导航中单击​数据元素，然后单击​ 新建数据元素 ​按钮。

在​ 创建新数据元素 ​对话框中，输入以下内容：

• 名称：主机名

• 扩展：选择​核心

• 数据元素类型：选择​自定义代码

• 打开编辑器​按钮并输入以下代码片段：

  code language-javascript
  if(window && window.location && window.location.hostname) { return window.location.hostname; }

同样，创建以下数据元素：

• 名称：网站区域

• 扩展：选择​核心

• 数据元素类型：选择​自定义代码

• 打开编辑器​按钮并输入以下代码片段：

  code language-javascript

  if(event && event.component && event.component.hasOwnProperty('repo:path')) { let pagePath = event.component['repo:path']; let siteSection = ''; //Check of html String in URL. if (pagePath.indexOf('.html') > -1) { siteSection = pagePath.substring(0, pagePath.lastIndexOf('.html')); //replace slash with colon siteSection = siteSection.replaceAll('/', ':'); //remove `:content` siteSection = siteSection.replaceAll(':content:',''); } return siteSection }

• 名称：页面名称

• 扩展：选择​核心

• 数据元素类型：选择​自定义代码

• 打开编辑器​按钮并输入以下代码片段：

  code language-javascript
  if(event && event.component && event.component.hasOwnProperty('dc:title')) { // return value of 'dc:title' from the data layer Page object, which is propogated via 'cmp:show' event return event.component['dc:title']; }

• 名称： WKND用户ID

• 扩展：选择​核心

• 数据元素类型：选择​自定义代码

• 打开编辑器​按钮并输入以下代码片段：

  code language-javascript
  // Data element for WKND User ID if(event && event.user && event.user.userId) { console.log('UserID:', event.user.userId); return event.user.userId; } else { console.log('UserID:'); return ""; }

• 名称： WKND用户状态

• 扩展：选择​核心

• 数据元素类型：选择​自定义代码

• 打开编辑器​按钮并输入以下代码片段：

  code language-javascript
  // Data element for user login status if(event && event.user && event.user.status) { console.log('User status:', event.user.status); return event.user.status; } else { console.log('User status:anonymous'); return 'anonymous'; }

接下来，创建​ 标识映射 ​类型的数据元素。 身份映射是一种标准XDM结构，用于存储多个用户标识符并将它们链接在一起，从而实现跨系统的身份拼接。 此数据元素用于存储WKND用户ID（如果已登录），作为Identity Map对象的一部分。

• 名称： IdentityMap-WKND用户ID
• 扩展：选择​Adobe Experience Platform Web SDK
• 数据元素类型：选择​标识映射

在右侧面板中，

• 命名空间：选择​wkndUserId
• ID：选择​ WKND用户ID ​数据元素
• 身份验证状态：选择​已身份验证
• Primary：选择​true

单击​ 保存 ​以创建数据元素。

接下来，创建​ 变量 ​类型的数据元素。 此数据元素在发送到Experience Platform之前会填充页面详细信息。

• 名称： XDM变量页面视图
• 扩展：选择​Adobe Experience Platform Web SDK
• 数据元素类型：选择​变量

在右侧面板中，

• 沙盒：选择您的沙盒
• 架构：选择​ WKND-RDE-Known-User-Personalization ​架构

单击​ 保存 ​以创建数据元素。

• 最终数据元素应当如下所示：

  

从左侧导航栏中单击​规则，然后单击​ 创建新规则 ​按钮。

在​ 创建新规则 ​对话框中，输入以下内容：

• 名称：所有页面 — 正在加载 — 包含用户数据

• 对于​ 事件 ​部分，单击​ 添加 ​以打开​ 事件配置 ​向导。

  • 扩展：选择​核心
  • 事件类型：选择​自定义代码
  • 打开编辑器​按钮并输入以下代码片段：

  code language-javascript

  var pageShownEventHandler = function(evt) { // defensive coding to avoid a null pointer exception if(evt.hasOwnProperty("eventInfo") && evt.eventInfo.hasOwnProperty("path")) { //trigger Launch Rule and pass event console.debug("cmp:show event: " + evt.eventInfo.path); // Get user data from session storage var userData = getUserDataFromSession(); 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), //include user data in the event user: userData }; //Trigger the Launch Rule, passing in the new 'event' object trigger(event); } } /** * Get user data from session storage */ function getUserDataFromSession() { var userData = { userId: null, status: 'anonymous' }; try { var cachedUserState = sessionStorage.getItem('wknd_user_state'); if (cachedUserState) { var userState = JSON.parse(cachedUserState); var userInfo = userState.data; // Validate user data structure before transformation if (userInfo && typeof userInfo === 'object' && userInfo.hasOwnProperty('authorizableId')) { // Transform AEM user data to minimal AEP format userData = { userId: userInfo.authorizableId !== 'anonymous' ? userInfo.authorizableId : null, status: userInfo.authorizableId === 'anonymous' ? 'anonymous' : 'authenticated', }; //console.log('User details from session storage:', userData.username || 'Anonymous'); } else { console.warn('Invalid user data structure in session storage'); console.log('Using anonymous user data'); } } else { console.log('No user data in session storage, using anonymous'); } } catch (e) { console.warn('Failed to read user data from session storage:', e); console.log('Using anonymous user data'); } return userData; } //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); });

  请注意，getUserDataFromSession函数用于从会话存储中获取用户登录状态和WKND用户ID（如果已登录）。 AEM代码负责使用用户登录状态和WKND用户ID填充会话存储。 在AEM特定的步骤中，您增强了WKND站点登录功能，以将用户ID存储在浏览器的会话存储中。

• 对于​ 条件 ​部分，单击​ 添加 ​以打开​ 条件配置 ​向导。

  • 逻辑类型：选择​常规
  • 扩展：选择​核心
  • 条件类型：选择​自定义代码
  • 打开编辑器​按钮并输入以下代码片段：

  code language-javascript
  if(event && event.component && event.component.hasOwnProperty('@type') && event.component.hasOwnProperty('xdm:template')) { console.log('The cmp:show event is from PAGE HANDLE IT'); return true; } else { console.log('The event is NOT from PAGE - IGNORE IT'); return false; }

• 对于​ 操作 ​部分，单击​ 添加 ​以打开​ 操作配置 ​向导。

  • 扩展：选择​Adobe Experience Platform Web SDK

  • 操作类型：选择​更新变量

  • 将XDM字段映射到数据元素：

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2
    XDM字段	数据元素
    web.webPageDetails.name	页面名称
    web.webPageDetails.server	主机名
    web.webPageDetails.siteSection	网站区域
    web.webPageDetails.value	1
    identityMap	IdentityMap-WKND用户ID
    _$YOUR_NAMESPACE$.wkndLoginStatus	WKND用户状态

  

  • 单击​ 保留更改 ​以保存操作配置。

• 再次单击添加以添加其他操作并打开操作配置向导。

  • 扩展：选择​Adobe Experience Platform Web SDK
  • 操作类型：选择​发送事件
  • 在右侧面板的​ 数据 ​部分中，将​ XDM变量页面视图 ​数据元素映射到​ Web网页详细信息页面视图 ​类型。

  

• 此外，在右侧面板的​ Personalization ​部分中，选中​ 呈现可视化个性化决策 ​选项。 然后单击​ 保留更改 ​以保存操作。

  

您的规则应如下所示：

从左侧导航栏中单击​发布流，然后单击​ 添加库 ​按钮。

在​ 添加库 ​对话框中，输入以下内容：

• 名称： 1.0
• 环境：选择​开发
• 单击​ 添加所有更改的资源 ​以选择所有资源。

单击​ 保存并生成到开发 ​以创建库。

要将库发布到生产环境，请单击​批准并发布到生产环境。 发布完成后，该资产即可在AEM中使用。

在​ Adobe Experience Platform ​中，单击左侧导航栏中的​配置文件，然后单击​ 合并策略 ​选项卡。

在​ Adobe Experience Platform ​中，从左侧导航栏中单击​目标，然后单击​ 目录 ​选项卡。 搜索​ Personalization ​并选择​ (v2) Adobe Target ​目标。

在​ 激活目标 ​步骤中，提供目标的名称，然后单击​ 连接到目标 ​按钮。

在​ 目标详细信息 ​部分中，输入以下内容：

• 名称： WKND-RDE-Known-User-Personalization-Destination
• 描述：已知用户个性化的目标
• 数据流：选择您之前创建的​数据流
• Workspace：选择您的Adobe Target工作区

单击​ 下一步 ​并完成目标配置。

导航到ui.frontend模块并打开ui.frontend/src/main/webpack/components/form/sign-in-buttons/sign-in-buttons.js文件。 查看代码，在对currentuser.json进行AJAX调用后，它会根据用户登录状态显示登录或注销按钮。

更新代码以将用户ID存储在浏览器的会话存储中，并优化代码以避免对currentuser.json进行多个AJAX调用。

import jQuery from "jquery";

jQuery(function($) {
    "use strict";

    (function() {
        const currentUserUrl = $('.wknd-sign-in-buttons').data('current-user-url'),
            signIn = $('[href="#sign-in"]'),
            signOut = $('[href="#sign-out"]'),
            greetingLabel = $('#wkndGreetingLabel'),
            greetingText = greetingLabel.text(),
            body = $('body');

        // Cache configuration
        const CACHE_KEY = 'wknd_user_state';
        const CACHE_DURATION = 5 * 60 * 1000; // 5 minutes in milliseconds

        /**
         * Get cached user state from session storage
         */
        function getCachedUserState() {
            try {
                const cached = sessionStorage.getItem(CACHE_KEY);
                if (cached) {
                    const userState = JSON.parse(cached);
                    const now = Date.now();

                    // Check if cache is still valid
                    if (userState.timestamp && (now - userState.timestamp) < CACHE_DURATION) {
                        return userState.data;
                    } else {
                        // Cache expired, remove it
                        sessionStorage.removeItem(CACHE_KEY);
                    }
                }
            } catch (e) {
                console.warn('Failed to read cached user state:', e);
                sessionStorage.removeItem(CACHE_KEY);
            }
            return null;
        }

        /**
         * Cache user state in session storage
         */
        function cacheUserState(userData) {
            try {
                const userState = {
                    data: userData,
                    timestamp: Date.now()
                };
                sessionStorage.setItem(CACHE_KEY, JSON.stringify(userState));
            } catch (e) {
                console.warn('Failed to cache user state:', e);
            }
        }

        /**
         * Clear cached user state
         */
        function clearCachedUserState() {
            try {
                sessionStorage.removeItem(CACHE_KEY);
            } catch (e) {
                console.warn('Failed to clear cached user state:', e);
            }
        }

        /**
         * Update UI based on user state
         */
        function updateUI(userData) {
            const isAnonymous = 'anonymous' === userData.authorizableId;

            if(isAnonymous) {
                signIn.show();
                signOut.hide();
                greetingLabel.hide();
                body.addClass('anonymous');
            } else {
                signIn.hide();
                signOut.show();
                greetingLabel.text(greetingText + ", " + userData.name);
                greetingLabel.show();
                body.removeClass('anonymous');
            }
        }

        /**
         * Fetch user data from AEM endpoint
         */
        function fetchUserData() {
            return $.getJSON(currentUserUrl + "?nocache=" + new Date().getTime())
                .fail(function(xhr, status, error) {
                    console.error('Failed to fetch user data:', error);
                    updateUI({ authorizableId: 'anonymous' });
                });
        }

        /**
         * Initialize user state (check cache first, then fetch if needed)
         */
        function initializeUserState() {
            const cachedUserState = getCachedUserState();

            if (cachedUserState) {
                updateUI(cachedUserState);
            } else {
                fetchUserData().done(function(currentUser) {
                    updateUI(currentUser);
                    cacheUserState(currentUser);
                });
            }
        }

        // Initialize user state
        initializeUserState();

        // Clear cache on sign-in/sign-out clicks
        $(document).on('click', '[href="#sign-in"], [href="#sign-out"]', function() {
            clearCachedUserState();
        });

        // Clear cache when modal is shown
        $('body').on('wknd-modal-show', function() {
            clearCachedUserState();
        });

        // Clear cache when on dedicated sign-in page
        if (window.location.pathname.includes('/sign-in') || window.location.pathname.includes('/errors/sign-in')) {
            clearCachedUserState();
        }

        // Clear cache when sign-in form is submitted
        $(document).on('submit', 'form[id*="sign-in"], form[action*="login"]', function() {
            clearCachedUserState();
        });

        // Clear cache on successful login redirect
        const urlParams = new URLSearchParams(window.location.search);
        if (urlParams.has('login') || urlParams.has('success') || window.location.hash === '#login-success') {
            clearCachedUserState();
        }

        // Debug function for testing
        window.debugUserState = function() {
            console.log('Cache:', sessionStorage.getItem('wknd_user_state'));
            clearCachedUserState();
            initializeUserState();
        };

    })();
});

请注意，Tags属性规则依赖于存储在浏览器的会话存储中的用户ID。 wknd_user_state键是AEM代码和用于存储和检索用户ID的Tags属性规则之间的通用协定。

通过构建项目并在本地运行该项目在本地验证更改。

$ mvn clean install -PautoInstallSinglePackage

使用asmith/asmith （或您创建的任何其他用户）凭据登录，它们是项目中的包含aem-guides-wknd。

在我的案例中，我创建了一个ID为teddy的新用户来进行测试。

确认用户ID已存储在浏览器的会话存储中（使用浏览器的开发人员工具）后，提交更改并将其推送到Adobe Cloud Manager远程存储库。

$ git add .
$ git commit -m "Enhance the WKND site Login functionality to store the user ID in browser's session storage"
$ git push adobe-origin feature/known-user-personalization

使用AEM as a Cloud Service管道或Cloud Manager RDE命令将更改部署到AEM环境。

在浏览器中，导航到部署到AEM as a Cloud Service环境的WKND站点。 匿名，您应该会看到类似的数据收集请求。

使用asmith/asmith凭据登录，您应该会看到类似的数据收集请求。

在AEM中，单击​ 体验片段 ​并导航到​ WKND站点片段 ​文件夹。 在所需位置创建一个新的体验片段。

通过添加Teaser组件创作体验片段，并使用与追加销售滑雪设备相关的内容对其进行自定义。

将体验片段导出到Adobe Target。

在Adobe Experience Platform中，单击​ 数据集 ​并打开​ WKND-RDE-Known-User-Personalization-Behavioral ​数据集。 确保摄取的数据统计信息有效。

要验证是否已创建配置文件，请从左侧导航中单击​配置文件。 然后导航到​ 浏览 ​选项卡，并使用以下条件进行筛选：

• 合并策略：$YOUR_MERGE_POLICY_NAME
• 身份命名空间： ECID(Experience Cloud ID，Adobe自动分配给每位访客浏览器的唯一标识符)
• 标识值：使用浏览器的开发人员工具或Experience Platform Debugger查找。 它是不带MCMID|前缀的AMCV_$NAMESPACE$ Cookie值。

单击​ 查看 ​按钮。

单击该配置文件，您应该会看到该配置文件的详细信息。

在我的例子中，我通过两个不同的浏览器访问我的WKND网站，因此我有两个与用户teddy关联的ECID。 两个ECID中的数据将拼合在一起，以创建配置文件。 您已开始了解身份拼接的强大功能以及如何将其用于创建完整的客户个人资料。 不久，事务型数据与行为数据将拼合在一起，以创建完整的客户用户档案。

单击​ 事件 ​选项卡，您应该会看到与配置文件相关的事件。

在Adobe Experience Platform中，单击​ 数据集 ​并打开​ WKND-RDE-Known-User-Personalization-Transactional ​数据集。

在右侧面板中，查找​ ADD DATA ​部分，并将ski-adventure-purchase-data.json文件拖到其中。 此文件包含用于WKND Adventure购买的虚拟事务型数据。 在现实场景中，此数据是使用批量摄取或流式摄取从其他系统（例如，OMS或CRM或MDM）摄取的。

等待数据处理完成。

数据处理完成后，刷新数据集页面。

从左侧导航中单击​配置文件。 然后导航到​ 浏览 ​选项卡，并使用以下条件进行筛选：

• 合并策略：$YOUR_MERGE_POLICY_NAME
• 身份命名空间： ECID
• 标识值：使用用于筛选行为数据和相关配置文件的ECID值。

单击该配置文件，您应该会看到该配置文件的详细信息。 事务型数据与行为数据拼合在一起，以创建完整的客户用户档案。

单击​ 属性 ​选项卡，您应该会看到与用户档案关联的事务性和行为数据详细信息。

单击​ 查看身份图 ​链接可查看配置文件的身份图。

从左侧导航中单击​配置文件。 然后导航到​ 浏览 ​选项卡，并使用以下条件进行筛选：

• 合并策略：$YOUR_MERGE_POLICY_NAME
• 身份命名空间： WKND用户ID
• 标识值：teddy或asmith或您已使用的任何其他用户ID。

单击该配置文件，您应该会看到与上一步中看到的配置文件相同的配置文件详细信息。

在Adobe Experience Platform中，单击左侧导航栏中的​受众，然后单击​ 创建受众 ​按钮。 然后选择​ 生成规则 ​选项并单击​ 创建 ​按钮。

在​ 创建 ​步骤中，输入以下内容：

• 名称： UpSell-Ski-Equipment-To-Authenticated
• 描述：已登录并购买过任何滑雪冒险活动的用户
• 评估方法：选择​Edge（在用户浏览时实时评估受众成员资格，启用即时个性化）

然后单击​ 属性 ​选项卡并导航到​Techmarketingdemos（或您的$NAMESPACE$）字段组。 将​ Adventure Purchased ​字段拖放到​ 开始生成 ​部分。 输入以下详细信息：

已购买的冒险活动：选择​ 包含 ​并输入值​ski。

然后，切换到​ 事件 ​选项卡并导航到​techmarketingdemos（或您的$NAMESPACE$）字段组。 将​ WKND登录状态 ​字段拖放到​ 事件 ​部分。 输入以下详细信息：

WKND登录状态：选择​ 等于 ​并输入值​已通过身份验证。

另外，选择​ 今天 ​选项。

查看受众并单击​ 激活到目标 ​按钮。

在​ 激活到目标 ​对话框中，选择您之前创建的Adobe Target目标，然后按照步骤激活受众。 单击​ 下一步 ​并完成目标配置。

登录到Adobe Experience Cloud，然后从应用程序切换器或快速访问部分导航到​Adobe Target。

在Adobe Target中，单击​ 受众 ​并验证是否已创建​ UpSell-Ski-Equipment-To-Authenticated ​受众。

通过单击受众，您可以查看受众详细信息并验证其是否已正确配置。

单击​ 选件 ​并验证AEM导出的选件是否存在。 在我的案例中，选件（或体验片段）名为​ ，必须包含Ski ​的项。

这将验证Adobe Experience Platform、AEM和Adobe Target中的集成操作。

在Adobe Target中，单击​活动，然后单击​ 创建活动 ​按钮，然后选择​ 体验定位 ​活动类型。

在​ 创建体验定位活动 ​对话框中，选择​ Web ​类型和​ Visual ​编辑器选项(一个WYSIWYG编辑器，可让您直接在您的网站上创建和测试个性化体验)，并输入WKND网站主页URL。 单击​ 创建 ​按钮以创建该活动。

在编辑器中，选择​ UpSell-Ski-Equipment-To-Authenticated ​受众，并添加​ Must Have Items for Ski ​选件以替换主要主页内容。 请参阅下面的屏幕快照以供参考。

包含受众和选件的

单击“下一步”​​并使用适当的目标和量度配置​ 目标和设置 ​部分，然后激活它以实时推送更改。

访问WKND网站主页，如果您未登录，则应该会看到默认主页内容。

使用teddy/teddy（或asmith/asmith）凭据登录，您应该会看到个性化主页内容。

打开浏览器的开发人员工具并检查​ 网络 ​选项卡。 按interact筛选以查找Web SDK请求。 请求/响应应显示Web SDK事件和Adobe Target决策详细信息。

请求输出应如下所示：

响应输出应如下所示：