1.1.4 Collecte de données web côté client
Valider les données de la requête
Installation d’Adobe Experience Platform Debugger
Experience Platform Debugger est une extension disponible pour les navigateurs Chrome et Firefox qui vous permet de voir la technologie Adobe mise en œuvre dans vos pages web. Installez la version correspondant au navigateur de votre choix :
Si vous n’avez jamais utilisé le débogueur auparavant (et que celui-ci est différent du débogueur Adobe Experience Cloud précédent), vous pouvez regarder cette vidéo de présentation de cinq minutes :
Étant donné que vous allez charger le site web de démonstration en mode incognito, vous devez vous assurer que le débogueur Experience Platform est également disponible en mode incognito. Pour ce faire, accédez à chrome://extensions dans votre navigateur et ouvrez l’extension Experience Platform Debugger.
Vérifiez que ces 2 paramètres sont activés :
- Mode Développeur
- Autoriser dans incognito
Ouvrir le site web de démonstration
Accédez à https://dsn.adobe.com. Après vous être connecté avec votre Adobe ID, voici ce que vous verrez. Cliquez sur le de 3 points… sur le projet de votre site web, puis cliquez sur Exécuter pour l’ouvrir.
Vous verrez ensuite votre site web de démonstration s’ouvrir. Sélectionnez l’URL et copiez-la dans le presse-papiers.
Ouvrez une nouvelle fenêtre de navigateur en mode privé.
Collez l’URL de votre site web de démonstration, que vous avez copiée à l’étape précédente. Il vous sera ensuite demandé de vous connecter à l’aide de votre Adobe ID.
Sélectionnez votre type de compte et terminez le processus de connexion.
Votre site web est alors chargé dans une fenêtre de navigateur en mode privé. Pour chaque démonstration, vous devez utiliser une nouvelle fenêtre de navigateur en mode privé pour charger l’URL de votre site web de démonstration.
Utilisez Experience Platform Debugger pour afficher les appels allant à Edge
Assurez-vous que le site web de démonstration est ouvert et cliquez sur l’icône de l’extension Experience Platform Debugger .
Le débogueur s’ouvre et affiche les détails de l’implémentation créée dans votre propriété de collecte de données Adobe Experience Platform. N’oubliez pas que vous déboguez l’extension et les règles que vous venez de modifier.
Cliquez sur le bouton Se connecter en haut à droite pour vous authentifier. Si un onglet de navigateur est déjà ouvert avec l’interface de collecte de données de Adobe Experience Platform, l’étape d’authentification sera automatique et vous n’aurez pas à saisir à nouveau votre nom d’utilisateur et votre mot de passe.
Vous serez alors connecté au débogueur.
Appuyez sur le bouton recharger de votre site web de démonstration pour connecter le débogueur à cet onglet spécifique.
Vérifiez que le débogueur est connecté à l’accueil comme illustré ci-dessus, puis cliquez sur l’icône verrouiller pour verrouiller le débogueur sur le site web de démonstration. Si vous ne le faites pas, le débogueur continue de basculer pour exposer les détails d’implémentation de l’onglet du navigateur dans lequel le focus se trouve, ce qui peut prêter à confusion. Une fois le débogueur verrouillé, l’icône devient Déverrouiller.
Ensuite, accédez à n’importe quelle page du site web de démonstration, comme par exemple la page de catégorie Plans.
Cliquez maintenant sur Experience Platform Web SDK dans le volet de navigation de gauche, pour afficher le Requêtes réseau.
Chaque requête contient une ligne events.
Cliquez pour ouvrir une ligne événements. Notez comment vous pouvez voir l’événement web.webpagedetails.pageViews, ainsi que d’autres variables prêtes à l’emploi adhérant au format Web SDK ExperienceEvent XDM.
Ces types de détails de requête sont également visibles dans l’onglet Réseau . Filtrez les requêtes avec interaction pour localiser les requêtes envoyées par Web SDK. Tous les détails de la payload XDM sont disponibles dans la section Payload :
Étapes suivantes
Accédez à 1.1.5 Implémentation d’Adobe Analytics et de Adobe Audience Manager
Revenir à Tous les modules