Configuración del reenvío de eventos con datos del SDK web de Platform

Obtenga información sobre cómo utilizar el reenvío de eventos con los datos del SDK web de Adobe Experience Platform.

El reenvío de eventos es un nuevo tipo de propiedad disponible en la recopilación de datos. El reenvío de eventos le permite enviar datos a proveedores de terceros que no sean de Adobe directamente desde el Edge Network de Adobe Experience Platform, en lugar del explorador tradicional del lado del cliente. Obtenga más información acerca de las ventajas del reenvío de eventos en la descripción general del reenvío de eventos.

Diagrama del SDK web y del reenvío de eventos

Para utilizar el reenvío de eventos en Adobe Experience Platform, primero deben enviarse datos al Edge Network de Adobe Experience Platform mediante una o varias de las tres opciones siguientes:

NOTE
El SDK web de Platform y el SDK móvil de Platform no requieren implementación mediante etiquetas; sin embargo, se recomienda utilizar etiquetas para implementar estos SDK.

Después de completar las lecciones anteriores de este tutorial, debe enviar datos al Edge Network de Platform mediante el SDK web. Una vez que los datos están en Platform Edge Network, puede habilitar el reenvío de eventos y utilizar una propiedad de reenvío de eventos para enviar datos a soluciones que no sean de Adobe.

Objetivos de aprendizaje

Al final de esta lección, debe ser capaz de:

  • Creación de una propiedad de reenvío de eventos
  • Vinculación de una propiedad de reenvío de eventos a un conjunto de datos del SDK web de Platform
  • Comprender las diferencias entre los elementos de datos de propiedades de etiquetas y las reglas y los elementos y reglas de datos de propiedades de reenvío de eventos
  • Creación de un elemento de datos de reenvío de eventos
  • Configuración de una regla de reenvío de eventos
  • Validar que una propiedad de reenvío de eventos esté enviando datos correctamente

Requisitos previos

Creación de una propiedad de reenvío de eventos

Para empezar, cree una propiedad de reenvío de eventos:

  1. Abrir la interfaz de recopilación de datos

  2. Seleccione Reenvío de eventos en el panel de navegación izquierdo

  3. Seleccione Nueva propiedad.
    Propiedades de reenvío de eventos

  4. Asigne un nombre a la propiedad. En este caso, Server-Side - Web SDK Course

  5. Seleccione Guardar.
    guardar propiedad de reenvío de eventos

Configuración de la secuencia de datos

Para que el reenvío de eventos utilice los datos que envía al Edge Network de Platform, debe vincular la propiedad de reenvío de eventos recién creada al mismo conjunto de datos utilizado para enviar datos a las soluciones de Adobe.

Para configurar Target en el conjunto de datos:

  1. Ir a la interfaz de recopilación de datos

  2. En el panel de navegación izquierdo, seleccione Datastreams

  3. Seleccione la secuencia de datos Luma Web SDK: Development Environment creada anteriormente

    Seleccione la secuencia de datos del SDK web de Luma

  4. Seleccionar Agregar servicio
    Agregar un servicio al conjunto de datos

  5. Seleccione Reenvío de eventos como servicio

  6. En el menú desplegable Id. de propiedad, seleccione el nombre que dio a su propiedad de reenvío de eventos, en este caso Server-Side - Web SDK Course

  7. En el menú desplegable Id. de entorno, seleccione el entorno de etiqueta al que está vinculando el entorno de reenvío de eventos, en este caso Development

    note tip
    TIP
    Para enviar datos a un entorno de reenvío de eventos fuera de la organización de Adobe, selecciona Introducir manualmente los identificadores y pega los datos en un identificador. El ID se proporciona al crear una propiedad de reenvío de eventos.
  8. Seleccione Guardar.

    Habilitación de secuencia de datos de reenvío de eventos

Repita estos pasos para los flujos de datos de ensayo y producción cuando esté listo para promocionar los cambios a través del flujo de publicación.

Reenviar datos del Edge Network de Platform a una solución que no sea de Adobe

En este ejercicio aprenderá a configurar un elemento de datos de reenvío de eventos, configurar una regla de reenvío de eventos y validar mediante una herramienta de terceros llamada Webhook.site.

NOTE
Un webhook es una forma de integrar diferentes sistemas en tiempo semirreal. Webhook.site es una herramienta de terceros que permite inspeccionar, probar y automatizar fácilmente (con el Generador de acciones personalizadas de Visual Studio o WebhookScript) cualquier solicitud HTTP o correo electrónico entrante.
IMPORTANT
Ya debe haber creado y asignado elementos de datos a un objeto XDM, así como haber configurado reglas de etiquetas y haber creado esos cambios dentro de una biblioteca en un entorno de etiquetas para continuar. Si no lo ha hecho, consulte los pasos de la configuración de etiquetas en la sección de requisitos previos. Estos pasos garantizan que los datos se envíen al Edge Network de Platform y, desde allí, puede configurar una propiedad de reenvío de eventos para reenviar datos a una solución que no sea de Adobe.

