Personalizzazione dell’utente noto

In Adobe Experience Platform, fai clic su Identità nell'area di navigazione a sinistra. Fai clic sul pulsante Crea spazio dei nomi dell'identità in alto a destra.

Nella finestra di dialogo Crea spazio dei nomi identità, immetti quanto segue:

• Nome visualizzato: ID utente WKND
• Descrizione: ID utente o nome utente dell'utente WKND connesso
• Seleziona un tipo: ID individuale multi-dispositivo

Fai clic su Crea per creare lo spazio dei nomi delle identità.

In Adobe Experience Platform, fai clic su Schemi nel menu di navigazione a sinistra, quindi fai clic sul pulsante Crea schema in alto a destra. Selezionare quindi l'opzione Manuale e fare clic sul pulsante Seleziona.

Nella procedura guidata Crea schema, per il passaggio Dettagli schema, seleziona l'opzione Evento esperienza (per dati di serie temporali come visualizzazioni di pagina, clic e interazioni utente) e fai clic su Avanti.

Per il passaggio Nome e revisione, immetti quanto segue:

• Nome visualizzato schema: WKND-RDE-Known-User-Personalization-Behavioral
• Classe selezionata: XDM ExperienceEvent

Aggiorna lo schema come segue:

• Aggiungi gruppo di campi: AEP Web SDK ExperienceEvent
• Profilo: Abilita

Fai clic su Salva per creare lo schema.

Per sapere se l’utente ha effettuato l’accesso (autenticato) o è anonimo, aggiungi un campo personalizzato allo schema. In questo caso d'uso, l'obiettivo è quello di personalizzare il contenuto per gli utenti noti che hanno acquistato un'avventura Ski. Pertanto, è importante identificare se l’utente ha effettuato l’accesso (autenticato) o è anonimo.

• Fare clic sul pulsante + accanto al nome dello schema.

• Nella sezione Proprietà campo immettere quanto segue:

  • Nome campo: wkndLoginStatus
  • Nome visualizzato: stato accesso WKND
  • Tipo: Stringa
  • Assegna a: gruppo di campi > wknd-user-details

  Scorri verso il basso e fai clic sul pulsante Applica.

  

Lo schema finale dei dati comportamentali deve essere simile al seguente:

Nella procedura guidata Crea schema, per il passaggio Dettagli schema, seleziona l'opzione Profilo individuale (per dati basati su record come attributi del cliente, preferenze e cronologia acquisti) e fai clic su Avanti.

Per il passaggio Nome e revisione, immetti quanto segue:

• Nome visualizzato schema: WKND-RDE-Known-User-Personalization-Transactional
• Classe selezionata: profilo individuale XDM

Per memorizzare i dettagli di acquisto WKND Adventure di un utente, aggiungiamo prima un campo personalizzato che funge da identificatore per l’acquisto. L'ID utente WKND (wkndUserId) è l'identificatore comune tra i sistemi.

• Fare clic sul pulsante + accanto al nome dello schema.

• Nella sezione Proprietà campo immettere quanto segue:

  • Nome campo: wkndUserId
  • Nome visualizzato: ID utente WKND
  • Tipo: Stringa
  • Assegna a: gruppo di campi > wknd-user-purchase-details

