Personalisierung für bekannte Benutzende

Klicken Sie in ​​Adobe Experience Platform im Navigationsbereich auf „Identitäten“. Klicken Sie dann oben auf die Schaltfläche Identity-Namespace erstellen“.

Geben im Dialogfeld Identity-Namespace erstellen“ Folgendes ein:

• Anzeigename: WKND-Benutzer-ID
• Beschreibung: Benutzer-ID oder Benutzername des angemeldeten WKND-Benutzers
• Typ auswählen: Individuelle geräteübergreifende ID

Klicken Sie Erstellen, um den Identity-Namespace zu erstellen.

Adobe Experience Platform Klicken Sie in ​​im linken Navigationsbereich auf Schemata und dann oben rechts auf die Schaltfläche Schema erstellen . Wählen Sie dann die Option Manuell und klicken Sie auf die Schaltfläche Auswählen.

Wählen Sie im Schema erstellen-Assistenten für Schema-) die Option Erlebnisereignis (für Zeitreihendaten wie Seitenansichten, Klicks und Benutzerinteraktionen) aus und klicken Sie auf Weiter.

Geben Sie für den Schritt Benennen und überprüfen Folgendes ein:

• Anzeigename des Schemas: WKND-RDE-known-user-Personalization-Behavioral
• Ausgewählte Klasse: XDM ExperienceEvent

Aktualisieren Sie das Schema wie folgt:

• Feldergruppen hinzufügen: AEP Web SDK ExperienceEvent
• Profil: Aktivieren

Klicken Sie auf Speichern, um das Schema zu erstellen.

Um festzustellen, ob der Benutzer angemeldet (authentifiziert) oder anonym ist, fügen Sie dem Schema ein benutzerdefiniertes Feld hinzu. In diesem Anwendungsbeispiel besteht das Ziel darin, den Inhalt für bekannte Benutzer zu personalisieren, die ein beliebiges „Ski -Abenteuer haben. Daher ist es wichtig zu ermitteln, ob der Benutzer angemeldet (authentifiziert) oder anonym ist.

• Klicken Sie auf die Schaltfläche + neben dem Schemanamen.

• Geben Sie Abschnitt Feldeigenschaften“ Folgendes ein:

  • Feldname: wkndLoginStatus
  • Anzeigename: WKND-Anmeldestatus
  • Typ: Zeichenfolge
  • Zuweisen zu: Feldergruppe > wknd-user-details

  Scrollen Sie nach unten und klicken Sie auf die Schaltfläche Anwenden.

  

Das endgültige Schema für Verhaltensdaten sollte wie folgt aussehen:

Wählen Sie im Schema erstellen-Assistenten für Schema-) die Option Individuelles Profil (für datensatzbasierte Daten wie Kundenattribute, Voreinstellungen und Kaufverlauf) und klicken Sie auf Weiter.

Geben Sie für den Schritt Benennen und überprüfen Folgendes ein:

• Anzeigename des Schemas: WKND-RDE-known-user-Personalization-transaction
• Klasse ausgewählt: Individuelles XDM-Profil

Um die WKND-Adventure-Kaufdetails eines Benutzers zu speichern, fügen wir zunächst ein benutzerdefiniertes Feld hinzu, das als Kennung für den Kauf dient. Denken Sie daran, dass die WKND-Benutzer-ID (wkndUserId) die allgemeine Kennung in allen Systemen ist.

• Klicken Sie auf die Schaltfläche + neben dem Schemanamen.

• Geben Sie Abschnitt Feldeigenschaften“ Folgendes ein:

  • Feldname: wkndUserId
  • Anzeigename: WKND-Benutzer-ID
  • Typ: Zeichenfolge
  • Zuweisen zu: Feldergruppe > wknd-user-purchase-details

• Scrollen Sie nach unten, überprüfen Sie Identität, überprüfen Sie die Primäre Identität (die Hauptkennung, die zum Zusammenfügen von Daten aus verschiedenen Quellen zu einem einheitlichen Profil verwendet wird) und wählen Sie im Dropdown-Identity-Namespace die Option WKND-Benutzer-ID aus. Klicken Sie abschließend auf die Schaltfläche Anwenden.