Creación de un elemento de datos de reenvío de eventos

El objeto XDM configurado anteriormente con la extensión de etiqueta del SDK web de Platform se convierte en la fuente de datos para los elementos de datos en una propiedad de reenvío de eventos. Los mismos datos que ya se han configurado en la propiedad de etiquetas se utilizan como fuente de datos para el reenvío de eventos.

IMPORTANT
Hay una diferencia de sintaxis clave al hacer referencia a campos XDM en el reenvío de eventos en comparación con otros contextos. Para hacer referencia a datos en una propiedad de reenvío de eventos, la ruta del elemento de datos debe incluir el prefijo arc.event:
  • arc significa contexto de respuesta de Adobe.
  • Por ejemplo: arc.event.xdm.web.webPageDetails.URL
Si esta ruta de acceso no se especifica correctamente, no se recopilarán datos.

En este ejercicio, reenviará la altura de la ventanilla del explorador y el ID del Experience Cloud del objeto XDM a un webhook. La ruta del campo XDM está determinada por el esquema XDM creado durante la lección Configurar un esquema XDM.

TIP
También puede encontrar la ruta del objeto XDM utilizando las herramientas de red del explorador web, filtrando las solicitudes /ee, abriendo la señalización Payload y explorando en profundidad la variable que está buscando. A continuación, haga clic con el botón derecho del ratón y seleccione "Copiar ruta de propiedad". Este es un ejemplo de la altura de la ventanilla del explorador:
Ruta XDM de reenvío de eventos
  1. Vaya a la propiedad Reenvío de eventos que creó recientemente

  2. En el panel de navegación izquierdo, seleccione Elementos de datos

  3. Seleccione para crear nuevo elemento de datos

    Nuevo elemento de datos para el reenvío de eventos

  4. Nombre el elemento de datos environment.browserDetails.viewportHeight

  5. En extensión, deje CORE

  6. En Tipo de elemento de datos, seleccione Path

  7. Escriba la ruta de objeto XDM que contiene la altura de la ventanilla del explorador arc.event.xdm.environment.browserDetails.viewportHeight

  8. Seleccionar Guardar

    Ruta de ECID de reenvío de eventos

  9. Crear otro elemento de datos

  10. Nombre lo ecid

  11. En extensión, deje CORE

  12. En Tipo de elemento de datos, seleccione Path

  13. Escriba la ruta del objeto XDM que contiene el ID de Experience Cloud arc.event.xdm.identityMap.ECID.0.id

  14. Seleccionar Guardar

    Ruta de ECID de reenvío de eventos

    note caution
    CAUTION
    Asegúrese de incluir el prefijo arc.event. en la ruta. Además, asegúrese de seguir exactamente las mayúsculas y minúsculas como el nombre del campo Objeto XDM; el área de nombres ECID debe estar en mayúsculas.
    note tip
    TIP
    Al trabajar con su propio sitio web, puede encontrar la ruta del objeto XDM con las herramientas de red del explorador web, filtrando las solicitudes /ee, abriendo la señalización Payload y explorando en profundidad la variable que está buscando. A continuación, haga clic con el botón derecho del ratón y seleccione "Copiar ruta de propiedad". Este es un ejemplo de la altura de la ventanilla del explorador:
    Ruta XDM de reenvío de eventos

Instalación de la extensión de conector de Adobe Cloud

Para enviar datos a ubicaciones de terceros, primero debe instalar la extensión Conector de Adobe Cloud.

  1. Seleccione Extensiones en el panel de navegación izquierdo

  2. Seleccione la ficha Catálogo

  3. Busque Conector de Adobe Cloud, seleccione Instalar

    Ruta de ECID de reenvío de eventos

No se necesita ninguna configuración de extensión. Con esta extensión, ahora puede reenviar datos a una solución que no sea de Adobe.

Creación de una regla de reenvío de eventos

