Cambiar entornos de etiquetas con el Experience Cloud Debugger

Última actualización: 2023-11-20
  • Temas:
  • Tags
    Ver más sobre este tema
  • Creado para:
  • Beginner
    Intermediate
    Developer

En esta lección, debe usar el extensión de Adobe Experience Platform Debugger para reemplazar la propiedad de etiqueta codificada en la variable 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 desarrollo entorno de etiquetas. 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.

NOTA

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
  • Las configuraciones de Edge ahora 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 la propiedad de etiquetas, abra Environments página

  2. En la fila Desarrollo (Development), haga clic en el icono Instalar 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 el Extensión de Experience Platform Debugger haciendo clic en Icono de Debugger icono

    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

NOTA

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 impedir que Debugger sustituya el código de incrustación, haga clic en el botón Eliminar junto al código de incrustación 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 ID de Adobe Experience Platform” >

En esta página