既知のユーザーパーソナライゼーション

Adobe Experience Platform で、左側のナビゲーションから ID をクリックします。 次に、右上の「ID 名前空間を作成」ボタンをクリックします。

ID 名前空間を作成 ダイアログで、以下を入力します。

• 表示名:WKND ユーザー Id
• 説明：ログインした WKND ユーザーのユーザー ID またはユーザー名
• タイプを選択：個々のクロスデバイス ID

「作成」をクリックして、ID 名前空間を作成します。

Adobe Experience Platform で、左側のナビゲーションから スキーマ をクリックし、右上から スキーマを作成 ボタンをクリックします。 次に、「手動」オプションを選択し、「選択」ボタンをクリックします。

スキーマを作成 ウィザードの スキーマの詳細 手順で、「エクスペリエンスイベント」オプション（ページビュー数、クリック数、ユーザーインタラクションなどの時系列データ）を選択し、「次へ」をクリックします。

名前とレビュー ステップには、次を入力します。

• スキーマ表示名:WKND-RDE-Known-User-Personalization-Behavior
• 選択されたクラス:XDM ExperienceEvent

スキーマを次のように更新します。

• フィールドグループを追加:AEP Web SDK ExperienceEvent
• プロファイル：有効にする

「保存」をクリックして、スキーマを作成します。

ユーザーがログイン（認証済み）または匿名のどちらであるかを把握するには、スキーマにカスタムフィールドを追加します。 このユースケースでは、Ski アドベンチャーを購入した既知のユーザー向けにコンテンツをパーソナライズすることを目標としています。 したがって、ユーザーがログイン（認証済み）されているか、匿名であるかを識別することが重要です。

• スキーマ名の横にある「+」ボタンをクリックします。

• フィールドプロパティ セクションで、以下を入力します。

  • フィールド名: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）をチェックし、「ID 名前空間」ドロップダウンで「WKND ユーザー ID」を選択します。 最後に、「適用 ボタンをクリックします。

カスタムプライマリ 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-Behavior
• プロファイルデータセット:WKND-RDE-Known-User-Personalization-Behavior
• Offer Decisioning：有効にする（Adobe Targetがパーソナライズされたオファーをリアルタイムでリクエストおよび配信できるようにします）
• Edgeのセグメント化：有効にする（迅速なパーソナライゼーションのために、エッジネットワークでリアルタイムにオーディエンスを評価します）
• Personalizationの宛先：有効にする（Adobe Targetなどのパーソナライゼーションツールを使用したオーディエンス共有を許可する）

「保存」をクリックして、サービスを追加します。

サービスを追加 手順で、ドロップダウンから「Adobe Target」を選択し、ターゲット環境 ID を入力します。 Target 環境 ID は、Adobe Targetの 管理/環境 にあります。 「保存」をクリックして、サービスを追加します。

最終的なデータストリームは次のようになります。

Adobe Experience Platform で、左側のナビゲーションから「タグ」をクリックし、「新しいプロパティ」ボタンをクリックします。

プロパティを作成 ダイアログで、以下を入力します。

• プロパティ名:WKND-RDE-Known-User-Personalization
• プロパティタイプ:Web を選択します
• ドメイン：プロパティをデプロイするドメイン（例：adobeaemcloud.com）

保存 をクリックして、プロパティを作成します。

新しいプロパティを開き、左側のナビゲーションで 拡張機能 をクリックして、「カタログ」タブをクリックします。 Web SDK を検索し、「インストール」ボタンをクリックします。

拡張機能をインストール ダイアログで、前に作成した データストリーム を選択し、「保存」をクリックします。

左側のナビゲーションから データ要素 をクリックし、「新しいデータ要素の作成」ボタンをクリックします。

新しいデータ要素を作成 ダイアログで、次の情報を入力します。

• Name：ホスト名

• 拡張機能: Core を選択します

• データ要素タイプ: カスタムコード を選択します

• エディターを開く ボタンをクリックし、次のコードスニペットを入力します。

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

同様に、次のデータ要素を作成します。

• 名前：サイトセクション

• 拡張機能: Core を選択します

• データ要素タイプ: カスタムコード を選択します

• エディターを開く ボタンをクリックし、次のコードスニペットを入力します。

  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 }

• 名前：ページ名

• 拡張機能: Core を選択します