Nach dem Hinzufügen des benutzerdefinierten primären Identitätsfelds sollte das Schema wie folgt aussehen:

Fügen Sie entsprechend die folgenden Felder hinzu, um zusätzliche Benutzer- und Adventure-Kaufdetails zu speichern:

Aktivieren Sie das Profil für das Schema.

Adobe Experience Platform Klicken Sie in ​​im linken Navigationsbereich auf Datensätze und dann oben rechts auf die Schaltfläche Datensatz erstellen). Wählen Sie dann die Option Schemabasiert und klicken Sie auf Weiter.

Wählen Schritt " auswählen“ das Schema WKND-RDE-Known-User-Personalization-Behavioral aus und klicken Sie auf Weiter.

Geben Sie für den Schritt Datensatz konfigurieren Folgendes ein:

• Name: WKND-RDE-known-user-Personalization-Behavioral
• Beschreibung: Datensatz für die Verhaltensdaten wie Seitenansichten mit dem Anmeldestatus des Benutzers.

Klicken Sie auf Beenden, um den Datensatz zu erstellen.

Schalten Sie den Profil um, um den Datensatz für Profil zu aktivieren.

Wiederholen Sie die gleichen Schritte für den Transaktionsdatensatz. Der einzige Unterschied ist der Schema- und Datensatzname.

• schema: WKND-RDE-known-user-Personalization-transaction
• Datensatz: WKND-RDE-known-user-Personalization-transaction
• Beschreibung: Datensatz für die Transaktionsdaten wie WKND Adventure-Käufe.
• Profil: Aktivieren

Der endgültige Transaktionsdatensatz sollte wie folgt aussehen:

Klicken Sie in Adobe Experience Platform im linken Navigationsbereich auf Datenströme und dann auf Datenstrom erstellen.

Geben Sie im Dialogfeld Neuer Datenstrom Folgendes ein:

• Name: WKND-RDE-known-user-Personalization-Behavioral
• Beschreibung: Datenstrom zum Senden von Verhaltensdaten an Experience Platform
• Zuordnungsschema: WKND-RDE-known-user-Personalization-behavior

Klicken Sie Speichern, um den Datenstrom zu erstellen.

Nachdem der Datenstrom erstellt wurde, klicken Sie auf Service hinzufügen.

Wählen Sie im Schritt Service hinzufügen aus dem Dropdown-Menü Adobe Experience Platform aus und geben Sie Folgendes ein.

• Ereignisdatensatz: WKND-RDE-known-user-Personalization-Behavioral
• Profildatensatz: WKND-RDE-known-user-Personalization-Behavioral
• Offer Decisioning: Aktivieren (ermöglicht es Adobe Target, personalisierte Angebote in Echtzeit anzufordern und bereitzustellen)
• Edge-: Aktivieren (bewertet Zielgruppen in Echtzeit im Edge Network zur sofortigen Personalisierung)
• Personalization-Ziele: Aktivieren (ermöglicht die Freigabe von Zielgruppen mit Personalisierungs-Tools wie Adobe Target)

Klicken Sie auf Speichern, um den Service hinzuzufügen.

Wählen Sie im Schritt Service hinzufügen aus dem Dropdown-Menü Adobe Target aus, und geben Sie die Target-Umgebungs-ID ein. Die Target-Umgebungs-ID finden Sie in Adobe Target unter Administration > Umgebungen. Klicken Sie auf Speichern, um den Service hinzuzufügen.

Der endgültige Datenstrom sollte wie folgt aussehen:

Klicken Sie in Adobe Experience Platform im linken Navigationsbereich auf Tags und dann auf die Schaltfläche Neue Eigenschaft.

Geben Sie im Dialogfeld Eigenschaft erstellen Folgendes ein:

• Eigenschaftsname: WKND-RDE-known-user-Personalization
• Eigenschaftstyp: Wählen Sie Web aus.
• Domain: die Domain, in der Sie die Eigenschaft bereitstellen (z. B. adobeaemcloud.com)

Klicken Sie auf Speichern, um die Eigenschaft zu erstellen.

