Validation des mises en oeuvre du SDK Web avec le débogueur Experience Platform
Découvrez comment valider votre mise en oeuvre du SDK Web Platform avec Adobe Experience Platform Debugger.
Le débogueur Experience Platform est une extension disponible pour les navigateurs Chrome et Firefox qui vous permet de voir la technologie d’Adobe mise en oeuvre dans vos pages web. Téléchargez la version de votre navigateur préféré :
Si vous n’avez jamais utilisé le débogueur auparavant et que celui-ci est différent de l’ancien débogueur Adobe Experience Cloud, vous pouvez regarder cette vidéo de présentation de cinq minutes :
Dans cette leçon, vous utiliserez la variable Extension Adobe Experience Platform Debugger pour remplacer la propriété de balise codée en dur sur la propriété Site de démonstration Luma avec votre propre propriété.
Cette technique, appelée changement d’environnement, vous sera utile ultérieurement lorsque vous utiliserez des balises sur votre propre site web. Vous pouvez charger votre site web de production dans votre navigateur, mais avec votre development environnement de balises. Cette fonctionnalité vous permet d’effectuer et de valider des modifications de balises en toute confiance, indépendamment de vos mises à jour de code standard. Après tout, cette séparation entre les mises à jour de balises marketing et les mises à jour de code standard est l’une des principales raisons pour lesquelles les clients utilisent des balises en premier lieu !
Objectifs d'apprentissage
À la fin de cette leçon, vous pourrez utiliser le débogueur pour :
- Chargement d’une autre bibliothèque de balises
- Valider que l’objet XDM capture et envoie des données comme Edge Network attendu
Conditions préalables
Vous connaissez bien les balises de collecte de données et la variable Site de démonstration Luma et avoir suivi les leçons précédentes suivantes dans le tutoriel :
Chargement de bibliothèques de balises alternatives avec Debugger
Ce tutoriel utilise une version hébergée publiquement de Site web de démonstration Luma. Ouvrez la page d’accueil et mettez-la en signet.
Le débogueur Experience Platform dispose d’une fonctionnalité intéressante qui vous permet de remplacer une bibliothèque de balises existante par une autre. Cette technique est utile pour la validation et nous permet d’ignorer de nombreuses étapes d’implémentation dans ce tutoriel.
-
Assurez-vous que le site Luma est ouvert et sélectionnez l’icône de l’extension Debugger Experience Platform.
-
Le débogueur s’ouvre et affiche quelques détails sur l’implémentation codée en dur, qui n’est pas liée à ce tutoriel (vous devrez peut-être recharger le site Luma après avoir ouvert le débogueur).
-
Vérifiez que le débogueur est "Connexion à Luma" comme illustré ci-dessous, puis sélectionnez "lock" pour verrouiller le débogueur sur le site Luma.
-
Sélectionnez la variable Se connecter et connectez-vous à Adobe Experience Cloud à l’aide de votre identifiant d’Adobe.
-
Accédez à Balises Experience Platform dans la navigation de gauche
-
Sélectionnez la variable Configuration tab
-
À droite de l’emplacement où il vous montre la variable Codes d’intégration de page, ouvrez le Actions , puis sélectionnez Remplacer
-
Puisque vous êtes authentifié, le débogueur va extraire vos propriétés et environnements de balise disponibles. Sélectionnez votre
Web SDK Courseproperty -
Sélectionnez votre
Developmentenvironnement -
Sélectionnez la variable Appliquer button
-
Le site web Luma est maintenant rechargé. avec votre propriété de balise.
Au fur et à mesure que vous poursuivez le tutoriel, vous utiliserez cette technique pour mapper le site Luma sur votre propre propriété de balise afin de valider votre mise en oeuvre du SDK Web Platform. Lorsque vous commencez à utiliser des balises sur votre site web de production, vous pouvez utiliser cette même technique pour valider les modifications.
Validation de votre mise en oeuvre dans Experience Platform Debugger
Vous pouvez utiliser Debugger pour valider votre mise en oeuvre du SDK Web Platform et afficher les données envoyées à l’Edge Network Platform :
-
Accédez à Résumé dans le volet de navigation de gauche, pour afficher les détails de votre propriété de balise
-
Accédez à SDK Web Experience Platform dans le volet de navigation de gauche pour afficher la variable Requêtes réseau
-
Ouvrez le events row (ne vous inquiétez pas si cette capture d’écran affiche plus de requêtes que la vôtre, elle inclut des requêtes issues de futures leçons et vous pouvez ignorer pour l’instant)
-
Notez comment nous pouvons voir la variable
web.webpagedetails.pageViewtype d’événement spécifié dans notre Envoyer un événement , ainsi que d’autres variables prêtes à l’emploi conformes à laAEP Web SDK ExperienceEvent Mixinformat
-
Faites défiler l’écran vers le bas jusqu’à
web, sélectionnez pour l’ouvrir et examinez l’objetwebPageDetails.name,webPageDetails.server, etwebPageDetails.siteSection. Ils doivent correspondre aux variables de couche de données numériquesData correspondantes sur la page d’accueil.
Vous pouvez également valider les détails de la carte des identités :
-
Connectez-vous au site Luma à l’aide des informations d’identification suivantes :
test@adobe.com/test -
Revenez à la page d’accueil de Luma.
-
Ouvrez le SDK Web Experience Platform dans la navigation de gauche
-
Sélectionnez la variable events pour ouvrir les détails dans une fenêtre contextuelle
-
Recherchez le identityMap dans la fenêtre contextuelle. Ici, vous devriez voir
lumaCrmIdavec trois clés authenticatedState, id et primary :
Validation à l’aide des outils de développement de navigateur
Ces types de détails de requête sont également visibles dans les outils de développement web du navigateur. Réseau (en supposant que le site web charge votre bibliothèque de balises).
-
Ouvrez les outils de développement web du navigateur. Réseau et rechargez la page. Filtrer les appels avec
/eepour localiser l’appel, sélectionnez-le, puis recherchez dans le En-têtes et Payload tab
-
Accédez au Réponse et notez comment la valeur ECID est incluse dans la réponse. Copiez cette valeur, car vous l’utiliserez pour valider les informations de profil lors de l’exercice suivant.
note note NOTE Il se peut que vous ne voyiez pas le même nombre de requêtes de payload que dans la capture d’écran ci-dessus. Cette disparité est due au fait que les leçons à tirer de l'avenir configuration de Target ont été terminées au moment de la capture d’écran. Vous pouvez ignorer cette différence pour l'instant.
Avec un objet XDM qui se déclenche maintenant sur une page et avec les connaissances nécessaires pour valider votre collecte de données, vous êtes prêt à configurer les applications Adobe individuelles à l’aide du SDK Web Platform.