• Scorri verso il basso, controlla Identità, controlla Identità primaria (l'identificatore principale utilizzato per unire dati da origini diverse in un profilo unificato) e nel menu a discesa Spazio dei nomi identità seleziona ID utente WKND. Fare clic sul pulsante Applica.

Dopo l’aggiunta del campo dell’identità primaria personalizzata, lo schema deve essere simile al seguente:

Allo stesso modo, aggiungi i seguenti campi per memorizzare ulteriori dettagli di acquisto di utenti e avventura:

Abilita Profilo per lo schema.

In Adobe Experience Platform, fai clic su Set di dati nel menu di navigazione a sinistra, quindi fai clic sul pulsante Crea set di dati in alto a destra. Seleziona quindi l'opzione Basata su schema e fai clic su Avanti.

Per il passaggio Seleziona schema, seleziona lo schema WKND-RDE-Known-User-Personalization-Behavioral e fai clic su Avanti.

Per il passaggio Configura set di dati, immetti quanto segue:

• Nome: WKND-RDE-Known-User-Personalization-Behavioral
• Descrizione: set di dati per i dati comportamentali, ad esempio le visualizzazioni di pagina con stato di accesso utente.

Fai clic su Fine per creare il set di dati.

Attiva l'opzione Profilo per abilitare il set di dati per il profilo.

Ripeti gli stessi passaggi per il set di dati sulle transazioni. L’unica differenza è il nome dello schema e del set di dati.

• Schema: WKND-RDE-Known-User-Personalization-Transactional
• Set di dati: WKND-RDE-Known-User-Personalization-Transactional
• Descrizione: set di dati per i dati transazionali, ad esempio acquisti WKND Adventure.
• Profilo: Abilita

Il set di dati finale sui dati transazionali deve essere simile al seguente:

In Adobe Experience Platform, fai clic su Datastreams nel menu di navigazione a sinistra, quindi fai clic su Create datastream.

Nel passaggio Nuovo flusso di dati, immetti quanto segue:

• Nome: WKND-RDE-Known-User-Personalization-Behavioral
• Descrizione: stream di dati per inviare dati comportamentali ad Experience Platform
• Schema di mappatura: WKND-RDE-Known-User-Personalization-Behavioral

Fai clic su Salva per creare lo stream di dati.

Una volta creato lo stream di dati, fare clic su Aggiungi servizio.

Nel passaggio Aggiungi servizio, seleziona Adobe Experience Platform dal menu a discesa e immetti quanto segue:

• Set di dati evento: WKND-RDE-Known-User-Personalization-Behavioral
• Set di dati profilo: WKND-RDE-Known-User-Personalization-Behavioral
• Offer Decisioning: abilita (consente ad Adobe Target di richiedere e consegnare offerte personalizzate in tempo reale)
• Segmentazione di Edge: abilita (valuta i tipi di pubblico in tempo reale nella rete Edge per la personalizzazione immediata)
• Destinazioni Personalization: abilita (consente la condivisione del pubblico con strumenti di personalizzazione come Adobe Target)

Fai clic su Salva per aggiungere il servizio.

Nel passaggio Aggiungi servizio, seleziona Adobe Target dal menu a discesa e immetti l'ID ambiente di destinazione. Puoi trovare l'ID ambiente di destinazione in Adobe Target in Amministrazione > Ambienti. Fai clic su Salva per aggiungere il servizio.

Lo stream di dati finale sarà simile al seguente:

In Adobe Experience Platform, fai clic su Tag nel menu di navigazione a sinistra e quindi sul pulsante Nuova proprietà.

Nella finestra di dialogo Crea proprietà, immetti quanto segue:

• Nome proprietà: WKND-RDE-Known-User-Personalization
• Tipo di proprietà: selezionare Web
• Dominio: il dominio in cui si distribuisce la proprietà (ad esempio, adobeaemcloud.com)

Fai clic su Salva per creare la proprietà.

Apri la nuova proprietà e fai clic su Estensioni nel menu di navigazione a sinistra, quindi fai clic sulla scheda Catalogo. Cerca Web SDK e fai clic sul pulsante Installa.

Nella finestra di dialogo Installa estensione, seleziona lo stream di dati creato in precedenza e fai clic su Salva.

Fare clic su Elementi dati nel menu di navigazione a sinistra e quindi sul pulsante Crea nuovo elemento dati.

Nella finestra di dialogo Crea nuovo elemento dati, immetti quanto segue:

• Nome: Nome host

• Estensione: Seleziona Core

• Tipo Elemento Dati: Seleziona Codice Personalizzato

• Apri il pulsante Editor e immetti il seguente frammento di codice:

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

Allo stesso modo, crea i seguenti elementi di dati:

• Nome: sezione del sito

• Estensione: Seleziona Core

• Tipo Elemento Dati: Seleziona Codice Personalizzato

• Apri il pulsante Editor e immetti il seguente frammento di codice:

  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 }

