既知顧客のパーソナライゼーション

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

ID名前空間を作成 ダイアログで、次のように入力します。

• 表示名: WKND ユーザーID
• 説明: ログイン WKND ユーザーのユーザーIDまたはユーザー名
• タイプを選択：個々のクロスデバイス 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 Adventure購入詳細を保存するには、まず購入の識別子として機能するカスタムフィールドを追加します。 WKND ユーザーID （wkndUserId）は、システム全体で共通の識別子です。

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

• 「フィールドプロパティ」セクションに、次のように入力します。

  • フィールド名: wkndUserId
  • 表示名: WKND ユーザーID
  • タイプ：文字列
  • 割り当て先: フィールドグループ > wknd-user-purchase-details

• 下にスクロールして、ID​をチェックし、プライマリ ID （異なるソースからのデータを統合プロファイルに結合するために使用される主なID）をチェックし、ID名前空間 ドロップダウンで「WKND User Id」を選択します。 最後に、適用 ボタンをクリックします。

カスタムプライマリ ID フィールドを追加すると、スキーマは次のようになります。

同様に、次のフィールドを追加して、追加のユーザーとアドベンチャーの購入の詳細を保存します。

スキーマのプロファイルを有効にします。

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

Select schema ステップで、WKND-RDE-Known-User-Personalization-Behavioral スキーマを選択し、Next​をクリックします。

データセットの設定​手順では、次のように入力します。

• Name: WKND-RDE-Known-User-Personalization-Behavioral
• 説明: ユーザーログイン状態のページビューなどの行動データのデータセット。

「完了」をクリックして、データセットを作成します。

プロファイルのデータセットを有効にするには、プロファイル スイッチを切り替えます。

トランザクションデータデータセットについても同じ手順を繰り返します。 唯一の違いは、スキーマとデータセット名だけです。

• Schema: WKND-RDE-Known-User-Personalization-Transactional
• データセット: WKND-RDE-Known-User-Personalization-Transactional
• 説明: WKND Adventureの購入などのトランザクションデータのデータセット。
• プロファイル：有効にする

最終的なトランザクションデータデータセットは次のようになります。

Adobe Experience Platform​で、左側のナビゲーションから​ データストリーム ​をクリックし、データストリームを作成​をクリックします。

新規データストリーム ステップで、次のように入力します。

• Name: 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 Segmentation：有効にする（即座にパーソナライズするためにエッジ ネットワークでリアルタイムにオーディエンスを評価します）
• Personalization Destinations：有効にする（Adobe Targetなどのパーソナライゼーションツールを使用したオーディエンスの共有を可能にする）

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

Add Service ステップで、ドロップダウンから​ Adobe Target ​を選択し、Target Environment ID​を入力します。Target Environment IDは、Administration > Environments​の下のAdobe Targetで見つけることができます。「保存」をクリックして、サービスを追加します。

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

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

「プロパティを作成」ダイアログで、次のように入力します。

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

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

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

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

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

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

• 名前: ホスト名

• 拡張機能: 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 マップは、複数のユーザーIDを保存し、リンクさせる標準XDM構造で、システムをまたいでIDをつなぎ合わせることができます。 このデータ要素は、WKND ユーザーID （ログインしている場合）をID マップオブジェクトの一部として保存するために使用されます。

• Name: IdentityMap-WKND ユーザーID
• 拡張機能: Adobe Experience Platform Web SDK​を選択
• データ要素タイプ: ID マップ​を選択

右側のパネルには，

• 名前空間: wkndUserId​を選択
• ID: WKND ユーザーID データ要素を選択
• 認証状態: 認証済み​を選択
• プライマリ: true​を選択

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

次に、変数​型のデータ要素を作成します。 このデータ要素には、Experience Platformに送信する前に、ページの詳細が入力されます。

• 名前: XDM変数ページビュー
• 拡張機能: Adobe Experience Platform Web SDK​を選択
• データ要素タイプ: 変数​を選択

右側のパネルには，

• サンドボックス：サンドボックスを選択します
• Schema: 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 Page Views タイプにマッピングします。

  

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

  

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

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

「ライブラリを追加」ダイアログで、次のように入力します。

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

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

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

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

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

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

「宛先の詳細」セクションに、次のように入力します。

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

    })();
});

タグプロパティルールは、ブラウザーのセッションストレージに保存されるユーザー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で、Datasets​をクリックし、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で、Datasets​をクリックし、WKND-RDE-Known-User-Personalization-Transactional データセットを開きます。

右側のパネルで、ADD DATA セクションを探し、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で、左側のナビゲーションから「オーディエンス」をクリックし、「オーディエンスを作成」ボタンをクリックします。次に、Build-rule オプションを選択し、Create ボタンをクリックします。

Create ステップで、次のように入力します。

• Name: UpSell-Ski-Equipment-To-Authenticated
• 説明: ログインし、スキーの冒険を購入したユーザー
• 評価方法:「Edge」を選択します（ユーザーが閲覧すると、リアルタイムでオーディエンスメンバーシップが評価され、インスタントパーソナライズが可能になります）

次に、属性 タブをクリックし、Techmarketingdemos （または$NAMESPACE$）フィールドグループに移動します。 「Adventure Purchased」フィールドを「構築を開始」セクションにドラッグ&ドロップします。 次の詳細を入力します。

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

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

WKND ログインステータス: Equals​を選択し、値​ authenticated ​を入力します。

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

オーディエンスを確認し、Activate to destination ボタンをクリックします。

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

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

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

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

「オファー」をクリックし、AEMでエクスポートしたオファーが存在することを確認します。 私の場合、オファー（またはエクスペリエンスフラグメント）は​ スキーアイテムが必要 ​と呼ばれます。

これにより、Adobe Experience Platform、AEM、Adobe Targetをまたいで統合アクションを検証できます。

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

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

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

「次へ」をクリックし、目標と設定 セクションを適切な目標と指標で設定し、それをアクティブにして変更を公開します。

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

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

ブラウザーの開発者ツールを開き、「ネットワーク」タブを確認します。 interactでフィルタリングして、Web SDK リクエストを見つけます。 リクエスト/レスポンスには、Web SDK イベントとAdobe Targetの決定の詳細を表示する必要があります。

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

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