Öffnen Sie die neue Eigenschaft, klicken Sie im linken Navigationsbereich auf Erweiterungen und klicken Sie auf die Registerkarte Katalog. Suchen Sie nach Web SDK und klicken Sie auf die Schaltfläche Installieren.

Wählen Sie im Dialogfeld Erweiterung installieren den zuvor erstellten Datenstrom, und klicken Sie auf Speichern.

Klicken Sie im linken Navigationsbereich auf Datenelemente und dann auf die Schaltfläche Neues Datenelement erstellen.

Geben Sie im Dialogfeld Neues Datenelement erstellen Folgendes ein:

• Name: Host-Name

• Erweiterung: Wählen Sie Core aus.

• Datenelementtyp: Wählen Sie Benutzerdefinierter Code

• Klicken Sie auf die Schaltfläche Editor öffnen und geben Sie das folgende Code-Fragment ein:

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

Erstellen Sie nach demselben Schema die folgenden Datenelemente:

• Name: Site-Bereich

• Erweiterung: Wählen Sie Core aus.

• Datenelementtyp: Wählen Sie Benutzerdefinierter Code

• Klicken Sie auf die Schaltfläche Editor öffnen und geben Sie das folgende Code-Fragment ein:

  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 }

• Name: Seitenname

• Erweiterung: Wählen Sie Core aus.

• Datenelementtyp: Wählen Sie Benutzerdefinierter Code

• Klicken Sie auf die Schaltfläche Editor öffnen und geben Sie das folgende Code-Fragment ein:

  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']; }

• Name: WKND-Benutzer-ID

• Erweiterung: Wählen Sie Core aus.

• Datenelementtyp: Wählen Sie Benutzerdefinierter Code

• Klicken Sie auf die Schaltfläche Editor öffnen und geben Sie das folgende Code-Fragment ein:

  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 ""; }

• name: WKND-Benutzerstatus

• Erweiterung: Wählen Sie Core aus.

• Datenelementtyp: Wählen Sie Benutzerdefinierter Code

• Klicken Sie auf die Schaltfläche Editor öffnen und geben Sie das folgende Code-Fragment ein:

  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'; }

Erstellen Sie als Nächstes ein Datenelement vom Typ Identitätszuordnung. Identity Map ist eine standardmäßige XDM-Struktur, in der mehrere Benutzerkennung gespeichert und miteinander verknüpft werden. Dadurch wird eine systemübergreifende Identitätszuordnung ermöglicht. Dieses Datenelement wird verwendet, um die WKND-Benutzer-ID (falls angemeldet) als Teil des Identity Map-Objekts zu speichern.

• Name: identityMap-WKND Benutzer-ID
• Erweiterung: Wählen Sie Adobe Experience Platform Web SDK aus.
• Datenelementtyp: Wählen Sie Identitätszuordnung

Im rechten Panel:

• namespace: Wählen Sie wkndUserId
• ID: Wählen Sie WKND User ID Datenelement aus
• Authentifizierungsstatus: Wählen Sie Authentifiziert
• Primär: Wählen Sie true

Klicken Sie auf Speichern, um das Datenelement zu erstellen.

Erstellen Sie anschließend ein Datenelement vom Typ Variable. Dieses Datenelement wird mit den Seitendetails gefüllt, bevor es an Experience Platform gesendet wird.

• Name: XDM-Variable-Seitenansicht
• Erweiterung: Wählen Sie Adobe Experience Platform Web SDK aus.
• Datenelementtyp: Wählen Sie Variable

Im rechten Panel:

• Sandbox: Wählen Sie Ihre Sandbox aus
• Schema: Wählen Sie das Schema WKND-RDE-Known-User-Personalization aus

Klicken Sie auf Speichern, um das Datenelement zu erstellen.

• Die endgültigen Datenelemente sollten wie folgt aussehen:

  

Klicken Sie im linken Navigationsbereich auf Regeln und dann auf die Schaltfläche Neue Regel erstellen.

Geben Sie im Dialogfeld Neue Regel erstellen Folgendes ein:

• Name: alle Seiten - beim Laden - mit Benutzerdaten