• Nome: Nome Pagina

• Estensione: Seleziona Core

• Tipo Elemento Dati: Seleziona Codice Personalizzato

• Apri il pulsante Editor e immetti il seguente frammento di codice:

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

• Nome: ID utente WKND

• Estensione: Seleziona Core

• Tipo Elemento Dati: Seleziona Codice Personalizzato

• Apri il pulsante Editor e immetti il seguente frammento di codice:

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

• Nome: stato utente WKND

• Estensione: Seleziona Core

• Tipo Elemento Dati: Seleziona Codice Personalizzato

• Apri il pulsante Editor e immetti il seguente frammento di codice:

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

Quindi, crea un elemento dati di tipo Identity Map. Identity Map è una struttura XDM standard che memorizza più identificatori utente e li collega tra loro, consentendo l’unione delle identità tra i sistemi. Questo elemento dati viene utilizzato per memorizzare l’ID utente WKND (se connesso) come parte dell’oggetto Identity Map.

• Nome: ID utente IdentityMap-WKND
• Estensione: Seleziona Adobe Experience Platform Web SDK
• Tipo di elemento dati: selezionare Mappa identità

Nel pannello a destra,

• Spazio dei nomi: selezionare wkndUserId
• ID: Seleziona ID utente WKND elemento dati
• Stato autenticazione: selezionare Autenticato
• Principale: Seleziona true

Fai clic su Salva per creare l'elemento dati.

Quindi, creare un elemento dati di tipo Variabile. Questo elemento dati viene compilato con i dettagli della pagina prima di inviarlo all’Experience Platform.

• Nome: XDM-Variable Pageview
• Estensione: Seleziona Adobe Experience Platform Web SDK
• Tipo Di Elemento Dati: Seleziona Variabile

Nel pannello a destra,

• Sandbox: seleziona la sandbox
• Schema: selezionare lo schema WKND-RDE-Known-User-Personalization

Fai clic su Salva per creare l'elemento dati.

• Gli elementi dati finali dovrebbero essere simili al seguente:

  

Fai clic su Regole nella barra di navigazione a sinistra, quindi fai clic sul pulsante Crea nuova regola.

Nella finestra di dialogo Crea nuova regola, immetti quanto segue:

• Nome: tutte le pagine - al caricamento - con dati utente

• Per la sezione Eventi, fare clic su Aggiungi per aprire la procedura guidata Configurazione evento.

  • Estensione: Seleziona Core
  • Tipo evento: selezionare Codice personalizzato
  • Apri il pulsante Editor e immetti il seguente frammento di codice:

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

  Si noti che la funzione getUserDataFromSession viene utilizzata per ottenere lo stato di accesso dell'utente e l'ID utente WKND (se connesso) dall'archiviazione della sessione. Il codice AEM è responsabile del popolamento dell’archiviazione della sessione con lo stato di accesso dell’utente e l’ID utente WKND. Nel passaggio specifico di AEM, hai migliorato la funzionalità di accesso al sito WKND per memorizzare l’ID utente nell’archiviazione della sessione del browser.

• Per la sezione Conditions, fare clic su Add per aprire la procedura guidata Condition Configuration.

  • Tipo di logica: Seleziona Normale
  • Estensione: Seleziona Core
  • Tipo Condizione: Seleziona Codice Personalizzato
  • Apri il pulsante Editor e immetti il seguente frammento di codice:

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

