알려진 사용자 개인화

Adobe Experience Platform​의 왼쪽 탐색 메뉴에서 ID​을(를) 클릭합니다. 그런 다음 오른쪽 상단에서 ID 네임스페이스 만들기 단추를 클릭합니다.

ID 네임스페이스 만들기 대화 상자에서 다음을 입력합니다.

• 표시 이름: WKND 사용자 ID
• 설명: 로그인한 WKND 사용자의 사용자 ID 또는 사용자 이름
• 유형 선택: 개별 교차 장치 ID

ID 네임스페이스를 만들려면 만들기​를 클릭합니다.

Adobe Experience Platform​에서 왼쪽 탐색 메뉴에서 스키마​을(를) 클릭하고 오른쪽 상단에서 스키마 만들기 단추를 클릭합니다. 그런 다음 수동 옵션을 선택하고 선택 단추를 클릭합니다.

스키마 만들기 마법사에서 스키마 세부 정보 단계에 대해 경험 이벤트 옵션(페이지 보기, 클릭 수 및 사용자 상호 작용과 같은 시계열 데이터)을 선택하고 다음​을 클릭합니다.

이름 및 검토 단계에 대해 다음을 입력하십시오.

• 스키마 표시 이름: WKND-RDE-Known-User-Personalization-Behavioral
• 선택한 클래스: XDM ExperienceEvent

스키마를 다음과 같이 업데이트합니다.

• 필드 그룹 추가: AEP 웹 SDK ExperienceEvent
• 프로필: 사용

스키마를 만들려면 저장​을 클릭합니다.

사용자가 로그인(인증됨) 또는 익명으로 로그인했는지 확인하려면 스키마에 사용자 지정 필드를 추가합니다. 이 사용 사례의 목표는 스키 모험을 구매한 알려진 사용자를 위한 콘텐츠를 개인화하는 것입니다. 따라서 사용자가 로그인(인증)했는지 또는 익명으로 로그인했는지 확인하는 것이 중요합니다.

• 스키마 이름 옆에 있는 + 단추를 클릭합니다.

• 필드 속성 섹션에서 다음을 입력하십시오.

  • 필드 이름: wkndLoginStatus
  • 표시 이름: WKND 로그인 상태
  • 유형: 문자열
  • 할당 대상: 필드 그룹 > wknd-user-details

  아래로 스크롤하여 적용 단추를 클릭합니다.

  

최종 동작 데이터 스키마는 다음과 같아야 합니다.

스키마 만들기 마법사에서 스키마 세부 정보 단계에 대해 개인 프로필 옵션(고객 특성, 환경 설정 및 구매 내역과 같은 레코드 기반 데이터의 경우)을 선택하고 다음​을 클릭합니다.

이름 및 검토 단계에 대해 다음을 입력하십시오.

• 스키마 표시 이름: WKND-RDE-Known-User-Personalization-Transactional
• 선택한 클래스: XDM 개별 프로필

사용자의 WKND Adventure 구매 세부 사항을 저장하기 위해 먼저 구매에 대한 식별자 역할을 하는 사용자 지정 필드를 추가하겠습니다. WKND 사용자 ID(wkndUserId)는 시스템의 공통 식별자입니다.

• 스키마 이름 옆에 있는 + 단추를 클릭합니다.

• 필드 속성 섹션에서 다음을 입력하십시오.

  • 필드 이름: wkndUserId
  • 표시 이름: WKND 사용자 ID
  • 유형: 문자열
  • 할당 대상: 필드 그룹 > wknd-user-purchase-details

• 아래로 스크롤하여 ID, 기본 ID(다른 소스의 데이터를 통합 프로필로 연결하는 데 사용되는 기본 식별자)을 확인하고 ID 네임스페이스 드롭다운에서 WKND 사용자 ID​을(를) 선택합니다. 마지막으로 적용 단추를 클릭합니다.

사용자 지정 기본 ID 필드를 추가한 후 스키마는 다음과 같아야 합니다.

마찬가지로 다음 필드를 추가하여 추가 사용자 및 어드벤처 구매 세부 정보를 저장합니다.

스키마에 대해 프로필 을 활성화합니다.

