Changement d’environnements de balises avec l’Experience Cloud Debugger
Dans cette leçon, vous allez utiliser l’extension Adobe Experience Platform Debugger pour remplacer la propriété de balise codée en dur sur le site de démonstration Luma par votre propre propriété.
Cette technique, appelée commutation d’environnement, s’avérera utile ultérieurement, lorsque vous utiliserez les balises sur votre propre site web. Vous pourrez charger votre site web de production dans votre navigateur, mais avec votre environnement de balises de développement. Vous pouvez ainsi apporter et valider en toute confiance des modifications aux balises, indépendamment des versions de code standard. Après tout, cette séparation entre les versions de balises marketing et les versions de code standard est l’une des principales raisons pour lesquelles les clients utilisent les balises.
Objectifs d’apprentissage
À la fin de cette leçon, vous saurez comment :
- Utiliser Debugger pour charger un autre environnement de balises
- Utilisez Debugger pour vérifier que vous avez chargé un autre environnement de balises
Obtention de l’URL de votre environnement de développement
-
Dans la propriété de balise, ouvrez la page de
Environments -
Dans la ligne Développement, cliquez sur l’icône Installer
-
Cliquez sur l’icône Copier
-
Cliquez sur Fermer pour fermer la fenêtre modale
Remplacez l’URL de balise sur le site de démonstration de Luma.
-
Ouvrez le site de démonstration Luma dans votre navigateur Chrome.
-
Ouvrez l’extension Experience Platform Debugger en cliquant sur l’icône
-
Notez que la propriété de balise actuellement implémentée s’affiche dans l’onglet Résumé .
-
Accédez à l’onglet Outils.
-
Faites défiler jusqu’à la section Remplacer le code intégré de Launch
-
Assurez-vous que le focus se trouve sur l’onglet Chrome avec le site Luma derrière le débogueur (et non sur l’onglet avec ce tutoriel ou sur l’onglet avec l’interface de collecte de données). Collez le code intégré présent dans le presse-papiers dans le champ de saisie.
-
Activez la fonction « Appliquer à travers luma.enablementadobe.com » pour que toutes les pages du site Luma soient mappées à votre propriété de balise.
-
Cliquez sur le bouton Enregistrer
-
Chargez à nouveau le site Luma et vérifiez l’onglet Résumé du débogueur. Sous la section Launch, vous devriez constater que votre propriété de développement est en cours d’utilisation. Vérifiez que le nom de la propriété correspond à celui de la vôtre et que l’environnement indique « development ».
Au fur et à mesure que vous poursuivrez le tutoriel, vous utiliserez cette technique de mappage du site Luma à votre propre propriété de balise pour valider votre implémentation de balise. Lorsque vous commencez à utiliser des balises sur votre site web de production, vous pouvez utiliser cette même technique pour valider les modifications.
Suite : « Ajout du service Adobe Experience Platform Identity » >