• Per la sezione Azioni, fare clic su Aggiungi per aprire la procedura guidata Configurazione azione.

  • Estensione: Seleziona Adobe Experience Platform Web SDK

  • Tipo azione: Seleziona Aggiorna variabile

  • Mappa i campi XDM sugli elementi di dati:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2
    Campo XDM	Elemento dati
    web.webPageDetails.name	Nome pagina
    web.webPageDetails.server	Nome host
    web.webPageDetails.siteSection	Sezione del sito
    web.webPageDetails.value	1
    identityMap	ID utente IdentityMap-WKND
    _$YOUR_NAMESPACE$.wkndLoginStatus	Stato utente WKND

  

  • Fai clic su Mantieni modifiche per salvare la configurazione dell'azione.

• Di nuovo, fai clic su Aggiungi per aggiungere un’altra azione e aprire la Configurazione guidata azioni.

  • Estensione: Seleziona Adobe Experience Platform Web SDK
  • Tipo azione: Seleziona Invia evento
  • Nella sezione Dati del pannello di destra, mappa l'elemento dati Pageview variabile XDM con il tipo Visualizzazioni pagina Web Webpagedetails.

  

• Inoltre, nella sezione Personalization del pannello di destra, seleziona l'opzione Rendering delle decisioni di personalizzazione visiva. Quindi fai clic su Mantieni modifiche per salvare l'azione.

  

La regola deve essere simile alla seguente:

Fare clic su Flusso di pubblicazione nel menu di navigazione a sinistra e fare clic sul pulsante Aggiungi libreria.

Nella finestra di dialogo Aggiungi libreria, immetti quanto segue:

• Nome: 1,0
• Ambiente: Seleziona Sviluppo
• Fare clic su Aggiungi tutte le risorse modificate per selezionare tutte le risorse.

Fai clic su Salva e genera in sviluppo per creare la libreria.

Per pubblicare la libreria in produzione, fai clic su Approva e pubblica in produzione. Una volta completata la pubblicazione, la proprietà è pronta per essere utilizzata in AEM.

In Adobe Experience Platform, fai clic su Profili nel menu di navigazione a sinistra e quindi sulla scheda Criteri di unione.

In Adobe Experience Platform, fai clic su Destinazioni nel menu di navigazione a sinistra e quindi sulla scheda Catalogo. Cerca Personalization e seleziona la destinazione (v2) Adobe Target.

Nel passaggio Attiva destinazioni, specifica un nome per la destinazione e fai clic sul pulsante Connetti alla destinazione.

Nella sezione Dettagli destinazione, immetti quanto segue:

• Nome: WKND-RDE-Known-User-Personalization-Destination
• Descrizione: destinazione della personalizzazione utente noto
• Datastream: seleziona lo Datastream creato in precedenza
• Workspace: seleziona la tua area di lavoro Adobe Target

Fai clic su Avanti e completa la configurazione di destinazione.

Passare al modulo ui.frontend e aprire il file ui.frontend/src/main/webpack/components/form/sign-in-buttons/sign-in-buttons.js. Rivedi il codice: dopo aver eseguito una chiamata AJAX a currentuser.json, viene visualizzato il pulsante Accedi o Disconnetti in base allo stato di accesso dell'utente.

Aggiorna il codice per memorizzare l'ID utente nell'archiviazione della sessione del browser e ottimizza il codice per evitare di effettuare più chiamate AJAX a currentuser.json.

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

    })();
});

La regola della proprietà Tags si basa sull'ID utente memorizzato nell'archivio della sessione del browser. La chiave wknd_user_state è un contratto comune tra il codice AEM e la regola della proprietà Tags per l'archiviazione e il recupero dell'ID utente.

Verifica le modifiche localmente generando il progetto ed eseguendolo localmente.

$ mvn clean install -PautoInstallSinglePackage

Accedi utilizzando le credenziali asmith/asmith (o qualsiasi altro utente creato), sono inclusi nel progetto aem-guides-wknd.

Nel mio caso, ho creato un nuovo utente con l'ID teddy per il test.

Dopo aver confermato che l’ID utente è memorizzato nell’archivio della sessione del browser (utilizzando gli strumenti per sviluppatori del browser), conferma e invia le modifiche all’archivio remoto 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