Adobe Experience Platform​에서 왼쪽 탐색 메뉴에서 데이터 세트​를 클릭하고 오른쪽 상단에서 데이터 세트 만들기 단추를 클릭합니다. 그런 다음 스키마 기반 옵션을 선택하고 다음​을 클릭합니다.

스키마 선택 단계에서 WKND-RDE-Known-User-Personalization-Behavior 스키마를 선택하고 다음​을(를) 클릭합니다.

데이터 집합 구성 단계에 대해 다음을 입력하십시오.

• 이름: WKND-RDE-Known-User-Personalization-Behavioral
• 설명: 사용자 로그인 상태의 페이지 보기와 같은 동작 데이터 집합입니다.

데이터 집합을 만들려면 마침​을 클릭하세요.

프로필 스위치를 전환하여 프로필에 대한 데이터 세트를 사용하도록 설정합니다.

트랜잭션 데이터 데이터 세트에 대해 동일한 단계를 반복합니다. 유일한 차이점은 스키마와 데이터 세트 이름입니다.

• 스키마: WKND-RDE-Known-User-Personalization-Transactional
• 데이터 집합: WKND-RDE-Known-User-Personalization-Transactional
• 설명: WKND Adventure 구매 등 트랜잭션 데이터의 데이터 세트입니다.
• 프로필: 사용

최종 트랜잭션 데이터 데이터 세트는 다음과 같아야 합니다.

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 세분화: 활성화(즉각적인 개인화를 위해 Edge Network에서 실시간으로 대상 평가)
• Personalization 대상: 활성화(Adobe Target과 같은 개인화 도구로 대상자를 공유할 수 있음)

서비스를 추가하려면 저장​을 클릭하세요.

서비스 추가 단계의 드롭다운에서 Adobe Target​을(를) 선택하고 Target 환경 ID​를 입력합니다. Target 환경 ID는 관리 > 환경​에서 Adobe Target에 있습니다. 서비스를 추가하려면 저장​을 클릭하세요.

최종 데이터 스트림은 다음과 같아야 합니다.

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 사용자 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'; }

그런 다음 ID 맵 유형의 데이터 요소를 만듭니다. ID 맵은 여러 사용자 식별자를 저장하고 서로 연결하는 표준 XDM 구조로서, 시스템 간에 ID 결합을 가능하게 합니다. 이 데이터 요소는 WKND 사용자 ID(로그인한 경우)를 ID 맵 개체의 일부로 저장하는 데 사용됩니다.

• 이름: IdentityMap-WKND 사용자 ID
• 확장: Adobe Experience Platform Web SDK 선택
• 데이터 요소 유형: ID 맵 선택

오른쪽 패널에서

• 네임스페이스: wkndUserId 선택
• ID: WKND 사용자 ID 데이터 요소 선택
• 인증 상태: 인증됨 선택
• 기본: 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 특정 단계에서 사용자 ID를 브라우저의 세션 저장소에 저장하도록 WKND 사이트 로그인 기능을 개선했습니다.

• 조건 섹션의 경우 추가​를 클릭하여 조건 구성 마법사를 엽니다.

  • 논리 형식: 보통 선택
  • 확장: 코어 선택
  • 조건 유형: 사용자 지정 코드 선택
  • 편집기 열기 단추를 클릭하고 다음 코드 조각을 입력하십시오.

  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-변수 페이지 보기 데이터 요소를 웹 웹 페이지 세부 정보 페이지 보기 유형에 매핑합니다.

  

• 또한 오른쪽 패널의 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 파일을 엽니다. 코드를 검토한 후 AJAX에서 currentuser.json을(를) 호출하면 사용자 로그인 상태에 따라 로그인 또는 로그아웃 단추가 표시됩니다.

브라우저의 세션 저장소에 사용자 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 키는 사용자 ID를 저장하고 검색하기 위한 AEM 코드와 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

Cloud Manager 파이프라인을 사용하거나 AEM RDE 명령을 사용하여 AEM as a Cloud Service 환경에 변경 사항을 배포합니다.

브라우저에서 AEM as a Cloud Service 환경에 배포된 WKND 사이트로 이동합니다. 익명으로 제공되면 유사한 데이터 수집 요청이 표시됩니다.

asmith/asmith 자격 증명을 사용하여 로그인하면 유사한 데이터 수집 요청이 표시됩니다.

AEM에서 경험 조각​을 클릭하고 WKND 사이트 조각 폴더로 이동합니다. 원하는 위치에서 새 경험 조각을 만듭니다.

티저 구성 요소를 추가하여 경험 조각을 작성하고 스키 장비 업셀링과 관련된 콘텐츠로 사용자 지정합니다.

경험 조각을 Adobe Target으로 내보냅니다.

Adobe Experience Platform에서 데이터 세트​를 클릭하고 WKND-RDE-Known-User-Personalization-Behavioral 데이터 세트를 엽니다. 수집된 데이터 통계가 올바른지 확인하십시오.

프로필이 만들어졌는지 확인하려면 왼쪽 탐색에서 프로필​을 클릭합니다. 그런 다음 찾아보기 탭으로 이동하여 다음 기준을 사용하여 필터링합니다.

• 병합 정책: $YOUR_MERGE_POLICY_NAME
• ID 네임스페이스: ECID(Experience Cloud ID, Adobe에서 모든 방문자의 브라우저에 자동으로 할당하는 고유 식별자)
• ID 값: 브라우저의 개발자 도구 또는 Experience Platform Debugger를 사용하여 찾습니다. MCMID| 접두사가 없는 AMCV_$NAMESPACE$ 쿠키 값입니다.

보기 단추를 클릭합니다.

프로필을 클릭하면 프로필의 세부 정보가 표시됩니다.

내 경우에는 두 개의 다른 브라우저에서 WKND 사이트에 액세스했으므로 teddy 사용자와 연결된 두 개의 ECID가 있습니다. 두 ECID의 데이터는 프로필을 만들기 위해 함께 결합됩니다. ID 결합의 힘과 이를 사용하여 전체 고객 프로필을 만드는 방법을 구현하기 시작했습니다. 곧 트랜잭션 데이터가 행동 데이터와 결합되어 전체 고객 프로필을 만듭니다.

이벤트 탭을 클릭하면 프로필과 관련된 이벤트가 표시됩니다.

Adobe Experience Platform에서 데이터 세트​를 클릭하고 WKND-RDE-Known-User-Personalization-Transactional 데이터 세트를 엽니다.

오른쪽 패널에서 데이터 추가 섹션을 찾아 ski-adventure-purchase-data.json 파일을 해당 섹션으로 끌어옵니다. 이 파일에는 WKND Adventure 구매를 위한 더미 트랜잭션 데이터가 포함되어 있습니다. 실제 시나리오에서는 일괄 처리 또는 스트리밍 수집을 사용하여 다른 시스템(예: OMS 또는 CRM 또는 MDM)에서 이 데이터를 수집합니다.

데이터 처리가 완료될 때까지 기다립니다.

데이터 처리가 완료되면 데이터 세트 페이지를 새로 고칩니다.

왼쪽 탐색에서 프로필​을 클릭합니다. 그런 다음 찾아보기 탭으로 이동하여 다음 기준을 사용하여 필터링합니다.

• 병합 정책: $YOUR_MERGE_POLICY_NAME
• ID 네임스페이스: ECID
• ID 값: 동작 데이터 및 관련 프로필을 필터링하는 데 사용한 것과 동일한 ECID 값을 사용합니다.

프로필을 클릭하면 프로필의 세부 정보가 표시됩니다. 트랜잭션 데이터는 행동 데이터와 결합하여 전체 고객 프로필을 만듭니다.

특성 탭을 클릭하면 프로필과 관련된 트랜잭션 및 동작 데이터 세부 정보가 표시됩니다.

프로필의 ID 그래프를 보려면 ID 그래프 보기 링크를 클릭하십시오.

왼쪽 탐색에서 프로필​을 클릭합니다. 그런 다음 찾아보기 탭으로 이동하여 다음 기준을 사용하여 필터링합니다.

• 병합 정책: $YOUR_MERGE_POLICY_NAME
• ID 네임스페이스: WKND 사용자 ID
• ID 값: teddy 또는 asmith 또는 사용한 다른 사용자 ID.