• Klicken Sie im Abschnitt Ereignisse auf Hinzufügen, um den Assistenten Ereigniskonfiguration zu öffnen.

  • Erweiterung: Wählen Sie Core aus.
  • Ereignistyp: Wählen Sie Benutzerdefinierter Code
  • Klicken Sie auf die Schaltfläche Editor öffnen und geben Sie das folgende Code-Fragment ein:

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

  Beachten Sie, dass die Funktion getUserDataFromSession verwendet wird, um den Benutzeranmeldestatus und die WKND-Benutzer-ID (falls angemeldet) aus dem Sitzungsspeicher abzurufen. Der AEM-Code ist für das Ausfüllen des Sitzungsspeichers mit dem Benutzeranmeldestatus und der WKND-Benutzer-ID verantwortlich. Im AEM-spezifischen Schritt haben Sie die WKND Site Login-Funktion erweitert, um die Benutzer-ID im Sitzungsspeicher des Browsers zu speichern.

• Klicken Sie im Abschnitt Bedingungen auf Hinzufügen, um den Assistenten Bedingungskonfiguration zu öffnen.

  • Logiktyp: Wählen Sie Standard
  • Erweiterung: Wählen Sie Core aus.
  • Bedingungstyp: Wählen Sie Benutzerdefinierter Code
  • Klicken Sie auf die Schaltfläche Editor öffnen und geben Sie das folgende Code-Fragment ein:

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

• Klicken Sie anschließend im Abschnitt Aktionen auf Hinzufügen, um den Assistenten Aktionskonfiguration zu öffnen.

  • Erweiterung: Wählen Sie Adobe Experience Platform Web SDK aus.

  • Aktionstyp: Wählen Sie Variable aktualisieren

  • Ordnen Sie die XDM-Felder den Datenelementen zu:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2
    XDM-Feld	Datenelement
    web.webPageDetails.name	Seitenname
    web.webPageDetails.server	Host-Name
    web.webPageDetails.siteSection	Site-Bereich
    web.webPageDetails.value	1
    identityMap	IdentityMap-WKND Benutzer-ID
    _$IHR_NAMESPACE$.wkndLoginStatus	WKND-Benutzerstatus

  

  • Klicken Sie auf Änderungen beibehalten, um die Aktionskonfiguration zu speichern.

• Klicken Sie erneut auf Hinzufügen , um eine weitere Aktion hinzuzufügen und den Assistenten für die Aktionskonfiguration zu öffnen.

  • Erweiterung: Wählen Sie Adobe Experience Platform Web SDK aus.
  • Aktionstyp: Wählen Sie Ereignis senden aus
  • Ordnen Sie im Abschnitt Daten im rechten Panel das Datenelement XDM-Variable-Seitenansicht dem Seitentyp WebPageDetails zu.

  

• Aktivieren Sie außerdem im Bereich Personalization des rechten Bedienfelds die Option Visuelle Personalisierungsentscheidungen rendern. Klicken Sie dann auf Änderungen beibehalten, um die Aktion zu speichern.

  

Die Regel sollte wie folgt aussehen:

Klicken Sie im linken Navigationsbereich auf Veröffentlichungsfluss und dann auf die Schaltfläche Bibliothek hinzufügen.

Geben Sie im Dialogfeld Bibliothek hinzufügen Folgendes ein:

• Name: 1.0
• Umgebung: Wählen Sie Entwicklung aus.
• Klicken Sie auf Alle geänderten Ressourcen hinzufügen, um alle Ressourcen auszuwählen.

Klicken Sie auf Speichern und in Entwicklung erstellen, um die Bibliothek zu erstellen.

Um die Bibliothek in der Produktion zu veröffentlichen, klicken Sie auf Genehmigen und zur Produktion veröffentlichen. Sobald die Veröffentlichung abgeschlossen ist, kann die Eigenschaft in AEM verwendet werden.

Klicken Sie in Adobe Experience Platform im linken Navigationsbereich auf Profile und dann auf die Registerkarte Zusammenführungsrichtlinien.

Adobe Experience Platform Klicken Sie in ​​im linken Navigationsbereich auf Ziele und dann auf die Registerkarte Katalog. Suchen Sie nach Personalization und wählen Sie (v2) Adobe Target-Ziel aus.

