Validación de implementaciones de SDK web 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 le ayuda a 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, se usa 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. Le permite cargar el sitio web de producción en su explorador, pero con su desarrollo biblioteca de etiquetas. 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 al Edge Network de Platform
- Habilite el seguimiento de Edge para ver las solicitudes del lado del servidor enviadas por el Edge Network de Platform
Requisitos previos
Está familiarizado con las etiquetas de recopilación de datos y las Sitio de demostración de Luma y haya 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 que tiene el Sitio web de demostración de Luma Abra y seleccione el icono Experience Platform Debugger extension.
-
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 es "Conectado a Luma" como se muestra a continuación y, a continuación, seleccione el "bloquear" para bloquear Debugger en el sitio de Luma.
-
Seleccione el Iniciar sesión e inicie sesión en Adobe Experience Cloud con su ID de Adobe.
-
Ahora, vaya a Etiquetas de Experience Platform en el panel de navegación izquierdo
-
Seleccione el Configuración pestaña
-
A la derecha de donde muestra el Códigos incrustados de página, abra el 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
Development
entorno -
Seleccione el Aplicar botón
-
El sitio web de Luma se 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 del SDK web de Platform. 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.
Validar solicitudes de red del lado del cliente con Experience Platform Debugger
Puede utilizar Debugger para validar las señalizaciones del lado del cliente activadas desde la implementación del SDK web de Platform para ver los datos enviados al Edge Network de Platform:
-
Ir a Resumen en el panel de navegación izquierdo, para ver los detalles de la propiedad de etiquetas
-
Ahora, vaya a SDK web de Experience Platform en el panel de navegación izquierdo para ver la Solicitudes de red
-
Abra el eventos reñir
-
Observe cómo puede ver el
web.webpagedetails.pageView
tipo de evento especificado en su Actualizar variable acción y otras variables listas para usar que se ajustan a la variableAEP Web SDK ExperienceEvent
grupo de campos -
Desplácese hacia abajo hasta el
web
objeto, seleccione para abrirlo e inspeccionar elwebPageDetails.name
,webPageDetails.server
, ywebPageDetails.siteSection
. Deben coincidir con el correspondientedigitalData
variables de capa de datos en la página principal
digitalData
capa de datos en la página principal:- En la página de inicio de Luma, abra las herramientas para desarrolladores de navegadores. En el caso de Chrome, seleccione el botón
F12
en el teclado - Seleccione el Consola pestaña
- Entrar
digitalData
y seleccioneEnter
en el teclado para que aparezcan los valores de la capa de datos
También puede validar los detalles del mapa de identidad:
-
Inicie sesión en el sitio de Luma con las credenciales
test@adobe.com
/test
-
Vuelva a la página principal de Luma
-
Abra el SDK web de Experience Platform en el panel de navegación izquierdo
-
Seleccione el eventos fila para abrir los detalles en una ventana emergente
-
Busque la variable identityMap en la ventana emergente. Aquí debería ver
lumaCrmId
con tres claves authenticatedState, id y primary:
Validación de solicitudes del lado del cliente con herramientas de desarrollo del explorador
Estos tipos de detalles de solicitud también están visibles en las herramientas para desarrolladores web del explorador Red (suponiendo que el sitio web esté cargando la biblioteca de etiquetas).
-
Abra las herramientas para desarrolladores web del explorador Red y vuelva a cargar la página. Filtrar por llamadas con
/ee
para localizar la llamada, selecciónela y, a continuación, busque en Encabezados pestaña, y Carga útil pestaña -
Vaya a la Respuesta y observe cómo se incluye el valor de ECID en la respuesta.
note note NOTE El valor ECID es visible en la respuesta de red. No se incluye en la identityMap
parte de la solicitud de red, ni se almacena en este formato en una cookie.
Validar solicitudes de red del lado del servidor con Experience Platform Debugger
Como aprendió en el Configuración de una secuencia de datos En esta lección, el SDK web de Platform envía primero datos de la propiedad digital al Edge Network de Platform. A continuación, Platform Edge Network realiza solicitudes adicionales del lado del servidor a los servicios correspondientes habilitados en el conjunto de datos. Puede validar las solicitudes del lado del servidor realizadas por Platform Edge Network mediante el seguimiento de Edge en Debugger.
Habilitar seguimiento de Edge
Para habilitar el seguimiento de Edge:
-
En la navegación izquierda de Experience Platform Debugger select Registros
-
Seleccione el Edge y seleccione. Connect
-
Está vacío por ahora
-
Actualice la Página de inicio de Luma y compruebe Experience Platform Debugger de nuevo, para ver pasar los datos.
En este punto, no puede ver ninguna solicitud del Edge Network de Platform que vaya a aplicaciones de Adobe porque no ha habilitado ninguna en la secuencia de datos. En lecciones futuras, utilice el seguimiento de Edge para ver las solicitudes salientes del lado del servidor a las aplicaciones de Adobe y al reenvío de eventos. Pero primero, obtenga información acerca de otra herramienta para validar las solicitudes del lado del servidor realizadas por Platform Edge Network: Adobe Experience Platform Assurance.