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

Dans cette leçon, vous utiliserez la variable Extension Adobe Experience Cloud 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 pourrez charger votre site web de production dans votre navigateur, mais avec votre development environnement de balises. 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 !

REMARQUE

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 le Environments page

  2. Sur la ligne Développement, cliquez sur l’icône Installer icône Installer 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 Cloud 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 balises affiché dans Debugger

  4. Accédez à l’onglet Outils.

  5. Accédez à la section Remplacement du 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 balises 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 balises affiché dans Debugger

REMARQUE

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 d’Adobe Experience Platform Identity Service » >

Sur cette page