Geben Sie im Schritt Ziele aktivieren einen Namen für das Ziel ein und klicken Sie auf die Schaltfläche Mit Ziel verbinden.

Geben Sie im Abschnitt Zieldetails Folgendes ein:

• Name: WKND-RDE-known-user-Personalization-destination
• Beschreibung: Ziel für die Personalisierung für bekannte Benutzende
• Datenstrom: Wählen Sie den Datenstrom aus, den Sie zuvor erstellt haben
• Arbeitsbereich: Wählen Sie Ihren Adobe Target-Arbeitsbereich aus

Klicken Sie auf Weiter und schließen Sie die Zielkonfiguration ab.

Navigieren Sie zum ui.frontend und öffnen Sie die ui.frontend/src/main/webpack/components/form/sign-in-buttons/sign-in-buttons.js. Überprüfen Sie den Code, nachdem AJAX currentuser.json aufgerufen hat und je nach Anmeldestatus des Benutzers entweder die Schaltfläche Anmelden oder Abmelden angezeigt wird.

Aktualisieren Sie den Code, um die Benutzer-ID im Sitzungsspeicher des Browsers zu speichern, und optimieren Sie den Code auch, um mehrere AJAX-Aufrufe an currentuser.json zu vermeiden.

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

    })();
});

Beachten Sie, dass die Regel für die Tag-Eigenschaft davon abhängt, dass die Benutzer-ID im Sitzungsspeicher des Browsers gespeichert wird. Der wknd_user_state ist ein gemeinsamer Vertrag zwischen dem AEM-Code und der Tags-Eigenschaftsregel zum Speichern und Abrufen der Benutzer-ID.

Überprüfen Sie Änderungen lokal, indem Sie das Projekt erstellen und lokal ausführen.

$ mvn clean install -PautoInstallSinglePackage

Melden Sie sich mit asmith/asmith (oder anderen von Ihnen erstellten Benutzeranmeldeinformationen) an, ​ sie ​ das aem-guides-wknd-Projekt aufgenommen werden.

In meinem Fall habe ich einen neuen Benutzer mit der ID teddy zum Testen erstellt.

Nachdem bestätigt wurde, dass die Benutzer-ID im Sitzungsspeicher des Browsers gespeichert ist (mithilfe der Entwickler-Tools des Browsers), übertragen Sie die Änderungen in das Remote-Repository von 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

Stellen Sie die Änderungen entweder mithilfe von Cloud Manager-Pipelines oder mithilfe des AEM-RDE-Befehls in der AEM as a Cloud Service-Umgebung bereit.

Navigieren Sie im -Browser zur WKND-Site, die in Ihrer AEM as a Cloud Service-Umgebung bereitgestellt wird. Da Sie anonym sind, sollten Sie ähnliche Datenerfassungsanfragen sehen.

Melden Sie sich mit asmith/asmith Anmeldeinformationen an. Sie sollten ähnliche Datenerfassungsanfragen sehen.

Klicken Sie in AEM auf Experience Fragments und navigieren Sie zum Ordner WKND Site Fragments . Erstellen Sie am gewünschten Speicherort ein neues Experience Fragment.

Erstellen Sie das Experience Fragment, indem Sie eine Teaser -Komponente hinzufügen und passen Sie es mit Inhalten an, die für den Upsell der Skiausrüstung relevant sind.

Exportieren Sie das Experience Fragment nach Adobe Target.

Klicken Sie in Adobe Experience Platform Datensätze und öffnen Sie den WKND-RDE-Known-User-Personalization-Behavioral-Datensatz. Stellen Sie sicher, dass die erfassten Daten-Statistiken gültig sind.

Um zu überprüfen, ob die Profile erstellt wurden klicken Sie im Navigationsbereich auf „Profile“. Navigieren Sie dann zur Registerkarte Durchsuchen und filtern Sie mithilfe der folgenden Kriterien:

