Cambiar entornos de etiquetas con el Experience Cloud Debugger

En esta lección, usará la extensión de Adobe Experience Platform Debugger para reemplazar la propiedad de etiqueta codificada en el sitio de demostración de Luma con su propia propiedad.

Esta técnica se denomina cambio de entorno y será útil más adelante, cuando trabaje con etiquetas en su propio sitio web. Podrá cargar su sitio web de producción en su navegador, pero con su entorno de etiquetas development. Esto permite realizar y validar cambios de etiquetas con seguridad en de forma independiente de las revisiones de código normales. Después de todo, esta separación de las versiones de etiquetas de marketing de las versiones de código normal es una de las principales razones por las que los clientes utilizan etiquetas.

NOTE
Adobe Experience Platform Launch se está integrando en Adobe Experience Platform como un conjunto de tecnologías de recopilación de datos. Se han implementado varios cambios terminológicos en la interfaz que debe tener en cuenta al utilizar este contenido:
  • El platform launch (lado del cliente) ahora es tags
  • El lado del servidor de platform launch ahora es event forwarding
  • Ahora, las configuraciones de Edge son datastreams

Objetivos de aprendizaje

Al final de esta lección, debe poder:

  • Usar Debugger para cargar un entorno de etiquetas alternativo
  • Use Debugger para validar que ha cargado un entorno de etiquetas alternativo

Obtener la dirección URL del entorno de desarrollo.

  1. En su propiedad de etiquetas, abra la página Environments

  2. En la fila Development, haga clic en el icono Instalar Install para abrir el modal

  3. Haga clic en el icono Copiar para copiar el código de incrustación en el portapapeles.

  4. Haga clic en Cerrar para cerrar el modal

    Icono Instalar

Reemplace la URL de la etiqueta en el sitio de demostración de Luma.

  1. Abra el sitio de ejemplo de Luma en el navegador Chrome.

  2. Abra Experience Platform Debugger haciendo clic en el icono Debugger

    Haga clic en el icono de Debugger

  3. Tenga en cuenta que la propiedad de etiquetas implementada actualmente se muestra en la pestaña Resumen

    entorno de etiquetas mostrado en Debugger

  4. Vaya a la pestaña Herramientas.

  5. Desplácese a la sección Reemplazar código de incrustación de Launch

  6. Asegúrese de que la pestaña de Chrome con el sitio de Luma esté centrada detrás de Debugger (no la pestaña con este tutorial o con la interfaz de recopilación de datos). Pegue el código de incrustación que se encuentra en el portapapeles en el campo de entrada.

  7. Active la función "Aplicar en luma.enablementadobe.com" para que todas las páginas del sitio de Luma se asignen a su propiedad de etiquetas

  8. Haga clic en el botón Guardar

    entorno de etiquetas mostrado en Debugger

  9. Vuelva a cargar el sitio de Luma y marque la pestaña Resumen de Debugger. En la sección de Launch, debería ver que se está utilizando la propiedad Desarrollo (Development). Confirme que el nombre de la propiedad coincide con la suya y que el entorno es de “desarrollo”.

    entorno de etiquetas mostrado en Debugger

NOTE
Debugger guarda esta configuración y reemplaza los códigos incrustados de etiqueta cada vez que vuelva al sitio de Luma. No afecta a otros sitios que visita en otras pestañas abiertas. Para evitar que Debugger reemplace el código incrustado, haga clic en el botón Quitar situado junto al código incrustado en la pestaña Herramientas de Debugger.

A medida que continúe con el tutorial, utilizará esta técnica de asignación del sitio de Luma a su propia propiedad de etiquetas para validar la implementación de etiquetas. Cuando empiece a utilizar etiquetas en el sitio web de producción, puede utilizar esta misma técnica para validar los cambios.

Siguiente: "Añadir el servicio de identidad de Adobe Experience Platform" >

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