Personalización de usuario conocido

En Adobe Experience Platform, haga clic en Identidades desde el panel de navegación izquierdo. A continuación, haga clic en el botón Crear área de nombres de identidad de la parte superior derecha.

En el cuadro de diálogo Crear área de nombres de identidad, escriba lo siguiente:

• Nombre para mostrar: ID de usuario de WKND
• Descripción: ID de usuario o nombre de usuario del usuario WKND que inició sesión.
• Seleccionar un tipo: ID individual entre dispositivos

Haga clic en Crear para crear el área de nombres de identidad.

En Adobe Experience Platform, haga clic en Esquemas en el panel de navegación izquierdo y, a continuación, haga clic en el botón Crear esquema en la parte superior derecha. Luego selecciona la opción Manual y haz clic en el botón Seleccionar.

En el asistente Crear esquema, para el paso Detalles del esquema, seleccione la opción Evento de experiencia (para datos de series temporales como vistas de página, clics e interacciones de usuarios) y haga clic en Siguiente.

Para el paso Nombrar y revisar, escriba lo siguiente:

• Nombre para mostrar del esquema: WKND-RDE-Known-User-Personalization-Behavioral
• Clase seleccionada: XDM ExperienceEvent

Actualice el esquema de la siguiente manera:

• Agregar grupo de campos: AEP Web SDK ExperienceEvent
• Perfil: Habilitar

Haga clic en Guardar para crear el esquema.

Para saber si el usuario ha iniciado sesión (autenticado) o es anónimo, agregue un campo personalizado al esquema. En este caso de uso, el objetivo es personalizar el contenido para los usuarios conocidos que hayan comprado cualquier aventura de Ski. Por lo tanto, es importante identificar si el usuario ha iniciado sesión (autenticado) o es anónimo.

• Haga clic en el botón + junto al nombre del esquema.

• En la sección Propiedades del campo, escriba lo siguiente:

  • Nombre de campo: wkndLoginStatus
  • Nombre para mostrar: Estado de inicio de sesión WKND
  • Tipo: Cadena
  • Asignar a: grupo de campos > wknd-user-details

  Desplácese hacia abajo y haga clic en el botón Aplicar.

  

El esquema de datos de comportamiento final debe tener este aspecto:

En el asistente Crear esquema, para el paso Detalles del esquema, seleccione la opción Perfil individual (para datos basados en registros como atributos del cliente, preferencias e historial de compras) y haga clic en Siguiente.

Para el paso Nombrar y revisar, escriba lo siguiente:

• Nombre para mostrar del esquema: WKND-RDE-Known-User-Personalization-Transactional
• Clase seleccionada: Perfil individual de XDM

Para almacenar los detalles de compra de WKND Adventure de un usuario, primero vamos a añadir un campo personalizado que sirva como identificador para la compra. Recuerde, el ID de usuario de WKND (wkndUserId) es el identificador común en todos los sistemas.

• Haga clic en el botón + junto al nombre del esquema.

• En la sección Propiedades del campo, escriba lo siguiente:

  • Nombre de campo: wkndUserId
  • Nombre para mostrar: ID de usuario de WKND
  • Tipo: Cadena
  • Asignar a: grupo de campos > wknd-user-purchase-details

• Desplácese hacia abajo, compruebe Identidad, compruebe Identidad principal (el identificador principal utilizado para unir datos de diferentes fuentes en un perfil unificado) y en el menú desplegable Área de nombres de identidad, seleccione Id de usuario de WKND. Finalmente, haga clic en el botón Aplicar.

Después de agregar el campo de identidad principal personalizado, el esquema debe tener este aspecto:

Del mismo modo, agregue los siguientes campos para almacenar detalles adicionales de compra de usuarios y aventuras:

Habilite Perfil para el esquema.

En Adobe Experience Platform, haga clic en Conjuntos de datos en el panel de navegación izquierdo y, a continuación, haga clic en el botón Crear conjunto de datos en la parte superior derecha. A continuación, seleccione la opción Basada en esquemas y haga clic en Siguiente.

Para el paso Seleccionar esquema, seleccione el esquema WKND-RDE-Known-User-Personalization-Behavioral y haga clic en Siguiente.

Para el paso Configurar conjunto de datos, escriba lo siguiente:

• Nombre: WKND-RDE-Known-User-Personalization-Behavioral
• Descripción: conjunto de datos para los datos de comportamiento, como vistas de página con estado de inicio de sesión del usuario.

Haga clic en Finalizar para crear el conjunto de datos.

Cambie el conmutador Perfil para habilitar el conjunto de datos para el perfil.

Repita los mismos pasos para el conjunto de datos de datos transaccionales. La única diferencia es el esquema y el nombre del conjunto de datos.

• Esquema: WKND-RDE-Known-User-Personalization-Transactional
• Conjunto de datos: WKND-RDE-Known-User-Personalization-Transactional
• Descripción: conjunto de datos para los datos transaccionales, como compras de WKND Adventure.
• Perfil: Habilitar

El conjunto de datos de datos transaccionales final debe tener este aspecto:

En Adobe Experience Platform, haga clic en Datastreams en el panel de navegación izquierdo y luego en Crear secuencia de datos.

En el paso Nueva secuencia de datos, escriba lo siguiente:

• Nombre: WKND-RDE-Known-User-Personalization-Behavioral
• Descripción: secuencia de datos para enviar datos de comportamiento a Experience Platform
• Esquema de asignación: WKND-RDE-Known-User-Personalization-Behavioral

Haga clic en Guardar para crear la secuencia de datos.

Una vez creada la secuencia de datos, haga clic en Agregar servicio.

En el paso Agregar servicio, seleccione Adobe Experience Platform del menú desplegable e introduzca lo siguiente:

• Conjunto de datos de evento: WKND-RDE-Known-User-Personalization-Behavioral
• Conjunto de datos del perfil: WKND-RDE-Known-User-Personalization-Behavioral
• Offer Decisioning: Habilitar (permite a Adobe Target solicitar y entregar ofertas personalizadas en tiempo real)
• Segmentación de Edge: Habilitar (evalúa las audiencias en tiempo real en la red perimetral para una personalización inmediata)
• Destinos de Personalization: Habilitar (permite compartir audiencias con herramientas de personalización como Adobe Target)

Haga clic en Guardar para agregar el servicio.

En el paso Agregar servicio, seleccione Adobe Target en el menú desplegable e introduzca el ID de entorno de destino. Puede encontrar el ID de entorno de destino en Adobe Target en Administración > Entornos. Haga clic en Guardar para agregar el servicio.

La secuencia de datos final debe tener este aspecto:

En Adobe Experience Platform, haga clic en Etiquetas desde la navegación izquierda y luego haga clic en el botón Nueva propiedad.

En el cuadro de diálogo Crear propiedad, escriba lo siguiente:

• Nombre de propiedad: WKND-RDE-Known-User-Personalization
• Tipo de propiedad: Seleccionar Web
• Dominio: Dominio donde implementa la propiedad (por ejemplo, adobeaemcloud.com)

Haga clic en Guardar para crear la propiedad.

Abra la nueva propiedad, haga clic en Extensiones en el panel de navegación izquierdo y luego haga clic en la ficha Catálogo. Busque Web SDK y haga clic en el botón Instalar.

En el cuadro de diálogo Instalar extensión, seleccione la secuencia de datos que creó anteriormente y haga clic en Guardar.

Haga clic en Elementos de datos en el panel de navegación izquierdo y luego haga clic en el botón Crear nuevo elemento de datos.

En el cuadro de diálogo Crear nuevo elemento de datos, escriba lo siguiente:

• Nombre: Nombre De Host

• Extensión: Seleccionar Principal

• Tipo de elemento de datos: seleccione Código personalizado

• Abrir editor e introduzca el siguiente fragmento de código:

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

Del mismo modo, cree los siguientes elementos de datos:

• Nombre: Sección del sitio

• Extensión: Seleccionar Principal

• Tipo de elemento de datos: seleccione Código personalizado

• Abrir editor e introduzca el siguiente fragmento de código:

  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 }

• Nombre: Nombre de página

• Extensión: Seleccionar Principal

• Tipo de elemento de datos: seleccione Código personalizado

• Abrir editor e introduzca el siguiente fragmento de código:

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

• Nombre: ID de usuario de WKND

• Extensión: Seleccionar Principal

• Tipo de elemento de datos: seleccione Código personalizado

• Abrir editor e introduzca el siguiente fragmento de código:

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

• Nombre: estado de usuario de WKND

• Extensión: Seleccionar Principal

• Tipo de elemento de datos: seleccione Código personalizado

• Abrir editor e introduzca el siguiente fragmento de código:

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

A continuación, cree un elemento de datos del tipo mapa de identidad. El mapa de identidad es una estructura XDM estándar que almacena varios identificadores de usuario y los vincula, lo que permite vincular identidades entre sistemas. Este elemento de datos se utiliza para almacenar el ID de usuario de WKND (si ha iniciado sesión) como parte del objeto del mapa de identidad.

• Nombre: ID de usuario de IdentityMap-WKND
• Extensión: Seleccione Adobe Experience Platform Web SDK
• Tipo de elemento de datos: seleccione mapa de identidad

En el panel derecho,

• Espacio de nombres: Seleccione wkndUserId
• ID: seleccione ID de usuario WKND elemento de datos
• Estado de autenticación: seleccione Autenticado
• Principal: seleccione verdadero

Haga clic en Guardar para crear el elemento de datos.

A continuación, cree un elemento de datos de tipo Variable. Este elemento de datos se rellena con los detalles de la página antes de enviarlo a Experience Platform.

• Nombre: Vista de página de variable XDM
• Extensión: Seleccione Adobe Experience Platform Web SDK
• Tipo de elemento de datos: Seleccione Variable

En el panel derecho,

• espacio aislado: seleccione su espacio aislado
• Esquema: seleccione el esquema WKND-RDE-Known-User-Personalization

Haga clic en Guardar para crear el elemento de datos.

• Los elementos de datos finales deben tener este aspecto:

  

Haga clic en Reglas en el panel de navegación izquierdo y luego en el botón Crear nueva regla.

En el cuadro de diálogo Crear nueva regla, escriba lo siguiente:

• Nombre: todas las páginas - al cargar - con datos de usuario

• Para la sección Eventos, haga clic en Agregar para abrir el asistente Configuración de eventos.

  • Extensión: Seleccionar Principal
  • Tipo de evento: Seleccione Código personalizado
  • Abrir editor e introduzca el siguiente fragmento de código:

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

  Tenga en cuenta que, la función getUserDataFromSession se utiliza para obtener el estado de inicio de sesión del usuario y el ID de usuario de WKND (si se ha iniciado sesión) del almacenamiento de sesión. El código AEM es responsable de rellenar el almacenamiento de sesión con el estado de inicio de sesión del usuario y el ID de usuario de WKND. En el paso específico de AEM, se ha mejorado la funcionalidad de inicio de sesión del sitio WKND para almacenar el ID de usuario en el almacenamiento de sesión del explorador.

• Para la sección Condiciones, haga clic en Agregar para abrir el asistente Configuración de condición.

  • Tipo de lógica: seleccione Normal
  • Extensión: Seleccionar Principal
  • Tipo de condición: Seleccione Código personalizado
  • Abrir editor e introduzca el siguiente fragmento de código:

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