• データ要素タイプ: カスタムコード を選択します

• エディターを開く ボタンをクリックし、次のコードスニペットを入力します。

  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

• 拡張機能: Core を選択します

• データ要素タイプ: カスタムコード を選択します

• エディターを開く ボタンをクリックし、次のコードスニペットを入力します。

  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 ユーザーステータス

• 拡張機能: Core を選択します

• データ要素タイプ: カスタムコード を選択します

• エディターを開く ボタンをクリックし、次のコードスニペットを入力します。

  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 スキーマを選択します

「保存」をクリックして、データ要素を作成します。

• 最終的なデータ要素は次のようになります。

  

左側のナビゲーションから ルール をクリックし、「新規ルールを作成」ボタンをクリックします。

新規ルールを作成 ダイアログで、以下を入力します。

• 名前：すべてのページ – 読み込み時 – ユーザーデータを含む

• 「イベント」セクションで「追加」をクリックして イベント設定 ウィザードを開きます。

  • 拡張機能: Core を選択します
  • イベントタイプ: カスタムコード を選択します
  • エディターを開く ボタンをクリックし、次のコードスニペットを入力します。

  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 をブラウザーのセッションストレージに保存しました。

• 「条件」セクションで「追加」をクリックして 条件設定 ウィザードを開きます。

  • 論理タイプ:「標準」を選択します
  • 拡張機能: Core を選択します
  • 条件タイプ:「カスタムコード」を選択します
  • エディターを開く ボタンをクリックし、次のコードスニペットを入力します。

  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 データ要素を Web Webpagedetails ページビュー タイプにマッピングします。

  

• また、右側のパネルの「Personalization」セクションで、「ビジュアルパーソナライゼーションの決定をレンダリング」オプションをオンにします。 次に、「変更を保持」をクリックしてアクションを保存します。

  

ルールは次のようになります。

左側のナビゲーションから 公開フロー をクリックし、「ライブラリを追加」ボタンをクリックします。

ライブラリを追加 ダイアログで、次の情報を入力します。

• 名前:1.0
• 環境:「開発」を選択します
• 「変更されたすべてのリソースを追加」をクリックして、すべてのリソースを選択します。

保存して開発用にビルド をクリックして、ライブラリを作成します。

ライブラリを実稼動環境に公開するには、「承認して実稼動環境に公開」をクリックします。 公開が完了すると、プロパティがAEMで使用できるようになります。

Adobe Experience Platform で、左側のナビゲーションから「プロファイル」をクリックし、「結合ポリシー」タブをクリックします。

Adobe Experience Platform で、左側のナビゲーションから「宛先」をクリックし、「カタログ」タブをクリックします。 Personalization を検索し、（v2） Adobe Target の宛先を選択します。

宛先のアクティブ化 手順で、宛先の名前を指定し、「宛先に接続」ボタンをクリックします。

「宛先の詳細」セクションで、次の情報を入力します。

• 名前:WKND-RDE-Known-User-Personalization-Destination
• 説明：既知のユーザーパーソナライゼーションの宛先
• データストリーム：以前に作成した データストリーム を選択します
• Workspace: Adobe Target Workspace を選択します

次へ をクリックして、宛先の設定を完了します。

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();
        };

    })();
});

なお、タグプロパティのルールは、ブラウザーのセッションストレージに保存されているユーザー 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 Site Fragments フォルダーに移動します。 目的の場所で、新しいエクスペリエンスフラグメントを作成します。

ティーザーコンポーネントを追加してエクスペリエンスフラグメントを作成し、スキー用具のアップセルに関連するコンテンツを追加してカスタマイズします。

エクスペリエンスフラグメントをAdobe Targetに書き出します。

Adobe Experience Platformで データセット をクリックし、WKND-RDE-Known-User-Personalization-Behavioral データセットを開きます。 取り込んだデータ統計が有効であることを確認します。

プロファイルが作成されたことを確認するには、左側のナビゲーションから プロファイル をクリックします。 次に、「参照」タブに移動し、次の条件を使用してフィルタリングします。

• 結合ポリシー: $YOUR_MERGE_POLICY_NAME
• ID 名前空間:ECID （Experience Cloud ID。Adobeによってすべての訪問者のブラウザーに自動的に割り当てられる一意の ID です）
• ID 値：ブラウザーの開発者ツールまたはExperience Platform Debugger を使用して検索します。 MCMID| プレフィックスを除いた AMCV_$NAMESPACE$ cookie 値です。

「表示 ボタンをクリックします。

プロファイルをクリックすると、プロファイルの詳細が表示されます。

この場合、2 つの異なるブラウザーから WKND サイトにアクセスしたので、ユーザー teddy に 2 つの ECID が関連付けられています。 両方の ECID のデータがステッチされ、プロファイルが作成されます。 ID ステッチの機能と、それを使用して完全な顧客プロファイルを作成する方法についての認識が始まりました。 間もなく、トランザクションデータは行動データと結び付けられ、完全な顧客プロファイルが作成されます。

「イベント」タブをクリックすると、プロファイルに関連するイベントが表示されます。

Adobe Experience Platformで データセット をクリックし、WKND-RDE-Known-User-Personalization-Transactional データセットを開きます。

右側のパネルで「データを追加」セクションを探し、ski-adventure-purchase-data.json ファイルをそれにドラッグします。 このファイルには、WKND アドベンチャーの購入のためのダミーのトランザクションデータが含まれています。 実際のシナリオでは、このデータはバッチまたはストリーミング取得を使用して他のシステム（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$）」フィールドグループに移動します。 「購入したアドベンチャー フィールドを 構築を開始 セクションにドラッグ&ドロップします。 次の詳細を入力します。

Adventure Purchased:「Contains」を選択し、「ski」の値を入力します。

次に、「イベント」タブに切り替えて、「techmarketingdemos」（または$NAMESPACE$）フィールドグループに移動します。 「WKND ログインステータス」フィールドを「イベント」セクションにドラッグ&ドロップします。 次の詳細を入力します。

WKND ログインステータス:「次に等しい」を選択し、値 authenticated を入力します。

また、「今日 オプションも選択します。

オーディエンスをレビューし、「宛先に対してアクティブ化 ボタンをクリックします。

宛先に対してアクティブ化 ダイアログで、前の手順で作成したAdobe Targetの宛先を選択し、手順に従ってオーディエンスをアクティブ化します。 次へ をクリックして、宛先の設定を完了します。

Adobe Experience Cloudにログインし、アプリ切り替えボタンまたは「クイックアクセス」セクションから 0}Adobe Target} に移動します。

Adobe Targetで、「オーディエンス」をクリックし、UpSell-Ski-Equipment-To-Authenticated オーディエンスが作成されていることを確認します。

オーディエンスをクリックすると、オーディエンスの詳細が表示され、適切に設定されていることを確認できます。

オファー をクリックし、AEMから書き出したオファーが存在することを確認します。 私の場合、オファー（またはエクスペリエンスフラグメント）は スキーの項目が必要 と呼ばれます。

これにより、Adobe Experience Platform、AEMおよびAdobe Target間の統合アクションが検証されます。

Adobe Targetで、「アクティビティ」をクリックし、「アクティビティを作成」ボタンをクリックして、「エクスペリエンスのターゲット設定」アクティビティタイプを選択します。

エクスペリエンスのターゲット設定アクティビティを作成 ダイアログで、Web type and Visual composer オプション（パーソナライズされたエクスペリエンスを web サイト上で直接作成およびテストできるWYSIWYG エディター）を選択して、WKND サイトのホームページの URL を入力します。 「作成 ボタンをクリックして、アクティビティを作成します。

エディターで、「UpSell-Ski-Equipment-To-Authenticated」オーディエンスを選択し、上位のヒーローコンテンツの代わりに「スキーの必須アイテム」オファーを追加します。 参考のために以下のスクリーンショットを参照してください。

「次へ」をクリックして「目標と設定」セクションを適切な目標と指標で設定し、アクティブ化して、変更をライブにプッシュします。

ログインしていない場合は、WKND サイトのホームページに移動すると、デフォルトのヒーローコンテンツが表示されます。

teddy/teddy （または asmith/asmith）資格情報を使用してログインすると、パーソナライズされたヒーローコンテンツが表示されます。

ブラウザーのデベロッパーツールを開き、「ネットワーク」タブをチェックします。 interact でフィルタリングして、web SDK リクエストを見つけます。 リクエスト/応答には、web SDK イベントとAdobe Target決定の詳細が表示されます。

リクエストの出力は次のようになります。

応答出力は次のようになります。