Distribuisci le modifiche nell’ambiente AEM as a Cloud Service utilizzando le pipeline Cloud Manager o il comando AEM RDE.

Nel browser, accedi al sito WKND distribuito nell’ambiente AEM as a Cloud Service. Dato che sei anonimo, dovresti vedere richieste di raccolta dati simili.

Accedi utilizzando le credenziali asmith/asmith. Dovresti vedere richieste di raccolta dati simili.

In AEM, fai clic su Frammenti esperienza e passa alla cartella Frammenti sito WKND. Crea un nuovo frammento di esperienza nella posizione desiderata.

Crea il frammento di esperienza aggiungendo un componente Teaser e personalizzalo con contenuti rilevanti per la vendita upselling dell’attrezzatura da sci.

Esporta il frammento di esperienza in Adobe Target.

In Adobe Experience Platform, fai clic su Set di dati e apri il set di dati WKND-RDE-Known-User-Personalization-Behavioral. Assicurati che le statistiche dei dati acquisiti siano valide.

Per verificare che i profili siano stati creati, fare clic su Profili nell'area di navigazione a sinistra. Passare quindi alla scheda Sfoglia e filtrare in base ai criteri seguenti:

• Criterio di unione: $YOUR_MERGE_POLICY_NAME
• Spazio dei nomi identità: ECID (Experience Cloud ID, un identificatore univoco assegnato automaticamente da Adobe al browser di ogni visitatore)
• Valore identità: trova utilizzando gli strumenti di sviluppo del browser o Experience Platform Debugger. Si tratta del valore del cookie AMCV_$NAMESPACE$ senza il prefisso MCMID|.

Fare clic sul pulsante, Visualizza.

Fai clic sul profilo per visualizzarne i dettagli.

Nel mio caso, ho effettuato l'accesso al mio sito WKND da due browser diversi, quindi ho due ECID associati all'utente teddy. I dati di entrambi gli ECID sono uniti per creare il profilo. Hai iniziato a comprendere la potenza dell’unione di identità e come viene utilizzata per creare un profilo cliente completo. Presto i dati transazionali vengono uniti ai dati comportamentali per creare un profilo cliente completo.

Fai clic sulla scheda Eventi per visualizzare gli eventi relativi al profilo.

In Adobe Experience Platform, fai clic su Set di dati e apri il set di dati WKND-RDE-Known-User-Personalization-Transactional.

Nel pannello a destra, cerca la sezione AGGIUNGI DATI e trascina il file ski-adventure-purchase-data.json. Questo file contiene i dati transazionali fittizi per gli acquisti WKND Adventure. In uno scenario reale, questi dati vengono acquisiti dall’altro sistema (ad esempio, OMS, CRM o MDM) utilizzando l’acquisizione in batch o in streaming.

Attendi il completamento dell’elaborazione dei dati.

Al termine dell’elaborazione dei dati, aggiorna la pagina del set di dati.

Fare clic su Profili nell'area di navigazione a sinistra. Passare quindi alla scheda Sfoglia e filtrare in base ai criteri seguenti:

• Criterio di unione: $YOUR_MERGE_POLICY_NAME
• Spazio dei nomi identità: ECID
• Valore identità: utilizza lo stesso valore ECID utilizzato per filtrare i dati comportamentali e il profilo associato.

Fai clic sul profilo per visualizzarne i dettagli. I dati transazionali vengono uniti ai dati comportamentali per creare il profilo cliente completo.

Fai clic sulla scheda Attributi per visualizzare i dettagli dei dati transazionali e comportamentali associati al profilo.

Fai clic sul collegamento Visualizza grafo identità per visualizzare il grafo identità del profilo.

Fare clic su Profili nell'area di navigazione a sinistra. Passare quindi alla scheda Sfoglia e filtrare in base ai criteri seguenti:

• Criterio di unione: $YOUR_MERGE_POLICY_NAME
• Spazio dei nomi identità: ID utente WKND
• Valore identità: teddy o asmith o qualsiasi altro ID utente utilizzato.

