Validación de implementaciones de Web SDK con Experience Platform Debugger
Obtenga información sobre cómo validar la implementación de SDK web de Adobe Experience Platform con Adobe Experience Platform Debugger.
Experience Platform Debugger es una extensión disponible para los navegadores Chrome y Firefox, que permite ver la tecnología de Adobe implementada en las páginas web. Descargue la versión para su navegador preferido:
Si nunca antes ha utilizado Debugger, es posible que desee ver este vídeo de información general de cinco minutos:
En esta lección, utiliza la extensión de Adobe Experience Platform Debugger para reemplazar la propiedad de etiquetas 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. Permite cargar el sitio web de producción en el explorador, pero con la biblioteca de etiquetas development. Esta capacidad 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.
Objetivos de aprendizaje
Al final de esta lección, podrá utilizar Debugger para lo siguiente:
- Cargar una biblioteca de etiquetas alternativa
- Validar que el evento XDM del lado del cliente captura y envía datos según lo esperado a Platform Edge Network.
- Habilite Edge Trace para ver las solicitudes del lado del servidor enviadas por Platform Edge Network
Requisitos previos
Está familiarizado con las etiquetas de recopilación de datos y con el sitio de demostración de Luma, y ha completado las lecciones anteriores en el tutorial:
Carga de bibliotecas de etiquetas alternativas con Debugger
Experience Platform Debugger tiene una característica interesante que le permite reemplazar una biblioteca de etiquetas existente por otra diferente. Esta técnica es útil para la validación y nos permite omitir muchos pasos de implementación en este tutorial.
-
Asegúrese de tener abierto el sitio web de demostración de Luma y seleccione el icono de extensión de Experience Platform Debugger
-
Debugger se abrirá y mostrará algunos detalles de la implementación codificada (es posible que tenga que volver a cargar el sitio de Luma después de abrir Debugger).
-
Confirme que Debugger está "conectado a Luma" como se muestra a continuación y, a continuación, seleccione el icono "bloquear" para bloquear Debugger en el sitio de Luma.
-
Seleccione el botón Iniciar sesión e inicie sesión en Adobe Experience Cloud con su Adobe Id.
-
Ahora, ve a Etiquetas Experience Platform en el panel de navegación izquierdo
-
Seleccione la ficha Configuración
-
A la derecha de donde muestra los códigos incrustados de página, abra el menú desplegable Acciones y seleccione Reemplazar
-
Dado que se ha autenticado, Debugger va a extraer las propiedades y entornos de etiquetas disponibles. Seleccione su propiedad
-
Seleccione su entorno
Development -
Seleccione el botón Aplicar
-
El sitio web de Luma volverá a cargar con su propia propiedad de etiquetas.
A medida que continúa 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 Platform Web SDK. Al utilizar etiquetas en su propio sitio web, puede utilizar esta misma técnica para validar las bibliotecas de etiquetas de desarrollo en el sitio web de producción.
