Changement d’environnements de balise avec l’Experience Cloud Debugger

Dans cette leçon, vous utiliserez l’ extension d’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 changement d’environnement, vous sera utile ultérieurement lorsque vous utiliserez des balises sur votre propre site web. Vous pourrez charger votre site web de production dans votre navigateur, mais avec votre environnement de balises development. Cela 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 !

NOTE
Adobe Experience Platform Launch est intégré à Adobe Experience Platform comme une suite de technologies destinées à la collecte de données. Plusieurs modifications terminologiques ont été apportées à l’interface que vous devez connaître lors de l’utilisation de ce contenu :
  • Le platform launch (côté client) est désormais tags
  • Le platform launch côté serveur est désormais event forwarding
  • Les configurations Edge sont désormais datastreams

Objectifs d’apprentissage

À la fin de cette leçon, vous saurez comment :

  • Utilisez 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

  1. Dans la propriété de balise, ouvrez la page Environments.

  2. Sur la ligne Development (Développement), cliquez sur l’icône Installer Install icon pour ouvrir le modal.

  3. Cliquez sur l’icône Copier icône Copier pour copier le code incorporé dans le presse-papiers.

  4. Cliquez sur Fermer pour fermer le modal.

    Icône Installer

Remplacez l’URL de balise sur le site de démonstration Luma.

  1. Ouvrez le site de démonstration Luma dans votre navigateur Chrome.

  2. Ouvrez l’ extension Experience Platform Debugger en cliquant sur l’icône Icône Debugger .

    Clic sur l’icône Debugger

  3. Notez que la propriété de balise actuellement mise en oeuvre s’affiche dans l’onglet Résumé .

    Environnement de balise affiché dans Debugger

  4. Accédez à l’onglet Outils.

  5. Accédez à la section Remplacer le code incorporé Launch

  6. Assurez-vous que l’onglet Chrome avec le site Luma est mis en évidence derrière le débogueur (et non l’onglet avec ce tutoriel ou l’onglet avec l’interface Collecte de données). Collez le code incorporé présent dans le presse-papiers dans le champ de saisie.

  7. Activez la fonction "Appliquer sur luma.enablementadobe.com" afin que toutes les pages du site Luma soient mappées à votre propriété de balise.

  8. Cliquez sur le bouton Enregistrer

    Environnement de balise affiché dans Debugger

  9. 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 ».

    Environnement de balise affiché dans Debugger

NOTE
Le débogueur enregistrera cette configuration et remplacera les codes incorporés de balise chaque fois que vous reviendrez sur le site Luma. Cela n’a aucune incidence sur les autres sites que vous visitez dans les autres onglets ouverts. Pour empêcher le débogueur de remplacer le code incorporé, cliquez sur le bouton Supprimer en regard du code incorporé dans l’onglet Outils du débogueur.

À 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 de balises. 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" >

recommendation-more-help
45774420-d03e-4a6b-94b5-cd639ae825b2