• Zusammenführungsrichtlinie: $YOUR_MERGE_POLICY_NAME
• Identity-Namespace: ECID (Experience Cloud-ID, eine eindeutige Kennung, die von Adobe automatisch dem Browser jedes Besuchers zugewiesen wird)
• Identitätswert: Suchen Sie mithilfe der Entwickler-Tools des Browsers oder des Experience Platform-Debuggers. Es handelt sich um den AMCV_$NAMESPACE$ -Cookie-Wert ohne MCMID|.

Klicken Sie auf Schaltfläche​Anzeigen“.

Klicken Sie auf das Profil. Sie sollten die Details des Profils sehen.

In meinem Fall habe ich meine WKND-Site von zwei verschiedenen Browsern aus aufgerufen, sodass ich zwei ECIDs habe, die mit teddy verknüpft sind. Die Daten aus den beiden ECIDs werden zusammengeführt, um das Profil zu erstellen. Sie haben begonnen, die Leistungsfähigkeit der Identitätszuordnung zu erkennen und zu erkennen, wie sie zur Erstellung eines vollständigen Kundenprofils verwendet wird. Bald werden die Transaktionsdaten mit den Verhaltensdaten verknüpft, um ein vollständiges Kundenprofil zu erstellen.

Klicken Sie auf die Ereignisse, um die mit dem Profil verbundenen Ereignisse anzuzeigen.

Klicken Sie in Adobe Experience Platform Datensätze und öffnen Sie den WKND-RDE-Known-User-Personalization-Transactional Datensatz.

Suchen Sie im rechten Bedienfeld nach dem Abschnitt DATEN HINZUFÜGEN und ziehen Sie die Datei -ski-adventure-purchase-data. darauf. Diese Datei enthält die Platzhalter-Transaktionsdaten für die WKND Adventure-Käufe. In einem realen Szenario werden diese Daten aus dem anderen System (z. B. OMS oder CRM oder MDM) mithilfe der Batch- oder Streaming-Aufnahme aufgenommen.

Warten Sie, bis die Datenverarbeitung abgeschlossen ist.

Aktualisieren Sie nach Abschluss der Datenverarbeitung die Datensatzseite.

Klicken Sie linken Navigationsbereich auf Profile“. Navigieren Sie dann zur Registerkarte Durchsuchen und filtern Sie mithilfe der folgenden Kriterien:

• Zusammenführungsrichtlinie: $YOUR_MERGE_POLICY_NAME
• Identity-Namespace: ECID
• Identitätswert: Verwenden Sie denselben ECID-Wert, den Sie zum Filtern der Verhaltensdaten und des zugehörigen Profils verwendet haben.

Klicken Sie auf das Profil. Sie sollten die Details des Profils sehen. Die Transaktionsdaten werden mit den Verhaltensdaten verknüpft, um das vollständige Kundenprofil zu erstellen.

Klicken Sie auf die Attribute, um die mit dem Profil verknüpften Details zu Transaktions- und Verhaltensdaten anzuzeigen.

Klicken Sie auf den Identitätsdiagramm anzeigen, um das Identitätsdiagramm des Profils anzuzeigen.

Klicken Sie linken Navigationsbereich auf Profile“. Navigieren Sie dann zur Registerkarte Durchsuchen und filtern Sie mithilfe der folgenden Kriterien:

• Zusammenführungsrichtlinie: $YOUR_MERGE_POLICY_NAME
• Identity-Namespace: WKND-Benutzer-ID
• Identitätswert: teddy oder asmith oder eine andere von Ihnen verwendete Benutzer-ID.

Wenn Sie auf das Profil klicken, sollten Sie dieselben Profildetails sehen wie im vorherigen Schritt.

Klicken Sie in Adobe Experience Platform linken Navigationsbereich auf Zielgruppen“ und dann auf die Schaltfläche Zielgruppe erstellen. Wählen Sie dann die Regel erstellen und klicken Sie auf die Schaltfläche Erstellen.

Geben Sie im Schritt Erstellen Folgendes ein:

• Name: UpSell-Ski-Equipment-to-Authenticated
• Beschreibung: Benutzer, die angemeldet sind und ein Skiabenteuer gekauft haben
• Auswertungsmethode: Edge auswählen (bewertet die Zielgruppenzugehörigkeit in Echtzeit, wenn Benutzer suchen, und ermöglicht so eine sofortige Personalisierung)

