Personnalisation d’utilisateurs connus

Dans Adobe Experience Platform, cliquez sur Identités dans le volet de navigation de gauche. Cliquez ensuite sur le bouton Créer un espace de noms d’identité en haut à droite.

Dans la boîte de dialogue Créer un espace de noms d’identité, saisissez ce qui suit :

• Nom d’affichage : ID utilisateur WKND.
• Description : ID utilisateur ou nom d’utilisateur de l’utilisateur WKND connecté
• Sélectionner un type : identifiant individuel sur l’ensemble des appareils

Cliquez sur Créer pour créer l’espace de noms d’identité.

Dans Adobe Experience Platform, cliquez sur Schémas dans le volet de navigation de gauche, puis cliquez sur le bouton Créer un schéma dans le coin supérieur droit. Sélectionnez ensuite l’option Manuel, puis cliquez sur le bouton Sélectionner.

Dans l’assistant Créer un schéma, pour l’étape Détails du schéma, sélectionnez l’option Événement d’expérience (pour les données de série temporelle telles que les pages vues, les clics et les interactions utilisateur) et cliquez sur Suivant.

Pour l’étape Nommer et vérifier, saisissez les informations suivantes :

• Nom d’affichage du schéma : WKND-RDE-Known-User-Personalization-Behavioural
• Classe sélectionnée : XDM ExperienceEvent

Mettez à jour le schéma comme suit :

• Ajouter un groupe de champs : AEP Web SDK ExperienceEvent
• Profil : Activer

Cliquez sur Enregistrer pour créer le schéma.

Pour savoir si l’utilisateur est connecté (authentifié) ou anonyme, ajoutez un champ personnalisé au schéma. Dans ce cas d’utilisation, l’objectif est de personnaliser le contenu pour les utilisateurs connus qui ont acheté une Adventure Ski. Il est donc important d’identifier si l’utilisateur est connecté (authentifié) ou anonyme.

• Cliquez sur le bouton + en regard du nom du schéma.

• Dans la section Propriétés du champ , saisissez ce qui suit :

  • Nom du champ : wkndLoginStatus
  • Nom d’affichage : statut de connexion de WKND.
  • Type : chaîne
  • Affecter à : Groupe de champs > wknd-user-details

  Faites défiler vers le bas et cliquez sur le bouton Appliquer.

  

Le schéma de données comportementales final doit se présenter comme suit :

Dans l’assistant Créer un schéma, pour Détails du schéma, sélectionnez l’option Profil individuel (pour les données basées sur les enregistrements telles que les attributs du client, les préférences et l’historique d’achats) et cliquez sur Suivant.

Pour l’étape Nommer et vérifier, saisissez les informations suivantes :

• Nom d’affichage du schéma : WKND-RDE-Known-User-Personalization-Transactionnel.
• Classe sélectionnée : XDM Individual Profile

Pour stocker les détails d’achat de l’Adventure WKND d’un utilisateur ou d’une utilisatrice, ajoutons tout d’abord un champ personnalisé qui sert d’identifiant pour l’achat. N’oubliez pas que l’identifiant utilisateur WKND (wkndUserId) est l’identifiant commun à tous les systèmes.

• Cliquez sur le bouton + en regard du nom du schéma.

• Dans la section Propriétés du champ , saisissez ce qui suit :

  • Nom du champ : wkndUserId
  • Nom d’affichage : ID d’utilisateur WKND.
  • Type : chaîne
  • Affecter à : Groupe de champs > wknd-user-purchase-details

• Faites défiler vers le bas, cochez Identité, cochez Identité du Principal (l’identifiant principal utilisé pour regrouper des données provenant de différentes sources dans un profil unifié) et dans la liste déroulante Espace de noms d’identité sélectionnez Identifiant utilisateur WKND. Enfin, cliquez sur le bouton Appliquer.

Après avoir ajouté le champ Identité principale personnalisée , le schéma doit se présenter comme suit :

De même, ajoutez les champs suivants pour stocker des détails d’achat d’utilisateur et d’Adventure supplémentaires :

Activez le Profil pour le schéma.

Dans Adobe Experience Platform, cliquez sur Jeux de données dans le volet de navigation de gauche, puis cliquez sur le bouton Créer un jeu de données dans le coin supérieur droit. Sélectionnez ensuite l’option Basée sur un schéma et cliquez sur Suivant.

Pour l’étape Sélectionner un schéma, sélectionnez le schéma WKND-RDE-Known-User-Personalization-Behavioural et cliquez sur Suivant.

Pour l’étape Configurer le jeu de données, saisissez les informations suivantes :

• Name : WKND-RDE-Known-User-Personalization-Behavioural.
• Description : jeu de données pour les données comportementales telles que les pages vues avec statut de connexion de l’utilisateur.

Cliquez sur Terminer pour créer le jeu de données.

Activez le bouton (bascule) Profil pour activer le jeu de données pour Profil.

Répétez les mêmes étapes pour le jeu de données transactionnel. La seule différence est le nom du schéma et du jeu de données.

• Schéma : WKND-RDE-Known-User-Personalization-Transactionnel.
• Jeu de données : WKND-RDE-Known-User-Personalization-Transactional
• Description : jeu de données pour les données transactionnelles telles que les achats WKND Adventure.
• Profil : Activer

Le jeu de données de données transactionnelles final doit ressembler à ceci :

Dans Adobe Experience Platform, cliquez sur Flux de données dans le volet de navigation de gauche, puis cliquez sur Créer un flux de données.

À l’étape Nouveau flux de données, saisissez les informations suivantes :

• Name : WKND-RDE-Known-User-Personalization-Behavioural.
• Description : flux de données pour envoyer des données comportementales à Experience Platform
• Schéma de mappage : WKND-RDE-Known-User-Personalization-Behavioural

Cliquez sur Enregistrer pour créer le flux de données.

Une fois le flux de données créé, cliquez sur Ajouter un service.

À l’étape Ajouter un service, sélectionnez Adobe Experience Platform dans la liste déroulante et saisissez les informations suivantes :

• Jeu de données d’événement : WKND-RDE-Known-User-Personalization-Behavioural
• Jeu de données de profil : WKND-RDE-Known-User-Personalization-Behavior
• Offer Decisioning : activer (permet à Adobe Target de demander et de diffuser des offres personnalisées en temps réel)
• Segmentation Edge : activez (évalue les audiences en temps réel sur le réseau Edge pour une personnalisation immédiate)
• Destinations Personalization : activez (permet le partage d’audience avec des outils de personnalisation tels qu’Adobe Target).

Cliquez sur Enregistrer pour ajouter le service.

À l’étape Ajouter un service, sélectionnez Adobe Target dans la liste déroulante et saisissez l’ID d’environnement cible. Vous pouvez retrouver l’ID d’environnement cible dans Adobe Target sous Administration > Environnements. Cliquez sur Enregistrer pour ajouter le service.

Le flux de données final doit se présenter comme suit :

Dans Adobe Experience Platform, cliquez sur Tags dans le volet de navigation de gauche, puis cliquez sur le bouton Nouvelle propriété.

Dans la fenêtre Créer une propriété, saisissez les informations suivantes :

• Nom de la propriété : WKND-RDE-Known-User-Personalization.
• Type de propriété : sélectionnez Web.
• Domaine : domaine dans lequel vous déployez la propriété (par exemple, adobeaemcloud.com).

Cliquez sur Enregistrer pour créer la propriété.

Ouvrez la nouvelle propriété, cliquez sur Extensions dans le volet de navigation de gauche, puis sur l’onglet Catalogue. Recherchez SDK web et cliquez sur le bouton Installer.

Dans la boîte de dialogue Installer l’extension, sélectionnez le Flux de données créé précédemment et cliquez sur Enregistrer.

Cliquez sur Éléments de données dans le volet de navigation de gauche, puis sur le bouton Créer un élément de données.

Dans la boîte de dialogue Créer une propriété, saisissez les informations suivantes :

• Name : Host Name

• Extension : sélectionnez Core

• Data Element Type : sélectionnez le bouton Custom Code

• Open Editor, puis saisissez le fragment de code suivant :

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

De même, créez les éléments de données suivants :

• Name : section du site

• Extension : sélectionnez Core

• Data Element Type : sélectionnez le bouton Custom Code

• Open Editor, puis saisissez le fragment de code suivant :

  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 : le nom de la page

• Extension : sélectionnez Core

• Data Element Type : sélectionnez le bouton Custom Code

• Open Editor, puis saisissez le fragment de code suivant :

  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 : ID d’utilisateur WKND.

• Extension : sélectionnez Core

• Data Element Type : sélectionnez le bouton Custom Code

• Open Editor, puis saisissez le fragment de code suivant :

  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 : statut de l’utilisateur WKND.

• Extension : sélectionnez Core

• Data Element Type : sélectionnez le bouton Custom Code

• Open Editor, puis saisissez le fragment de code suivant :

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

Créez ensuite un élément de données de type Mappage d’identités. La carte des identités est une structure XDM standard qui stocke plusieurs identifiants d’utilisateur et les associe, permettant la combinaison d’identités entre les systèmes. Cet élément de données est utilisé pour stocker l’ID utilisateur WKND (s’il est connecté) dans le cadre de l’objet de mappage d’identité.

• Name : ID d’utilisateur IdentityMap-WKND
• Extension : sélectionnez SDK web d’Adobe Experience Platform
• Type d’élément de données : sélectionnez Mappage d’identités

Dans le panneau de droite,

• Espace de noms : sélectionnez wkndUserId
• ID : sélectionnez l’élément de données ID d’utilisateur WKND.
• État d’authentification : sélectionnez Authentifié
• Principal : sélectionnez true

Cliquez sur Enregistrer pour créer l’élément de données.

Créez ensuite un élément de données de type Variable. Cet élément de données est renseigné avec les détails de la page avant d’être envoyé à Experience Platform.

• Name : XDM-Variable Pageview
• Extension : sélectionnez SDK web d’Adobe Experience Platform
• Data Element Type : sélectionnez Variable

Dans le panneau de droite,

• Sandbox : sélectionnez votre sandbox
• Schéma : sélectionnez le schéma WKND-RDE-Known-User-Personalization

Cliquez sur Enregistrer pour créer l’élément de données.

• Les éléments de données finaux doivent se présenter comme suit :

  

Cliquez sur Règles dans le volet de navigation de gauche, puis sur le bouton Créer une règle.

Dans la boîte de dialogue Créer une règle, saisissez les informations suivantes :

• Nom : toutes les pages - au chargement - avec des données utilisateur

• Dans la section Événements, cliquez sur Ajouter pour ouvrir l’assistant Configuration d’événement.

  • Extension : sélectionnez Core
  • Type d’événement : sélectionnez Code personnalisé
  • Cliquez sur le bouton Ouvrir l’éditeur et saisissez l’extrait de code suivant :

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

  Notez que la fonction getUserDataFromSession est utilisée pour obtenir le statut de connexion de l’utilisateur et l’ID utilisateur WKND (s’il est connecté) à partir du stockage de la session. Le code AEM est chargé de renseigner le stockage de session avec le statut de connexion de l’utilisateur et l’ID utilisateur WKND. À l’étape spécifique à AEM, vous avez amélioré la fonctionnalité de connexion au site WKND afin de stocker l’identifiant utilisateur dans l’espace de stockage de session du navigateur.

• Pour la section Conditions, cliquez sur Ajouter pour ouvrir l’assistant Configuration de condition.

  • Type de logique : sélectionnez Standard
  • Extension : sélectionnez Core
  • Type de condition : sélectionnez Code personnalisé
  • Cliquez sur le bouton Ouvrir l’éditeur et saisissez l’extrait de code suivant :

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

• Pour la section Actions, cliquez sur Ajouter pour ouvrir l’assistant Configuration de l’action.

  • Extension : sélectionnez SDK web d’Adobe Experience Platform

  • Type d’action : sélectionnez Mettre à jour la variable

  • Mappez les champs XDM aux éléments de données :

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2
    Champ XDM	Élément de données
    web.webPageDetails.name	Nom de page
    web.webPageDetails.server	Nom d’hôte
    web.webPageDetails.siteSection	Section du site
    web.webPageDetails.value	1
    identityMap	Identifiant utilisateur IdentityMap-WKND
    _$YOUR_NAMESPACE$.wkndLoginStatus	Statut de l’utilisateur WKND

  

  • Cliquez sur Conserver les modifications pour enregistrer la configuration de l’action.

• Cliquez à nouveau sur Ajouter pour ajouter une autre action et ouvrir l’assistant Configuration de l’action .

  • Extension : sélectionnez SDK web d’Adobe Experience Platform
  • Type d’action : sélectionnez Envoyer l’événement
  • Dans la section Données du panneau de droite, mappez l’élément de données XDM-Variable Pageview au type Web Webpagedetails Page Views.

  

• En outre, dans la section Personalization du panneau de droite, cochez l’option Rendre les décisions de personnalisation visuelle. Cliquez ensuite sur Conserver les modifications pour enregistrer l’action.

  

Votre règle ressembler à ceci :

Cliquez sur Flux de publication dans le volet de navigation de gauche, puis cliquez sur le bouton Ajouter une bibliothèque.

Dans la boîte de dialogue Ajouter une bibliothèque, saisissez les informations suivantes :

• Nom : 1.0
• Environnement : sélectionnez Développement.
• Cliquez sur Ajouter toutes les ressources modifiées pour sélectionner toutes les ressources.

Cliquez sur Enregistrer et créer pour le développement pour créer la bibliothèque.

Pour publier la bibliothèque en production, cliquez sur Approuver et publier en production. Une fois la publication terminée, la propriété est prête à être utilisée dans AEM.

Dans Adobe Experience Platform, cliquez sur Profils dans le volet de navigation de gauche, puis cliquez sur l’onglet Politiques de fusion.

Dans Adobe Experience Platform, cliquez sur Destinations dans le volet de navigation de gauche, puis cliquez sur l’onglet Catalogue. Recherchez Personalization et sélectionnez la destination (v2) Adobe Target.

À l’étape Activer les destinations, donnez un nom à la destination et cliquez sur le bouton Se connecter à la destination.

Dans la section Détails de la destination, saisissez les informations suivantes :

• Name : WKND-RDE-Known-User-Personalization-Destination
• Description : destination de la personnalisation utilisateur connue
• Flux de données : sélectionnez le Flux de données que vous avez créé précédemment
• Espace de travail : sélectionnez votre espace de travail Adobe Target

Cliquez sur Suivant et terminez la configuration de la destination.

Accédez au module ui.frontend et ouvrez le fichier ui.frontend/src/main/webpack/components/form/sign-in-buttons/sign-in-buttons.js. Vérifiez le code. Après avoir effectué un appel AJAX à currentuser.json, il affiche le bouton Se connecter ou Se déconnecter en fonction du statut de connexion de l’utilisateur.

Mettez à jour le code pour stocker l’identifiant utilisateur dans le stockage de session du navigateur et optimisez également le code pour éviter d’effectuer plusieurs appels AJAX à 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();
        };

    })();
});

Notez que la règle de propriété Balises repose sur l’ID utilisateur stocké dans l’espace de stockage de session du navigateur. La clé wknd_user_state est un contrat commun entre le code AEM et la règle de propriété Balises permettant de stocker et de récupérer l’identifiant utilisateur.

Vérifiez les modifications localement en créant le projet et en l’exécutant localement.

$ mvn clean install -PautoInstallSinglePackage

Connectez-vous à l’aide des informations d’identification asmith/asmith (ou de tout autre utilisateur que vous avez créé). Elles sont incluses dans le projet aem-guides-wknd.

Dans mon cas, j’ai créé un nouvel utilisateur avec l’ID teddy pour le test.

Après avoir confirmé que l’ID utilisateur est stocké dans le stockage de session du navigateur (à l’aide des outils de développement du navigateur), validez et envoyez les modifications au référentiel distant 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

Déployez les modifications dans l’environnement AEM as a Cloud Service à l’aide des pipelines Cloud Manager ou de la commande de RDE AEM.

Dans le navigateur , accédez au site WKND déployé dans votre environnement AEM as a Cloud Service. Étant anonyme, vous devriez voir des demandes de collecte de données similaires.

Connectez-vous à l’aide des informations d’identification asmith/asmith. Des requêtes de collecte de données similaires devraient s’afficher.

Dans AEM, cliquez sur Fragments d’expérience et accédez au dossier Fragments de site WKND. À l’emplacement souhaité, créez un fragment d’expérience.

Créez le fragment d’expérience en ajoutant un composant Teaser et personnalisez-le avec du contenu pertinent pour augmenter la vente de l’équipement de ski.

Exportez le fragment d’expérience vers Adobe Target.

Dans Adobe Experience Platform, cliquez sur Jeux de données puis ouvrez le jeu de données WKND-RDE-Known-User-Personalization-Behavioural. Assurez-vous que les statistiques des données ingérées sont valides.

Pour vérifier que les profils sont créés, cliquez sur Profils dans le volet de navigation de gauche. Accédez ensuite à l’onglet Parcourir et filtrez à l’aide des critères suivants :

• Politique de fusion : $YOUR_MERGE_POLICY_NAME
• Espace de noms d’identité : ECID (identifiant Experience Cloud, un identifiant unique attribué automatiquement par Adobe à chaque navigateur de visiteurs)
• Valeur d’identité : recherchez à l’aide des outils de développement du navigateur ou d’Experience Platform Debugger. Il s’agit de la valeur du cookie AMCV_$NAMESPACE$ sans le préfixe MCMID|.

Cliquez sur le bouton Afficher.

Cliquez sur le profil, vous devriez voir les détails du profil.

Dans mon cas, j’ai accédé à mon site WKND à partir de deux navigateurs différents. J’ai donc deux ECID associés aux teddy utilisateur. Les données des deux ECID sont regroupées pour créer le profil. Vous avez commencé à réaliser la puissance de la combinaison d’identités et la manière dont elle est utilisée pour créer un profil client complet. Les données transactionnelles sont bientôt regroupées avec les données comportementales pour créer un profil client complet.

Cliquez sur l’onglet Événements pour afficher les événements liés au profil.

Dans Adobe Experience Platform, cliquez sur Jeux de données puis ouvrez le jeu de données WKND-RDE-Known-User-Personalization-Transactionnel.

Dans le panneau de droite, recherchez la section AJOUTER DES DONNÉES et faites glisser le fichier skiadventure-purchase-data.json vers celle-ci. Ce fichier contient les données transactionnelles factices pour les achats WKND Adventure. Dans un scénario réel, ces données sont ingérées à partir de l’autre système (par exemple, OMS, CRM ou MDM) à l’aide de l’ingestion par lots ou par flux.

Patientez jusqu’à la fin du traitement des données.

Une fois le traitement des données terminé, actualisez la page du jeu de données.

Cliquez sur Profils dans le volet de navigation de gauche. Accédez ensuite à l’onglet Parcourir et filtrez à l’aide des critères suivants :

• Politique de fusion : $YOUR_MERGE_POLICY_NAME
• Espace de noms d’identité : ECID
• Valeur d’identité : utilisez la même valeur ECID que celle utilisée pour filtrer les données comportementales et le profil associé.

Cliquez sur le profil, vous devriez voir les détails du profil. Les données transactionnelles sont regroupées avec les données comportementales afin de créer le profil client complet.

Cliquez sur l’onglet Attributs. Vous devriez voir les détails des données transactionnelles et comportementales associées au profil.

Cliquez sur le lien Afficher le graphique d’identités pour afficher le graphique d’identités du profil.

Cliquez sur Profils dans le volet de navigation de gauche. Accédez ensuite à l’onglet Parcourir et filtrez à l’aide des critères suivants :

• Politique de fusion : $YOUR_MERGE_POLICY_NAME
• Espace de noms d’identité : ID utilisateur WKND.
• Valeur d’identité : teddy ou asmith ou tout autre identifiant utilisateur que vous avez utilisé.

Cliquez sur le profil. Vous devriez voir les mêmes détails de profil que ceux de l’étape précédente.

Dans Adobe Experience Platform, cliquez sur Audiences dans le volet de navigation de gauche, puis cliquez sur le bouton Créer une audience. Sélectionnez ensuite l’option Créer-règle et cliquez sur le bouton Créer.

À l’étape Créer, saisissez les informations suivantes :

• Name : UpSell-Ski-Equipment-To-Authenticated
• Description : utilisateurs connectés et ayant acheté une aventure de ski
• Méthode d’évaluation : sélectionnez Edge (évalue l’appartenance à l’audience en temps réel au fur et à mesure que les utilisateurs naviguent, permettant ainsi une personnalisation instantanée)

Cliquez ensuite sur l’onglet Attributs et accédez au groupe de champs Techmarketingdemos (ou votre $NAMESPACE$). Faites glisser et déposez le champ Adventure Purchased dans la section Commencer la création. Saisissez les informations suivantes :

Aventure achetée : sélectionnez Contient et saisissez la valeur ski.

Ensuite, passez à l’onglet Événements et accédez au groupe de champs techmarketingdemos (ou votre $NAMESPACE$). Faites glisser et déposez le champ État de connexion WKND dans la section Événements. Saisissez les informations suivantes :

Statut de connexion de WKND : sélectionnez Est égal à et saisissez la valeur authentifié.

Sélectionnez également l’option Aujourd’hui.

Passez en revue l’audience et cliquez sur le bouton Activer sur la destination.

Dans la boîte de dialogue Activer vers la destination, sélectionnez la destination Adobe Target que vous avez créée précédemment et suivez les étapes pour activer l’audience. Cliquez sur Suivant et terminez la configuration de la destination.

Connectez-vous à Adobe Experience Cloud et accédez à Adobe Target à partir de la section Sélecteur d’applications ou Accès rapide .

Dans Adobe Target, cliquez sur Audiences et vérifiez que l’audience UpSell-Ski-Equipment-To-Authenticated a été créée.

En cliquant sur l’audience, vous pouvez afficher les détails de l’audience et vérifier qu’elle est correctement configurée.

Cliquez sur Offres et vérifiez que l’offre exportée AEM existe. Dans mon cas, l’offre (ou le fragment d’expérience) s’appelle Doit contenir des éléments pour ski.

Cela valide les actions d’intégration dans Adobe Experience Platform, AEM et Adobe Target.

Dans Adobe Target, cliquez sur Activités, sur le bouton Créer une activité, puis sélectionnez le type d’activité Ciblage d’expérience.

Dans la boîte de dialogue Créer une activité de ciblage d’expérience, sélectionnez l’option de compositeur Web de type et Visual (un éditeur WYSIWYG qui vous permet de créer et de tester des expériences personnalisées directement sur votre site Web), puis saisissez l’URL de la page d’accueil du site WKND. Cliquez sur le bouton Créer pour créer l’activité.

Dans l’éditeur, sélectionnez l’audience UpSell-Ski-Equipment-To-Authenticated et ajoutez l’offre Must Have Items for Ski au lieu du contenu du héros principal. Consultez la capture d’écran ci-dessous à titre de référence.

Cliquez sur Suivant et configurez la section Objectifs et paramètres avec les objectifs et mesures appropriés, puis activez-la pour appliquer les modifications.

Rendez-vous sur la page d’accueil du site WKND. Si vous n’êtes pas connecté, vous devriez voir le contenu principal par défaut.

Connectez-vous à l’aide d’informations d’identification teddy/teddy (ou asmith/asmith). Le contenu personnalisé en héros s’affichera probablement.

Ouvrez les outils de développement de votre navigateur et consultez l’onglet Réseau. Filtrez par interact pour trouver la requête SDK web. La requête/réponse doit afficher les détails de l’événement Web SDK et de la décision Adobe Target.

La sortie de la requête doit se présenter comme suit :

La sortie de réponse doit se présenter comme suit :