14.3 Préparation de la configuration de la propriété du client de collecte de données Adobe Experience Platform et du SDK Web pour Offer Decisioning

14.3.1 Mise à jour de la matrice de données

Dans l’exercice 0.2, vous avez créé votre propre flux de données. Vous avez ensuite utilisé le nom ldap - Demo System Datastream et remplacé ldap par votre ldap.

Dans cet exercice, vous devez configurer Datastream pour qu’il fonctionne avec Offer Decisioning.

Pour ce faire, accédez à https://experience.adobe.com/#/data-collection/. Vous verrez alors ceci. Cliquez sur Flux de données. Recherchez Datastream. Cliquez sur votre Datastream pour l’ouvrir.

Vous verrez alors ceci. Cliquez sur Environnement de développement.

Dans Environnement de développement, votre configuration Adobe Experience Platform s’affiche.

Pour activer Offer Decisioning, cochez la case Offer Decisioning.

Cliquez sur Enregistrer.

Vous serez alors de retour ici. Cliquez sur Environnement d’évaluation.

Pour activer Offer Decisioning, cochez la case Offer Decisioning.

Cliquez sur Enregistrer.

Vous serez alors de retour ici. Cliquez sur Environnement de production.

Pour activer Offer Decisioning, cochez la case Offer Decisioning.

Cliquez sur Enregistrer.

Votre Datastream est maintenant prêt à fonctionner avec Offer Decisioning.

14.3.2 Configuration de la propriété du client de collecte de données Adobe Experience Platform pour demander des offres personnalisées

Accédez à https://experience.adobe.com/#/data-collection/, à Client. Recherchez les propriétés du client de collecte de données Adobe Experience Platform, appelées ldap - Demo System (DD/MM/YYYY). Ouvrez la propriété Client de collecte de données Adobe Experience Platform pour le Web.

Dans votre propriété, accédez à Règles et ouvrez la règle Toutes les pages générales.

Cliquez pour ouvrir Action SDK Web AEP - Send Event.

Vous verrez alors ceci. L’option de menu pour Portées de décision s’affiche.

Pour chaque requête envoyée à Edge et à Adobe Experience Platform, il est possible de fournir un ou plusieurs Portées de décision. Une portée de décision est une combinaison de deux éléments :

• ID de décision
• Identifiant d’emplacement

Regardons d'abord où vous pouvez trouver ces deux éléments.

14.3.2.1 Récupérez votre identifiant de référencement

L’ ID de référencement identifie l’emplacement et le type de ressource requis. Par exemple, l’image principale sur la page d’accueil du site web Luma correspond à l’ID de référencement pour Web - Image.

Pour trouver l’ ID de référencement pour Web - Image, accédez à https://platform.adobe.com.

Ensuite, accédez à Composants, puis à Emplacements. Cliquez sur l’emplacement Web - Image pour en afficher les détails.

Comme vous pouvez le voir dans l’image ci-dessus, dans cet exemple, l’identifiant de référencement est xcore:offer-placement:129048460001fd30. Notez l’ ID de référencement de votre emplacement pour Web - Image, car vous en aurez besoin lors de l’exercice suivant.

14.3.2.2 Récupérez votre ID de décision

L’ID de décision identifie la combinaison d’offres personnalisées et d’offres de secours que vous souhaitez utiliser. Dans l’exercice précédent, vous avez créé votre propre Décision et vous l’avez nommée ldap - Décision Luma3/>.

Pour trouver l’ID de décision correspondant à votre ldap - Luma Decision, accédez à https://platform.adobe.com.

Ensuite, accédez à Offres, puis à Décisions. Cliquez pour sélectionner votre décision, nommée ldap - Luma Decision.

Comme vous pouvez le voir dans l’image ci-dessus, dans cet exemple, l’ID de décision est xcore:offer-activity:1290525f4441fd6e. Notez l’ID de décision pour votre décision ldap - Luma Decision, car vous en aurez besoin lors du prochain exercice.

Maintenant que vous avez récupéré les deux éléments dont vous avez besoin pour créer une portée de décision, vous pouvez passer à l’étape suivante, qui implique le codage de la portée de décision.

14.3.2.3 Codage BASE64

La portée de décision que vous devez saisir est une chaîne codée BASE64. Cette chaîne codée en BASE64 est une combinaison de l’ID de référencement et de l’ID de décision, comme vous pouvez le voir ci-dessous.

{
  "activityId":"xcore:offer-activity:1290525f4441fd6e",
  "placementId":"xcore:offer-placement:129048460001fd30"
}

La portée de décision peut être générée de deux manières :

• Utilisez un service public tel que https://www.base64encode.org/. Saisissez le code JSON comme mentionné ci-dessus, cliquez sur Coder et vous obtiendrez la chaîne codée BASE64 ci-dessous.

  

• Récupérez la chaîne codée BASE64 à partir de Adobe Experience Platform. Pour ce faire, accédez à https://platform.adobe.com. Ensuite, accédez à Décisions et cliquez pour ouvrir votre Décision, qui est appelée ldap - Décision Luma5/>.

  

  Après avoir ouvert votre ldap - Luma Decision, vous verrez ceci. Localisez l’emplacement Web - Image et cliquez sur le bouton Copier . Cliquez ensuite sur Portée de décision codée. La portée de décision est désormais copiée dans le presse-papiers.

  

Ensuite, revenez à Launch, à votre action SDK Web AEP - Envoyer l’événement.

Veillez à sélectionner l’option Saisissez les valeurs, puis collez la portée de décision codée BASE64 dans le champ de saisie.

Enregistrez vos modifications dans l’action SDK Web AEP - Send Event en cliquant sur Keep Changes.

Cliquez ensuite sur Enregistrer ou Enregistrer dans la bibliothèque.

Dans la collecte de données Adobe Experience Platform, accédez à Flux de publication et ouvrez votre Bibliothèque de développement qui est nommée Bibliothèque de contenu. Cliquez sur + Ajouter toutes les ressources modifiées, puis sur Enregistrer et créer pour le développement. Vos modifications seront désormais publiées sur votre site web de démonstration.

Chaque fois que vous chargez une page générale maintenant, comme par exemple la page d’accueil du site web de démonstration, l’Offer decisioning évalue l’offre applicable et renvoie une réponse au site web avec les détails de l’offre à afficher. L’affichage de l’offre sur le site web nécessite une configuration supplémentaire, ce que vous allez faire à l’étape suivante.

14.3.3 Configuration de la propriété du client de collecte de données Adobe Experience Platform pour recevoir et appliquer des offres personnalisées

Accédez à https://experience.adobe.com/#/data-collection/, à Propriétés. Recherchez les propriétés du client de collecte de données Adobe Experience Platform, appelées ldap - Demo System (DD/MM/YYYY). Ouvrez la propriété Client de collecte de données Adobe Experience Platform pour le Web.

Dans votre propriété, accédez à Règles.

Cliquez sur Ajouter une règle.

Pour le nom de votre règle, utilisez Page d’accueil - Décision reçue.

14.3.3.1 Événement

Cliquez sur + Ajouter sous EVENTS pour ajouter un nouvel événement.

Pour Configuration de l’événement, sélectionnez ceci :

• Extension : SDK Web AEP
• Type d’événement : Décisions reçues

Cliquez sur Conserver les modifications.

14.3.3.2 Condition

Vous allez maintenant voir ceci. Cliquez sur + Ajouter sous CONDITIONS pour ajouter une nouvelle condition.

Pour Configuration de la condition, sélectionnez ceci :

• Type logique : Normal
• Extension : Core
• Type de condition : Value Comparison
• Nom : Core - Comparaison de valeurs
• Renvoie true si
  • %pageName%
  • Equals
  • Luma Home

Cliquez sur Conserver les modifications.

14.3.3.3 Action

Vous verrez alors ceci. Cliquez sur + Ajouter sous ACTIONS pour ajouter une nouvelle action.

Pour Configuration de l’action, sélectionnez ceci :

• Extension : Core
• Action Type (Type d’action) : Custom Code (Code personnalisé)
• Langue : JavaScript

Cliquez ensuite sur Ouvrir l’éditeur

Collez le code ci-dessous dans l’éditeur.

event.decisions.forEach(function(payload) {
  payload.items.forEach(function(item) {
    console.log(">>>>> Offer Decisioning Web SDK Response", item);
    document.getElementById("brandhero").src = item.data.deliveryURL;
  });
});

Cliquez sur Enregistrer.

Cliquez sur Conserver les modifications.

Cliquez ensuite sur Enregistrer ou Enregistrer dans la bibliothèque.

Dans la collecte de données Adobe Experience Platform, accédez à Flux de publication et ouvrez votre Bibliothèque de développement qui est nommée Bibliothèque de contenu. Cliquez sur + Ajouter toutes les ressources modifiées, puis sur Enregistrer et créer pour le développement. Vos modifications seront désormais publiées sur votre site web de démonstration.

Avec cette modification, cette règle dans la collecte de données Adobe Experience Platform écoute désormais la réponse de l’Offer decisioning qui fait partie de la réponse du SDK Web. Lorsque la réponse est reçue, l’image de l’offre s’affiche sur la page d’accueil.

Sur le site web de démonstration Luma, vous verrez que cette image sera remplacée maintenant :

Et au lieu de l’image à forte identification Luma par défaut, vous verrez désormais une offre comme celle-ci :

Au cours de l’exercice suivant, vous allez passer en revue un scénario de démonstration détaillé.

Étape suivante : 14.4 Test de votre décision à l’aide du site web de démonstration

Revenir au module 14

Revenir à tous les modules