Existen algunas diferencias principales entre la configuración de reglas en una propiedad de etiqueta y una regla en una propiedad de reenvío de eventos:

  • Eventos y Condiciones:

    • Etiquetas: todas las reglas se activan mediante un Evento que debe especificarse en la regla, por ejemplo, Library Loaded - Page Top. Las condiciones son opcionales.
    • Reenvío de eventos: Se supone que cada evento enviado al Edge Network de Platform es un déclencheur para reenviar datos. Por lo tanto, no hay Eventos que se deban seleccionar en las reglas de reenvío de eventos. Para administrar qué eventos almacenan en déclencheur una regla de reenvío de eventos, debe configurar las condiciones.
  • Token de elemento de datos:

    • Tags: los nombres de los elementos de datos se identifican mediante token con un % al principio y al final del nombre del elemento de datos cuando se utilizan en una regla. Por ejemplo, %viewportHeight%.

    • Reenvío de eventos: los nombres de los elementos de datos se identifican mediante token con {{ al principio y }} al final del nombre del elemento de datos cuando se utilizan en una regla. Por ejemplo, {{viewportHeight}}.

  • Secuencia de acciones de regla:

    • La sección Acciones de una regla de reenvío de eventos siempre se ejecuta secuencialmente. Asegúrese de que el orden de las acciones es correcto al guardar una regla. Esta secuencia de ejecución no se puede ejecutar de forma asíncrona como con las etiquetas.

Para configurar una regla para reenviar datos a su webhook, primero debe obtener su webhook personal:

  1. Ir a webhook.site

  2. Busque su dirección URL única, la usa como solicitud de dirección URL en la regla de reenvío de eventos

  3. Seleccionar Copiar al portapapeles

  4. Deje esta ventana abierta, ya que podrá validar los datos del reenvío de eventos en tiempo real que captura Webhook

    Copiar URL de webhook

  5. Retroceder Recopilación de datos > Reenvío de eventos > Reglas desde la navegación izquierda

  6. Seleccionar Crear nueva regla

    Nueva regla para reenvío de eventos

  7. Asigne un nombre all events - ad cloud connector - webhook

  8. Añadir una acción

  9. En Extensión, seleccione Conector de nube de Adobe

  10. En Tipo de acción, seleccione Realizar llamada de recuperación

  11. Pegue la URL de Webhook en el campo URL

    Copiar URL de webhook

  12. En [Parámetros de consulta], agregará ambos elementos de datos que creó anteriormente.

  13. En el tipo de columna Clave de viewPortHeight. En la columna Valor, escriba el elemento de datos {{environment.browserDetails.viewportHeight}}; para ello, escríbalo o selecciónelo en el icono del selector de elementos de datos

  14. Seleccione + Agregar otro para agregar otro parámetro de consulta

  15. En el tipo de columna Clave de ecid. En la columna Valor, escriba el elemento de datos {{ecid}}

  16. Seleccionar Conservar cambios

    Agregar parámetro de consulta

  17. La regla debe ser similar a la siguiente

  18. Seleccionar Guardar

    Guardar regla de reenvío de eventos

Crear y crear la biblioteca

Cree una biblioteca y todos los cambios en el entorno de desarrollo del reenvío de eventos como lo haría normalmente en una propiedad de etiquetas.

NOTE
Si no ha vinculado las propiedades de reenvío de eventos de ensayo y producción a su conjunto de datos, verá el entorno de desarrollo como la única opción para crear una biblioteca en.

Guardar regla de reenvío de eventos

Validar regla de reenvío de eventos

Ahora puede validar la propiedad de reenvío de eventos mediante Platform Debugger y Webhook.site:

  1. Siga los pasos para cambiar la biblioteca de etiquetas en el sitio de demostración de Luma a la propiedad de etiquetas del SDK web a la que asignó la propiedad de reenvío de eventos en la secuencia de datos.

  2. Antes de volver a cargar la página, en Experience Platform Debugger abra Registros desde el panel de navegación izquierdo

  3. Seleccione la ficha Edge y, a continuación, seleccione Connect para ver las solicitudes del Edge Network de la plataforma

    Sesión de red perimetral de reenvío de eventos

  4. Volver a cargar la página

  5. Verá solicitudes adicionales que le proporcionan visibilidad de las solicitudes del lado del servidor que el Edge Network de Platform envía al enlace web

  6. La solicitud en la que se centra la validación es la que muestra la dirección URL completamente construida que envía la red de Edge

    Depurador de reenvío de eventos

  7. Observe los parámetros de cadena de consulta viewPortHeight y ecid

    El reenvío de eventos valida las cadenas de consulta

  8. Coinciden con los datos que se ven en el objeto XDM

    Datos coincidentes del reenvío de eventos

  9. Por último, valide también las coincidencias de datos en Webhook.site al ver la ventana de Webhook abierta

    Datos del sitio de enlace web de reenvío de eventos

¡Felicidades! Ha configurado el reenvío de eventos.

Siguiente:

NOTE
Gracias por dedicar su tiempo a conocer el SDK web de Adobe Experience Platform. Si tiene preguntas, desea compartir comentarios generales o tiene sugerencias sobre contenido futuro, compártalas en esta publicación de debate de la comunidad de Experience League
recommendation-more-help
8cbc0fd8-ca1d-433b-9c3d-bc3f113347d4