• Para la sección Acciones, haga clic en Agregar para abrir el asistente de Configuración de la acción.

  • Extensión: Seleccione Adobe Experience Platform Web SDK

  • Tipo de acción: Seleccione Actualizar variable

  • Asigne los campos XDM a los elementos de datos:

    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 de datos
    web.webPageDetails.name	Nombre de página
    web.webPageDetails.server	Nombre de host
    web.webPageDetails.siteSection	Sección del sitio
    web.webPageDetails.value	1
    identityMap	ID de usuario de IdentityMap-WKND
    _$YOUR_NAMESPACE$.wkndLoginStatus	Estado de usuario de WKND

  

  • Haga clic en Conservar cambios para guardar la configuración de la acción.

• De nuevo, haga clic en Add para agregar otra acción y abrir el asistente Action Configuration.

  • Extensión: Seleccione Adobe Experience Platform Web SDK
  • Tipo de acción: Seleccionar Enviar evento
  • En la sección Datos del panel derecho, asigne el elemento de datos XDM-Variable Pageview al tipo de página Vistas de página de detalles de página web.

  

• Además, en la sección Personalization del panel derecho, marque la opción Procesar decisiones de personalización visuales. A continuación, haga clic en Conservar cambios para guardar la acción.

  

La regla debería tener un aspecto similar al siguiente:

Haga clic en Flujo de publicación en el panel de navegación izquierdo y luego haga clic en el botón Agregar biblioteca.

En el cuadro de diálogo Agregar biblioteca, escriba lo siguiente:

• Nombre: 1.0
• Entorno: Seleccione Desarrollo
• Haga clic en Agregar todos los recursos modificados para seleccionar todos los recursos.

Haga clic en Guardar y generar en desarrollo para crear la biblioteca.

Para publicar la biblioteca en producción, haga clic en Aprobar y publicar en producción. Una vez finalizada la publicación, la propiedad está lista para utilizarse en AEM.

En Adobe Experience Platform, haga clic en Perfiles en el panel de navegación izquierdo y luego en la ficha Políticas de combinación.

En Adobe Experience Platform, haga clic en Destinos desde la navegación izquierda y luego haga clic en la ficha Catálogo. Busque Personalization y seleccione el destino (v2) Adobe Target.

En el paso Activar destinos, proporcione un nombre para el destino y haga clic en el botón Conectar con destino.

En la sección Detalles del destino, escriba lo siguiente:

• Nombre: WKND-RDE-Known-User-Personalization-Destination
• Descripción: destino para la personalización de usuarios conocidos
• Flujo de datos: seleccione el Flujo de datos que creó anteriormente
• Workspace: seleccione su espacio de trabajo de Adobe Target

Haga clic en Siguiente y complete la configuración de destino.

Vaya al módulo ui.frontend y abra el archivo ui.frontend/src/main/webpack/components/form/sign-in-buttons/sign-in-buttons.js. Revise el código, después de realizar la llamada de AJAX a currentuser.json, muestra el botón Iniciar sesión o Cerrar sesión en función del estado de inicio de sesión del usuario.

Actualice el código para almacenar el ID de usuario en el almacenamiento de sesión del explorador y también optimícelo para evitar realizar varias llamadas de 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();
        };

    })();
});

Tenga en cuenta que la regla de propiedad Etiquetas depende de que el ID de usuario se almacene en el almacenamiento de sesión del explorador. La clave wknd_user_state es un contrato común entre el código de AEM y la regla de propiedad Etiquetas para almacenar y recuperar el ID de usuario.

Compruebe los cambios localmente generando el proyecto y ejecutándolo localmente.

$ mvn clean install -PautoInstallSinglePackage

Inicie sesión con las credenciales de asmith/asmith (o con cualquier otro usuario que haya creado), y se incluyen en el proyecto aem-guides-wknd.

En mi caso, creé un nuevo usuario con el ID teddy para realizar pruebas.

Después de confirmar que el ID de usuario se almacena en el almacenamiento de sesiones del explorador (mediante las herramientas para desarrolladores del explorador), confirme y envíe los cambios al repositorio remoto de 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

Implemente los cambios en el entorno de AEM as a Cloud Service mediante canalizaciones de Cloud Manager o mediante el comando AEM RDE.

En el explorador, vaya al sitio WKND implementado en el entorno de AEM as a Cloud Service. Al ser anónimo, debería ver solicitudes de recopilación de datos similares.

Inicie sesión con credenciales de asmith/asmith; debería ver solicitudes de recopilación de datos similares.

En AEM, haga clic en Fragmentos de experiencias y vaya a la carpeta Fragmentos de sitios WKND. En la ubicación deseada, cree un nuevo Fragmento de experiencia.

Cree el fragmento de experiencia añadiendo un componente Teaser y personalícelo con contenido relevante para mejorar la venta del equipo de esquí.

Exporte el fragmento de experiencia a Adobe Target.

En Adobe Experience Platform, haga clic en Conjuntos de datos y abra el conjunto de datos WKND-RDE-Known-User-Personalization-Behavioral. Asegúrese de que las estadísticas de datos introducidos sean válidas.

Para comprobar que los perfiles se han creado, haga clic en Perfiles en el panel de navegación izquierdo. A continuación, vaya a la ficha Examinar y filtre según los criterios siguientes:

• Política de combinación: $YOUR_MERGE_POLICY_NAME
• Área de nombres de identidad: ECID (Experience Cloud ID, identificador único asignado automáticamente por Adobe al explorador de cada visitante)
• Valor de identidad: busque usando las herramientas para desarrolladores del explorador o Experience Platform Debugger. Es el valor de la cookie AMCV_$NAMESPACE$ sin el prefijo MCMID|.

Haga clic en el botón Ver.

Haga clic en el perfil para ver sus detalles.

En mi caso, accedí a mi sitio WKND desde dos exploradores diferentes, por lo que tengo dos ECID asociados con el usuario teddy. Los datos de ambos ECID se unen para crear el perfil. Ha empezado a darse cuenta del poder de la vinculación de identidad y de cómo se utiliza para crear un perfil de cliente completo. Pronto, los datos transaccionales se vinculan con los datos de comportamiento para crear un perfil de cliente completo.

Haga clic en la ficha Eventos para ver los eventos relacionados con el perfil.

En Adobe Experience Platform, haga clic en Conjuntos de datos y abra el conjunto de datos WKND-RDE-Known-User-Personalization-Transactional.

En el panel derecho, busque la sección AGREGAR DATOS y arrastre el archivo ski-adventure-purchase-data.json hasta ella. Este archivo contiene los datos transaccionales de prueba para las compras de WKND Adventure. En una situación real, estos datos se incorporan desde el otro sistema (por ejemplo, OMS o CRM o MDM) mediante la ingesta por lotes o de flujo continuo.

Espere a que se complete el procesamiento de datos.

Una vez completado el procesamiento de datos, actualice la página del conjunto de datos.

Haga clic en Perfiles en el panel de navegación izquierdo. A continuación, vaya a la ficha Examinar y filtre según los criterios siguientes:

• Política de combinación: $YOUR_MERGE_POLICY_NAME
• Área de nombres de identidad: ECID
• Valor de identidad: use el mismo valor de ECID que usó para filtrar los datos de comportamiento y el perfil asociado.

Haga clic en el perfil para ver sus detalles. Los datos transaccionales se vinculan con los datos de comportamiento para crear el perfil completo del cliente.

Haga clic en la ficha Atributos para ver los detalles de datos transaccionales y de comportamiento asociados al perfil.

Haga clic en el vínculo Ver gráfico de identidad para ver el gráfico de identidad del perfil.

Haga clic en Perfiles en el panel de navegación izquierdo. A continuación, vaya a la ficha Examinar y filtre según los criterios siguientes:

• Política de combinación: $YOUR_MERGE_POLICY_NAME
• Área de nombres de identidad: ID de usuario de WKND
• Valor de identidad: teddy o asmith, o cualquier otro identificador de usuario que haya utilizado.

Haga clic en el perfil para ver los mismos detalles de perfil que vio en el paso anterior.

En Adobe Experience Platform, haga clic en Audiencias desde la navegación izquierda y luego haga clic en el botón Crear audiencia. A continuación, seleccione la opción Build-rule y haga clic en el botón Create.

En el paso Crear, escriba lo siguiente:

• Nombre: Aumentar la venta de equipos de esquí para autenticarse
• Descripción: Usuarios que iniciaron sesión y compraron cualquier aventura de esquí
• Método de evaluación: Seleccione Edge (evalúa la pertenencia de la audiencia en tiempo real a medida que los usuarios navegan, lo que permite la personalización instantánea)

A continuación, haga clic en la ficha Atributos y vaya al grupo de campos Techmarketingdemos (o su $NAMESPACE$). Arrastre y suelte el campo Aventura adquirida en la sección Comenzar a crear. Introduzca la siguiente información:

Aventura adquirida: selecciona Contiene e introduce el valor ski.

A continuación, cambie a la pestaña Events y vaya al grupo de campos techmarketingdemos (o su $NAMESPACE$). Arrastre y suelte el campo Estado de inicio de sesión WKND en la sección Eventos. Introduzca la siguiente información:

Estado de inicio de sesión WKND: seleccione Es igual a e introduzca el valor autenticado.

Seleccione también la opción Hoy.

Revise la audiencia y haga clic en el botón Activar en destino.

En el cuadro de diálogo Activar en destino, seleccione el destino de Adobe Target que creó anteriormente y siga los pasos para activar la audiencia. Haga clic en Siguiente y complete la configuración de destino.

Inicie sesión en Adobe Experience Cloud y vaya a Adobe Target desde el conmutador de aplicaciones o la sección de acceso rápido.

En Adobe Target, haga clic en Audiencias y compruebe que se ha creado la audiencia Aumentar la venta de equipos de esquí para autenticar.

Al hacer clic en la audiencia, puede ver los detalles de la audiencia y comprobar que está configurada correctamente.

Haga clic en Ofertas y compruebe que la oferta exportada de AEM existe. En mi caso, la oferta (o fragmento de experiencia) se llama Debe tener elementos para esquí.

Esto valida las acciones de integración en Adobe Experience Platform, AEM y Adobe Target.

En Adobe Target, haga clic en Actividades, haga clic en el botón Crear actividad y seleccione el tipo de actividad Segmentación de experiencias.

En el cuadro de diálogo Crear actividad de segmentación de experiencias, seleccione el tipo Web y la opción de compositor Visual (un editor de WYSIWYG que le permite crear y probar experiencias personalizadas directamente en el sitio web), e introduzca la URL de la página principal del sitio WKND. Haga clic en el botón Crear para crear la actividad.

En el editor, selecciona la audiencia UpSell-Ski-Equipment-To-Authenticated y agrega la oferta Must Have Items for Ski en lugar del contenido principal del héroe. Consulte la siguiente captura de pantalla como referencia.

Haga clic en Siguiente y configure la sección Objetivos y configuración con los objetivos y las métricas adecuados; a continuación, actívela para publicar los cambios.

Visite la página de inicio del sitio WKND. Si no ha iniciado sesión, debería ver el contenido predeterminado que se muestra a continuación.

Inicie sesión con las credenciales de teddy/teddy (o asmith/asmith), debería ver el contenido personalizado de la imagen a pantalla completa.

Abra las herramientas para desarrolladores del navegador y marque la pestaña Red. Filtre por interact para encontrar la solicitud de Web SDK. La solicitud/respuesta debe mostrar los detalles del evento Web SDK y de la decisión de Adobe Target.

El resultado de la solicitud debe ser similar al siguiente:

El resultado de la respuesta debe ser similar al siguiente: