已知使用者個人化

在​ Adobe Experience Platform ​中，從左側導覽按一下​身分。 然後從右上角按一下​ 建立身分名稱空間 ​按鈕。

在​ 建立身分名稱空間 ​對話方塊中，輸入下列內容：

• 顯示名稱： WKND使用者識別碼
• 描述：登入的WKND使用者的使用者ID或使用者名稱
• 選取型別：個別跨裝置識別碼

按一下​ 建立 ​以建立身分名稱空間。

在​ Adobe Experience Platform ​中，從左側導覽按一下​結構描述，從右上方按一下​ 建立結構描述 ​按鈕。 然後選取​ 手動 ​選項，再按一下​ 選取 ​按鈕。

在​ 建立結構描述 ​精靈中，針對​ 結構描述詳細資料 ​步驟，選取​ 體驗事件 ​選項（針對頁面檢視、點按和使用者互動等時間序列資料），然後按一下​下一步。

針對​ 名稱與檢閱 ​步驟，請輸入下列內容：

• 結構描述顯示名稱： WKND-RDE-Known-User-Personalization-Behavioral
• 已選取​類別： XDM ExperienceEvent

更新結構，如下所示：

• 新增欄位群組： AEP Web SDK ExperienceEvent
• 設定檔：啟用

按一下​ 儲存 ​以建立結構描述。

若要知道使用者是否已登入（驗證）或匿名，請新增自訂欄位到結構描述。 在此使用案例中，目標是為已購買任何​ 滑雪 ​冒險的已知使用者個人化內容。 因此，識別使用者是否已登入（驗證）或匿名很重要。

• 按一下結構描述名稱旁的​ + ​按鈕。

• 在​ 欄位屬性 ​區段中，輸入下列內容：

  • 欄位名稱： wkndLoginStatus
  • 顯示名稱： WKND登入狀態
  • 型別：字串
  • 指派給：欄位群組> wknd-user-details

  向下捲動並按一下​ 套用 ​按鈕。

  

最終行為資料結構描述應如下所示：

在​ 建立結構描述 ​精靈中，針對​ 結構描述詳細資料 ​步驟，選取​ 個別設定檔 ​選項（針對客戶屬性、偏好設定和購買歷史記錄等記錄型資料），然後按一下​下一步。

針對​ 名稱與檢閱 ​步驟，請輸入下列內容：

• 結構描述顯示名稱： WKND-RDE-Known-User-Personalization-Transactional
• 選取的類別： XDM個別設定檔

若要儲存使用者的WKND Adventure購買詳細資料，請先新增作為購買識別碼的自訂欄位。 請記住，WKND使用者ID (wkndUserId)是跨系統的共同識別碼。

• 按一下結構描述名稱旁的​ + ​按鈕。

• 在​ 欄位屬性 ​區段中，輸入下列內容：

  • 欄位名稱： wkndUserId
  • 顯示名稱： WKND使用者識別碼
  • 型別：字串
  • 指派給：欄位群組> wknd-user-purchase-details

• 向下捲動，勾選​身分，勾選​主要身分 （用來將來自不同來源的資料拼接到統一設定檔中的主要身分），並在​ 身分名稱空間 ​下拉式清單中選取​WKND使用者識別碼。 最後，按一下​ 套用 ​按鈕。

新增自訂主要身分欄位後，結構描述應該如下所示：

同樣地，新增下列欄位以儲存其他使用者和冒險購買詳細資訊：

為結構描述啟用設定檔。

在​ 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-Transactive
• 描述：交易資料（例如WKND Adventure購買）的資料集。
• 設定檔：啟用

最終的異動資料集應如下所示：

在​ Adobe Experience Platform ​中，從左側導覽按一下​資料流，然後按一下​建立資料流。

在​ 新資料流 ​步驟中，輸入下列內容：

• 名稱： WKND-RDE-Known-User-Personalization-Behavioral
• 描述：將行為資料傳送至Experience Platform的資料流
• 對應結構描述： WKND-RDE-Known-User-Personalization-Behavioral

按一下​ 儲存 ​以建立資料流。

建立Datastream後，按一下​新增服務。

在​ 新增服務 ​步驟中，從下拉式清單中選取​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，然後輸入​目標環境ID。 您可以在Adobe Target的​管理 > 環境​下找到目標環境ID。 按一下​ 儲存 ​以新增服務。

最終資料流應該如下所示：

在​ Adobe Experience Platform ​中，從左側導覽按一下​標籤，然後按一下​ 新增屬性 ​按鈕。

在​ 建立屬性 ​對話方塊中，輸入下列內容：

• 屬性名稱： WKND-RDE-Known-User-Personalization
• 屬性型別：選取​網頁
• 網域：部署屬性的網域（例如，adobeaemcloud.com）

按一下​ 儲存 ​以建立屬性。

開啟新屬性，從左側導覽按一下​擴充功能，然後按一下​ 目錄 ​標籤。 搜尋​ 網頁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使用者識別碼

• 延伸模組：選取​核心

• 資料元素型別：選取​自訂程式碼

• 開啟編輯器​按鈕，然後輸入下列程式碼片段：

  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使用者識別碼
• 擴充功能：選取​Adobe Experience Platform Web SDK
• 資料元素型別：選取​身分對應

在右側面板中，

• 名稱空間：選取​wkndUserId
• ID：選取​ WKND使用者識別碼 ​資料元素
• 驗證狀態：選取​已驗證
• 主要：選取​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儲存在瀏覽器的工作階段儲存空間中。

• 針對​ 條件 ​區段，按一下​ 新增 ​以開啟​ 條件組態 ​精靈。

  • 邏輯型別：選取​Regular
  • 延伸模組：選取​核心
  • 條件型別：選取​自訂程式碼
  • 開啟編輯器​按鈕，然後輸入下列程式碼片段：

  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-Variable Pageview ​資料元素對應至​ 網頁詳細資料頁面檢視 ​型別。

  

• 此外，在右側面板的​ 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使用者識別碼
• 身分值： 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請求。 請求/回應應顯示網頁SDK事件和Adobe Target決定詳細資料。

請求輸出應該如下所示：

回應輸出應如下所示：