프로필을 클릭하면 이전 단계에서 확인한 프로필과 동일한 프로필 세부 정보가 표시됩니다.

Adobe Experience Platform의 왼쪽 탐색에서 대상​을 클릭하고 대상 만들기 단추를 클릭합니다. 그런 다음 빌드 규칙 옵션을 선택하고 만들기 단추를 클릭합니다.

만들기 단계에서 다음을 입력하십시오.

• 이름: UpSell-Ski-Equipment-To-Authenticated
• 설명: 로그인하고 스키 모험을 구매한 사용자
• 평가 메서드: Edge​을(를) 선택합니다(사용자가 검색할 때 실시간으로 대상 멤버십을 평가하여 즉각적인 개인화를 활성화).

그런 다음 특성 탭을 클릭하고 Techmarketingdemos(또는 $NAMESPACE$) 필드 그룹으로 이동합니다. 구매한 모험 필드를 빌드 시작 섹션으로 끌어다 놓습니다. 다음 세부 정보를 입력합니다.

모험 구매: 포함​을 선택하고 스키 값을 입력하십시오.

그런 다음 이벤트 탭으로 전환하고 techmarketingdemos(또는 $NAMESPACE$) 필드 그룹으로 이동합니다. WKND 로그인 상태 필드를 이벤트 섹션으로 끌어다 놓습니다. 다음 세부 정보를 입력합니다.

WKND 로그인 상태: 같음​을 선택하고 인증됨 값을 입력하십시오.

오늘 옵션도 선택하십시오.

대상을 검토하고 대상에 활성화 단추를 클릭하십시오.

대상에 활성화 대화 상자에서 이전에 만든 Adobe Target 대상을 선택하고 단계에 따라 대상자를 활성화합니다. 다음​을 클릭하고 대상 구성을 완료합니다.

Adobe Experience Cloud에 로그인하고 앱 전환기 또는 빠른 액세스 섹션에서 Adobe Target(으)로 이동합니다.

Adobe Target에서 대상​을 클릭하고 UpSell-Ski-Equipment-To-Authenticated 대상이 만들어졌는지 확인하십시오.

대상을 클릭하면 대상 세부 사항을 확인하고 제대로 구성되어 있는지 확인할 수 있습니다.

오퍼​를 클릭하고 내보낸 AEM 오퍼가 있는지 확인합니다. 내 경우 오퍼(또는 경험 조각)는 Must Have Items for Ski(으)로 호출됩니다.

Adobe Experience Platform, AEM 및 Adobe Target 간의 통합 작업을 확인합니다.

Adobe Target에서 활동​을 클릭하고 활동 만들기 단추를 클릭한 다음 경험 타깃팅 활동 유형을 선택합니다.

경험 타깃팅 활동 만들기 대화 상자에서 웹 유형과 시각적 작성기 옵션(웹 사이트에서 직접 개인화된 경험을 만들고 테스트할 수 있는 WYSIWYG 편집기)을 선택하고 WKND 사이트 홈 페이지 URL을 입력합니다. 만들기 단추를 클릭하여 활동을 만듭니다.

편집기에서 UpSell-Ski-Equipment-To-Authenticated 대상을 선택하고 최상위 영웅 콘텐츠 대신 Must Have Items for Ski 오퍼를 추가합니다. 아래 스크린샷 참조 바랍니다.

다음​을 클릭하고 적절한 목표와 지표로 목표 및 설정 섹션을 구성한 다음 활성화하여 변경 내용을 실시간으로 적용합니다.

WKND 사이트 홈 페이지를 방문합니다. 로그인하지 않은 경우 기본 히어로 콘텐츠가 표시됩니다.

teddy/teddy(또는 asmith/asmith) 자격 증명을 사용하여 로그인하면 개인화된 히어로 콘텐츠가 표시됩니다.

브라우저의 개발자 도구를 열고 네트워크 탭을 확인합니다. interact(으)로 필터링하여 웹 SDK 요청을 찾습니다. 요청/응답에는 웹 SDK 이벤트 및 Adobe Target 결정 세부 사항이 표시되어야 합니다.

요청 출력은 다음과 같아야 합니다.

응답 출력은 다음과 같아야 합니다.