Ciblage comportemental

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

Page d’Adventure : lorsque les utilisateurs consultent les pages d’Adventure Bali Surf Camp ou Surf Camp au Costa Rica, ils sont classés comme une audience Intérêt pour le surf et voient une section de héros personnalisée sur la page d’Adventure.

Page du magazine : lorsque les utilisateurs lisent trois articles ou plus ils sont classés comme Lecteurs de magazine et voient une section personnalisée dédiée aux héros sur la page du magazine.

Sur la page d’accueil de 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 Nom et révision, saisissez ce qui suit :

• Nom d’affichage du schéma : WKND-RDE-Behavior-Targeting
• Classe sélectionnée : XDM ExperienceEvent

Mettez à jour le schéma comme suit :

• Ajouter un groupe de champs : ExperienceEvent AEP Web SDK
• 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-Ciblage comportemental et cliquez sur Suivant.

Pour l’étape Configurer le jeu de données, saisissez ce qui suit :

• Name : WKND-RDE-Behavioural-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 ce qui suit :

• Name : WKND-RDE-Behavioural-Targeting
• Description : flux de données pour envoyer des données de pages vues à Experience Platform
• Schéma de mappage : WKND-RDE-Behavioural-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-Behavioural-Targeting
• Jeu de données de profil : WKND-RDE-Behavioural-Targeting
• Offer Decisioning : 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 Balises 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-Behavioural-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 Web SDK 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 un élément de données, saisissez ce qui suit :

• Name : Nom D’Hôte

• Extension  : sélectionnez Core

• Type D’Élément De Données : Sélectionnez Code Personnalisé

• Ouvrez l’éditeur 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

• Type D’Élément De Données : Sélectionnez Code Personnalisé

• Ouvrez l’éditeur 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 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 : Nom De La Page

• Extension  : sélectionnez Core

• Type D’Élément De Données : Sélectionnez Code Personnalisé

• Ouvrez l’éditeur 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 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 : Pageview variable XDM
• Extension  : sélectionnez SDK web d’Adobe Experience Platform
• Type D’Élément De Données : Sélectionnez Variable

Dans le panneau de droite,

• Sandbox : sélectionnez votre sandbox
• Schéma : sélectionnez le schéma WKND-RDE-Behavior-Targeting

Cliquez sur Save (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 ce qui suit :

• Nom : toutes les pages - au chargement

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

  • Extension  : sélectionnez Core

  • Type d’événement : sélectionnez Code personnalisé

  • Ouvrez l’éditeur puis saisissez le fragment 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 la condition.

  • Type de logique : sélectionnez Standard

  • Extension  : sélectionnez Core

  • Type de condition : sélectionnez Code personnalisé

  • Ouvrez l’éditeur puis saisissez le fragment 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 d’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 sur l’élément de données Page Name

    

  • De même, mappez le serveur à l’élément de données Nom d’hôte et 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 d’action.

  • Extension  : sélectionnez SDK web d’Adobe Experience Platform
  • Type d’action : sélectionnez Envoyer l’événement
  • Dans la section Data 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.

  

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

Votre règle doit se présenter comme suit :

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 ce qui suit :

• 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 dans le développement pour créer la bibliothèque.

Une fois la bibliothèque créée pour la piste de navigation 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-On-Edge. Ces paramètres garantissent que vos données comportementales sont correctement unifiées et disponibles pour l’évaluation des audiences en temps réel.

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

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

Dans la section Détails de la destination, saisissez ce qui suit :

• Name : WKND-RDE-Behavioural-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
• Workspace : sélectionnez votre espace de travail Adobe Target

Cliquez sur Suivant et effectuez la configuration de 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-règle et cliquez sur le bouton Créer.

À l’étape Créer, saisissez ce qui suit :

• Nom : Voyageurs En Famille
• Description : utilisateurs et utilisatrices qui ont visité des pages d’Adventure familiales
• Méthode d’évaluation : sélectionnez Edge (pour l’évaluation des audiences en temps réel)

Cliquez ensuite sur l’onglet Événements et accédez à Web > Détails de la page web, puis faites glisser 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 :

Vérifiez l’audience et cliquez sur le bouton Activer vers 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.

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

Connectez-vous à Adobe Experience Cloud puis 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 Fragments de site WKND, puis au sous-dossier En vedette 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.

Créez le fragment d’expérience nouvellement créé en ajoutant un composant Teaser et personnalisez-le avec du contenu pertinent pour les voyageurs en famille. Ajoutez un titre, une description et un call-to-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 puis 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 Voyageurs en famille 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 cas, l’offre (ou le fragment d’expérience) est appelée Un goût d’aventure pour toute la famille.

Dans Adobe Target, cliquez sur Activités, puis sur le bouton Créer une activité et 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 les options Type web et Visuel du compositeur, 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 Voyageurs en famille et ajoutez l’offre Un goût d’aventure pour toute la famille avant la section Prochaine aventure. 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 activer les modifications.

Rendez-vous sur le site publié (par exemple, le site Web d’activation WKND) et parcourez les pages d’Adventure Bali Surf Camp ou Riverside Camping ou Tahoe Skiing. Veillez à passer au moins 30 secondes sur la page pour déclencher l’événement de page vue et permettre la collecte des données.

Ensuite, revenez sur la page d’accueil et vous devriez voir l’expérience personnalisée pour le public Voyageurs en famille avant la section Prochaine aventure.

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 Web SDK.

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

Page d’accueil : pour les audiences de voyages en famille, une offre d’héros personnalisée s’affiche au-dessus de la section Prochaines aventures. Lorsqu’un utilisateur ou une utilisatrice visite la page d’accueil et a visité les pages d’aventure Bali Surf Camp ou Riverside Camping ou Tahoe Skiing, il est classé comme audience Family Travellers. Le type d’audience est Edge, l’évaluation se produit donc en temps réel.

Page d’Adventure : pour les passionnés de surf, la page d’Adventure s’affiche avec une section de héros personnalisée. Lorsqu’un utilisateur ou une utilisatrice consulte les pages d’Adventure Bali Surf Camp ou Surf Camp in Costa Rica, il ou elle est classé(e) comme audience Surfing Interest. Le type d’audience est par lot, de sorte que l’évaluation ne se fait pas en temps réel, mais sur une période de temps semblable à une journée. Elle est utile pour les visiteurs qui reviennent.

Page du magazine : pour les lecteurs du magazine, la page du magazine s’affiche avec une section personnalisée destinée aux héros. Lorsqu’un utilisateur lit trois articles ou plus, il est classé comme l’audience lecteurs de magazine. Le type d’audience est par lot, de sorte que l’évaluation ne se fait pas en temps réel, mais sur une période de temps semblable à une journée. Elle est utile pour les visiteurs qui reviennent.