Klicken Sie dann auf Attribute und navigieren Sie zur Feldergruppe TechmarketingDemos (oder Ihre $NAMESPACE$). Ziehen Sie das Feld Adventure Purchased in den Abschnitt Mit der Erstellung beginnen. Geben Sie die folgenden Details ein:

Abenteuer erworben: Wählen Sie Enthält und geben Sie den Wert ski ein.

Wechseln Sie dann zur Registerkarte Ereignisse und navigieren Sie zur Feldergruppe techmarketingdemos (oder Ihre $NAMESPACE$). Ziehen Sie das Feld WKND-Anmeldestatus in den Abschnitt Ereignisse. Geben Sie die folgenden Details ein:

WKND-Anmeldestatus: Wählen Sie Gleich und geben Sie den Wert Authentifiziert ein.

Wählen Sie außerdem die Option Heute aus.

Überprüfen Sie die Zielgruppe und klicken Sie auf die Schaltfläche Für Ziel aktivieren.

Wählen im Dialogfeld „Für Ziel aktivieren das zuvor erstellte Adobe Target-Ziel aus und führen Sie die Schritte zum Aktivieren der Zielgruppe aus. Klicken Sie auf Weiter und schließen Sie die Zielkonfiguration ab.

Melden Sie sich bei Adobe Experience Cloud an und navigieren Sie über den App Switcher den Abschnitt Schnellzugriff zu Adobe Target.

Klicken Sie in Adobe Target Zielgruppen und überprüfen Sie, ob die Zielgruppe UpSell-Ski-Equipment-To-Authenticated erstellt wurde.

Durch Klicken auf die Zielgruppe können Sie die Details der Zielgruppe anzeigen und überprüfen, ob sie ordnungsgemäß konfiguriert ist.

Klicken Sie auf Angebote und überprüfen Sie, ob das exportierte AEM-Angebot vorhanden ist. In meinem Fall heißt das Angebot (oder Experience Fragment) "Elemente für Ski haben.

Dadurch werden die Integrationsaktionen in Adobe Experience Platform, AEM und Adobe Target validiert.

Klicken Sie in Adobe Target auf Aktivitäten, klicken Sie auf die Schaltfläche Aktivität erstellen und wählen Sie den Aktivitätstyp Experience Targeting aus.

Wählen Sie im Dialogfeld Experience Targeting-Aktivität erstellen die Option Web-Typ und Visual Composer aus (ein WYSIWYG-Editor, mit dem Sie personalisierte Erlebnisse direkt auf Ihrer Website erstellen und testen können), und geben Sie die URL der WKND-Site-Startseite ein. Klicken Sie auf die Schaltfläche Erstellen, um die Aktivität zu erstellen.

Wählen Sie im Editor die Zielgruppe UpSell-Ski-Equipment-To-Authenticated aus und fügen Sie das Angebot Muss Elemente für Ski anstelle des Top-Heldeninhalts hinzu. Verwenden Sie den folgenden Screenshot als Referenz.

Klicken Sie auf Weiter und konfigurieren Sie den Abschnitt Ziele und Einstellungen mit den entsprechenden Zielen und Metriken. Aktivieren Sie ihn dann, um die Änderungen zu veröffentlichen.

Besuchen Sie die WKND-Site-Startseite. Wenn Sie nicht angemeldet sind, sollten Sie den standardmäßigen Hero-Inhalt sehen.

Melden Sie sich mit teddy/teddy (oder asmith/asmith) Anmeldedaten an. Sie sollten den personalisierten Hero-Inhalt sehen.

Öffnen Sie die Entwickler-Tools Ihres Browsers, und wählen Sie die Registerkarte Netzwerk aus. Filtern Sie nach interact, um die Web SDK-Anfrage zu finden. Die Anfrage/Antwort sollte die Web-SDK-Ereignisse und Adobe Target-Entscheidungsdetails anzeigen.

Die Anfrageausgabe sollte wie folgt aussehen:

Die Antwortausgabe sollte wie folgt aussehen: