Ciblage comportemental

Page d’accueil : lorsque les utilisateurs et utilisatrices consultent la page d’accueil après avoir parcouru les pages Adventure Bali Surf Camp, Riverside Camping ou Tahoe Skiing, ils sont classés dans l’audience Family Travellers et voient une section principale personnalisée au-dessus de la section Next Adventures.

Page Adventure : lorsque les utilisateurs et utilisatrices consultent les pages Adventure Bali Surf Camp ou Surf Camp au Costa Rica, ils sont classés dans l’audience Surfing Interest et voient une section principale personnalisée sur la page Adventure.

Page Magazine : lorsque les utilisateurs et utilisatrices lisent trois articles ou plus, ils sont classés dans l’audience Magazine Readers et voient une section principale personnalisée sur la page Magazine.

Sur la page d’accueil d’Adobe Experience Platform, cliquez sur Schémas dans le volet de navigation de gauche, puis cliquez sur Créer un schéma.

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 et cliquez sur Suivant.

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

• Nom d’affichage du schéma : WKND-RDE-Behavioral-Targeting
• 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.

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

À l’étape Créer un jeu de données, sélectionnez l’option Créer un jeu de données à partir d’un schéma et cliquez sur Suivant.

Dans l’assistant Créer un jeu de données à partir d’un schéma, à l’étape Sélectionner un schéma, sélectionnez le schéma WKND-RDE-Behavioral-Targeting et cliquez sur Suivant.

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

• Nom : WKND-RDE-Behavioral-Targeting
• Description : jeu de données pour stocker les données de pages vues

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

Mettez à jour le jeu de données comme suit :

• Profil : Activer

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 :

• Nom : WKND-RDE-Behavioral-Targeting
• Description : flux de données pour envoyer des données de pages vues vers Experience Platform
• Schéma de mappage : WKND-RDE-Behavioral-Targeting
  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-Behavioral-Targeting
• Jeu de données de profil : WKND-RDE-Behavioral-Targeting
• Prise de décisions sur les offres : Activer
• Segmentation Edge : Activer
• Destinations Personalization : Activer

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.

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-Behavioral-Targeting
• 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

• Cliquez sur le bouton Ouvrir l’éditeur et saisissez l’extrait de code suivant :

  code language-javascript

  if(event && event.component && event.component.hasOwnProperty('repo:path')) { let pagePath = event.component['repo:path']; let siteSection = ''; //Check for 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

• Cliquez sur le bouton Ouvrir l’éditeur et saisissez l’extrait 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 propagated via 'cmp:show' event return event.component['dc:title']; }

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
• Schema : sélectionnez le schéma WKND-RDE-Behavior-Targeting

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

Votre liste Éléments de données doit comporter quatre éléments de données :

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 : all pages - on load

• 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); 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) }; //Trigger the Launch Rule, passing in the new 'event' object // the 'event' obj can now be referenced by the reserved name 'event' by other Launch data elements // i.e 'event.component['someKey']' trigger(event); } } //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); });

• 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 cmp:show 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 l’élément de données web > webPageDetails > name à l’élément de données Nom de page.

    

  • De même, mappez l’élément de données server à l’élément de données Nom d’hôte et l’élément de données siteSection à l’élément de données Section du site. Pour pageView > value, saisissez 1 pour indiquer un événement de page vue.

  • 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.

  

  • De plus, dans la section Personnalisation du panneau de droite, cochez l’option Afficher les choix de personnalisation. Cliquez ensuite sur Conserver les modifications pour enregistrer l’action.

  

• Cliquez sur Conserver les modifications pour enregistrer la règle.

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.

Une fois la bibliothèque créée pour la piste Développement, cliquez sur les points de suspension (trois points) et sélectionnez l’option Approuver et publier en production.

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

Vous pouvez utiliser une politique de fusion existante, mais pour ce tutoriel, une nouvelle politique de fusion est créée avec la configuration suivante :

Veillez à activer les deux options Politique de fusion par défaut et Politique de fusion active sur Edge. Ces paramètres garantissent que vos données comportementales sont correctement unifiées et disponibles pour l’évaluation de l’audience en temps réel.

Dans Adobe Experience Platform, cliquez sur Destinations dans le volet de navigation de gauche, puis cliquez sur l’onglet Catalogue, filtrez par Personnalisation 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 :

• Nom : WKND-RDE-Behavioral-Targeting-Destination
• Description : destination pour les audiences de ciblage comportemental
• 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.

Dans Adobe Experience Platform, cliquez sur Audiences dans le volet de navigation de gauche, puis cliquez sur le bouton Créer une audience.

Dans la boîte de dialogue Créer une audience, sélectionnez l’option Créer une règle et cliquez sur le bouton Créer.

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

• Nom : Family Travelers
• Description : utilisateurs et utilisatrices qui ont consulté des pages d’aventures destinées aux familles
• Méthode d’évaluation : sélectionnez Edge (pour l’évaluation de l’audience en temps réel)

Cliquez ensuite sur l’onglet Événements et accédez à Web > Détails de la page web, puis faites glisser et déposez le champ URL vers la section Règles d’événement. Faites glisser deux fois le champ URL vers la section Règles d’événement. Saisissez les valeurs suivantes :

• URL : sélectionnez l’option contient et saisissez riverside-camping-australia
• URL : sélectionnez l’option contient et saisissez bali-surf-camp
• URL : sélectionnez l’option contient et saisissez gastronomic-marais-tour

Dans la section Événements, sélectionnez l’option Aujourd’hui. Votre audience doit ressembler à ceci :

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

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

Il n’y a pas encore de données dans AEP, le nombre d’audiences est donc de 0. Une fois que les utilisateurs et utilisatrices commencent à consulter le site web, les données sont collectées et le nombre d’audiences augmente.

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

Accédez à votre environnement de création AEM et cliquez sur le bouton Sites.

Dans AEM, cliquez sur Fragments d’expérience.

Accédez au dossier WKND Site Fragments, puis au sous-dossier Featured et cliquez sur le bouton Créer.

Dans la boîte de dialogue Créer un fragment d’expérience, sélectionnez Modèle de variation web et cliquez sur Suivant.

Développez le fragment d’expérience nouvellement créé en ajoutant un composant Teaser et personnalisez-le avec du contenu pertinent pour les voyageurs et voyageuses en famille. Ajoutez un titre, une description et un appel à l’action attrayants pour les familles intéressées par les voyages d’aventure.

Sélectionnez le fragment d’expérience créé et cliquez sur le bouton Exporter vers Adobe Target.

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 Family Travelers est 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 ensuite sur Offres et vérifiez que l’offre exportée AEM existe. Dans mon exemple, l’offre (ou le fragment d’expérience) est appelée A Taste of Adventure for the Whole Family.

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 le type Web et l’option de compositeur Visuel, 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 Family Travelers et ajoutez l’offre A Taste of Adventure for the Whole Family avant la section Next Adventure. 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 le site publié (par exemple, le site web WKND Enablement) et parcourez les pages Adventure Bali Surf Camp, Riverside Camping ou Tahoe Skiing. Veillez à rester au moins 30 secondes sur la page pour déclencher l’événement de page vue et permettre la collecte des données.

Revenez ensuite sur la page d’accueil. Vous devriez voir l’expérience personnalisée pour l’audience Family Travelers avant la section Next Adventure.

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 doit afficher les détails de l’événement SDK web.

La réponse doit inclure les décisions de personnalisation prises par Adobe Target et indiquant que vous faites partie de l’audience Family Travelers.

Page d’accueil : pour l’audience Family Travelers, une offre de section principale personnalisée s’affiche au-dessus de la section Next Adventures. Lorsqu’un utilisateur ou une utilisatrice consulte la page d’accueil et a visité les pages Adventure Bali Surf Camp, Riverside Camping ou Tahoe Skiing, il ou elle est classé dans l’audience Family Travelers. Le type d’audience est Edge. L’évaluation se produit donc en temps réel.

Page Adventure : pour les passionnés de surf, la page Adventure s’affiche avec une section principale personnalisée. Lorsqu’un utilisateur ou une utilisatrice consulte les pages Adventure Bali Surf Camp ou Surf Camp in Costa Rica, il ou elle est classé dans l’audience Surfing Interest. Le type d’audience est Batch. L’évaluation ne se produit donc pas en temps réel, mais sur une période de temps, un jour par exemple. Cela est utile pour les visiteurs et visiteuses réguliers.

Page Magazine : pour les lecteurs et lectrices du magazine, la page Magazine s’affiche avec une section principale personnalisée. Lorsqu’un utilisateur ou une utilisatrice lit trois articles ou plus, il ou elle est classé dans l’audience Magazine Readers. Le type d’audience est Batch. L’évaluation ne se produit donc pas en temps réel, mais sur une période de temps, un jour par exemple. Cela est utile pour les visiteurs et visiteuses réguliers.