2.5.3 Crear y configurar un webhook personalizado
Cree su webhook personalizado
Vaya a https://pipedream.com/requestbin. Ya usó esta aplicación en SDK de destinos del ejercicio 2.3.6
Si aún no ha utilizado ese servicio, cree una cuenta de y, a continuación, un espacio de trabajo. Una vez creado el espacio de trabajo, verá algo similar a esto.
Haga clic en copiar para copiar la dirección URL. Deberá especificar esta dirección URL en el siguiente ejercicio. La dirección URL de este ejemplo es https://eodts05snjmjz67.m.pipedream.net.
Este sitio web ha creado este webhook para usted, y usted podrá configurarlo en su Event Forwarding property para comenzar a probar el reenvío de eventos.
Actualizar la propiedad de reenvío de eventos: Crear un elemento de datos
Vaya a https://experience.adobe.com/#/data-collection/ y luego a Reenvío de eventos. Busque la propiedad Reenvío de eventos y haga clic en ella para abrirla.
En el menú de la izquierda, vaya a Elementos de datos. Haga clic en Crear nuevo elemento de datos.
A continuación, verá un nuevo elemento de datos para configurar.
Realice la siguiente selección:
- Como Nombre, introduzca Evento XDM.
- Como la extensión, seleccione Principal.
- Como Tipo de elemento de datos, seleccione Ruta.
- Como Ruta, seleccione Leer datos de XDM (arc.event.xdm). Al seleccionar esta ruta, se filtrará la sección XDM de la carga útil de evento que el sitio web o la aplicación móvil envía a Adobe Edge.
Ahora vas a tener esto. Haga clic en Guardar.
Actualizar la propiedad del servidor de recopilación de datos de Adobe Experience Platform: Crear una regla
En el menú de la izquierda, ve a Reglas. Haga clic en Crear nueva regla.
A continuación, verá una nueva regla para configurar. Escriba Nombre: Todas las páginas. Para este ejercicio, no es necesario configurar una condición. En su lugar, configurará una acción. Haga clic en el botón + Agregar en Acciones.
Entonces verá esto… Realice la siguiente selección:
- Seleccione la extensión: Conector de Adobe Cloud.
- Seleccione el Tipo de acción: Realizar llamada de recuperación.
Esto debería proporcionarle este Nombre: Conector de Adobe Cloud - Realizar llamada de búsqueda. Ahora debería ver esto:
A continuación, configure lo siguiente:
- Cambie el método de solicitud de GET a POST
- Escriba la dirección URL del webhook personalizado que creó en uno de los pasos anteriores, que tiene este aspecto:
https://eodts05snjmjz67.m.pipedream.net
Ahora debería tener esto. A continuación, vaya a Cuerpo.
Entonces verá esto… Haga clic en el icono de elemento de datos como se indica a continuación.
En la ventana emergente, seleccione el elemento de datos Evento XDM que creó en el paso anterior. Haga clic en Seleccionar.
Entonces verá esto… Haga clic en Conservar cambios.
Entonces verá esto… Haga clic en Guardar.
Ahora ha configurado la primera regla en una propiedad de reenvío de eventos. Vaya a Flujo de publicación para publicar los cambios.
Abra la biblioteca de desarrollo Main haciendo clic en Editar como se indica.
Haga clic en el botón Agregar todos los recursos modificados, tras lo cual verá que la regla y el elemento de datos aparecen en esta biblioteca. A continuación, haga clic en Guardar y generar para desarrollo. Los cambios se están implementando.
Después de un par de minutos, verá que la implementación está completa y lista para probarse.
Pruebe la configuración
Vaya a https://dsn.adobe.com. Después de iniciar sesión con su Adobe ID, verá esto. Haga clic en los 3 puntos … del proyecto del sitio web y, a continuación, haga clic en Ejecutar para abrirlo.
A continuación, verá cómo se abre el sitio web de demostración. Seleccione la URL y cópiela en el portapapeles.
Abra una nueva ventana del explorador de incógnito.
Pegue la dirección URL del sitio web de demostración, que copió en el paso anterior. Luego se le pedirá que inicie sesión con su Adobe ID.
Seleccione el tipo de cuenta y complete el proceso de inicio de sesión.
Luego verá el sitio web cargado en una ventana de incógnito del explorador. Para cada ejercicio, deberá utilizar una ventana nueva del explorador de incógnito para cargar la URL del sitio web de demostración.
Cuando abra la Vista de desarrollador del explorador, puede inspeccionar las Solicitudes de red como se indica a continuación. Cuando use el filtro interaction, verá las solicitudes de red que envía el cliente de recopilación de datos de Adobe Experience Platform a Adobe Edge.
Si selecciona la carga útil sin procesar, vaya a https://jsonformatter.org/json-pretty-print y pegue la carga útil. Haga clic en Minificar / Beautify. Verá la carga útil JSON, el objeto events y el objeto xdm. En uno de los pasos anteriores, al definir el elemento de datos, utilizó la referencia arc.event.xdm, que le permitirá analizar el objeto xdm de esta carga.
Cambie la vista al webhook personalizado https://pipedream.com/requestbin que utilizó en uno de los pasos anteriores. Ahora debería tener una vista similar a esta, con las solicitudes de red mostradas en el menú de la izquierda. Está viendo la carga útil xdm que se filtró fuera de la solicitud de red que se mostró arriba.
Desplácese un poco hacia abajo en la carga para encontrar el nombre de página, que en este caso es home.
Si ahora navega por el sitio web, verá solicitudes de red adicionales disponibles en este webhook personalizado en tiempo real.
Ya ha configurado el reenvío de eventos del lado del servidor de las cargas útiles de Web SDK/XDM en un webhook personalizado externo. En los próximos ejercicios, configurará un enfoque similar y enviará esos mismos datos hacia Google Cloud Platform y AWS.
Pasos siguientes
Ir a 2.5.4 Reenviar eventos a GCP Pub/Sub
Volver a Conexiones de Real-Time CDP: reenvío de eventos
Volver a Todos los módulos