Cambiar entornos de etiquetas con el Experience Cloud Debugger

En esta lección, utilizará la variable Extensión de Adobe Experience Cloud Debugger para reemplazar la propiedad tag 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 posteriormente, 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 le permite realizar y validar cambios con seguridad en las etiquetas de forma independiente de las revisiones de código normales. Después de todo, esta separación de las versiones de etiquetas de marketing y las revisiones de código normales 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 usar este contenido:

  • El platform launch (lado del cliente) ya está tags
  • El servidor de platform launch está ahora event forwarding
  • Las configuraciones de Edge ahora 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 etiqueta, abra la variable 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 etiqueta en el sitio de demostración de Luma

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

  2. Abra la extensión de Experience Cloud Debugger haciendo clic en el icono Debugger.

    Haga clic en el icono de Debugger

  3. Tenga en cuenta que la propiedad de etiqueta implementada actualmente se muestra en la ficha 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é enfocada detrás de Debugger (no la pestaña con este tutorial ni la pestaña 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. Alterne en la función "Aplicar en luma.enablementadobe.com" para que todas las páginas del sitio de Luma se asignen a la propiedad de etiqueta

  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 etiquetas 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 etiqueta 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