Fai clic sul profilo per visualizzare gli stessi dettagli del profilo visualizzati nel passaggio precedente.

In Adobe Experience Platform, fai clic su Tipi di pubblico nell'area di navigazione a sinistra, quindi fai clic sul pulsante Crea pubblico. Selezionare quindi l'opzione Build-rule e fare clic sul pulsante Crea.

Nel passaggio Crea, immetti quanto segue:

• Nome: UpSell-Ski-Equipment-To-Authenticated
• Descrizione: utenti che hanno effettuato l'accesso e hanno acquistato un'avventura sciistica
• Metodo di valutazione: seleziona Edge (valuta l'appartenenza al pubblico in tempo reale durante la navigazione degli utenti, abilitando la personalizzazione immediata)

Fai clic sulla scheda Attributi e passa al gruppo di campi Techmarketingdemos (o $NAMESPACE$). Trascina e rilascia il campo Avventura acquistata nella sezione Inizia generazione. Immetti i seguenti dettagli:

Avventura acquistata: seleziona Contiene e immetti il valore ski.

Quindi, passa alla scheda Eventi e passa al gruppo di campi techmarketingdemos (o $NAMESPACE$). Trascina e rilascia il campo Stato di accesso WKND nella sezione Eventi. Immetti i seguenti dettagli:

Stato accesso WKND: selezionare È uguale a e immettere il valore autenticato.

Selezionare inoltre l'opzione Oggi.

Rivedi il pubblico e fai clic sul pulsante Attiva nella destinazione.

Nella finestra di dialogo Attiva nella destinazione, seleziona la destinazione Adobe Target creata in precedenza e segui i passaggi per attivare il pubblico. Fai clic su Avanti e completa la configurazione di destinazione.

Accedi a Adobe Experience Cloud e passa a Adobe Target dalla sezione Cambio app o Accesso rapido.

In Adobe Target, fai clic su Tipi di pubblico e verifica che sia stato creato il pubblico UpSell-Equipment-To-Authenticated.

Facendo clic sul pubblico, puoi visualizzare i dettagli del pubblico e verificare che sia configurato correttamente.

Fai clic su Offerte e verifica che esista l'offerta esportata da AEM. Nel mio caso, l'offerta (o frammento di esperienza) è denominata Deve avere elementi per Ski.

In questo modo vengono convalidate le azioni di integrazione in Adobe Experience Platform, AEM e Adobe Target.

In Adobe Target, fai clic su Attività, fai clic sul pulsante Crea attività e seleziona il tipo di attività Targeting esperienza.

Nella finestra di dialogo Crea attività di targeting esperienza, seleziona il tipo Web e l'opzione del compositore Visual (un editor di WYSIWYG che consente di creare e testare esperienze personalizzate direttamente sul sito Web), quindi immetti l'URL della home page del sito WKND. Fai clic sul pulsante Crea per creare l'attività.

Nell'editor, seleziona il pubblico UpSell-Ski-Equipment-To-Authenticated e aggiungi Must Have Items for Ski al posto del contenuto principale. Per maggiori informazioni, consulta la schermata seguente.

Fai clic su Avanti e configura la sezione Obiettivi e impostazioni con obiettivi e metriche appropriate, quindi attivala per inviare le modifiche in tempo reale.

Visita la home page del sito WKND; se non hai effettuato l’accesso, dovresti visualizzare il contenuto hero predefinito.

Accedi utilizzando le credenziali teddy/teddy (o asmith/asmith) per visualizzare il contenuto principale personalizzato.

Apri gli strumenti di sviluppo del browser e controlla la scheda Rete. Filtra per interact per trovare la richiesta Web SDK. La richiesta/risposta deve mostrare i dettagli dell’evento SDK web e della decisione Adobe Target.

L’output della richiesta deve essere simile al seguente:

L’output di risposta dovrebbe essere simile al seguente: