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

REMARQUE

L’utilisation d’Offer Decisioning dans le SDK web d’Adobe Experience Platform est actuellement possible en accès anticipé pour certains utilisateurs. Cette fonctionnalité n’est pas disponible pour toutes les organisations IMS.

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.

WebSDK

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

WebSDK

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

WebSDK

Pour activer Offer Decisioning, cochez la case Offer Decisioning.

WebSDK

Cliquez sur Enregistrer.

WebSDK

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

WebSDK

Pour activer Offer Decisioning, cochez la case Offer Decisioning.

WebSDK

Cliquez sur Enregistrer.

WebSDK

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

WebSDK

Pour activer Offer Decisioning, cochez la case Offer Decisioning.

WebSDK

Cliquez sur Enregistrer.

WebSDK

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.

WebSDK

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

WebSDK

Cliquez pour ouvrir Action SDK Web AEP - Send Event.

WebSDK

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

WebSDK

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.

WebSDK

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.

WebSDK

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.

WebSDK

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.

    WebSDK

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

    WebSDK

    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.

    WebSDK

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

WebSDK

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

WebSDK

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

WebSDK

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

WebSDK

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.

WebSDK

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.

WebSDK

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

WebSDK

Cliquez sur Ajouter une règle.

WebSDK

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

WebSDK

14.3.3.1 Événement

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

WebSDK

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

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

WebSDK

Cliquez sur Conserver les modifications.

WebSDK

14.3.3.2 Condition

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

WebSDK

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

WebSDK

Cliquez sur Conserver les modifications.

WebSDK

14.3.3.3 Action

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

WebSDK

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

WebSDK

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

WebSDK

Cliquez sur Enregistrer.

WebSDK

Cliquez sur Conserver les modifications.

WebSDK

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

WebSDK

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.

WebSDK

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 :

WebSDK

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

WebSDK

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

Sur cette page