Eventos personalizados de at.js

Información sobre at.js custom events, le avisa cuando una oferta o una solicitud de mbox se procesa correcta o incorrectamente.

Históricamente, mbox.js impedía a otros códigos de JavaScript que se ejecutaban en la página saber lo que pasaba entre bastidores. Con el adelanto de at.js, tuvimos una oportunidad única de arreglar este problema.

Nuestros clientes nos han contado que les gustaría recibir notificación sobre varias situaciones, entre otras:

  • Cuando una solicitud de mbox falla porque se ha superado el tiempo de espera, porque el código de estado es erróneo, por un error de análisis de JSON, etc.
  • Cuando una solicitud de mbox se efectúa correctamente.
  • Cuando la representación de ofertas falla porque falta un elemento mbox envolvente, porque no se encuentra el selector, etc.
  • Cuando la representación se efectúa correctamente. Los cambios del DOM se han aplicado.

Los eventos predefinidos tienen una estructura que permite extraer los datos necesarios según el tipo de evento.

Para asegurarse de que los eventos se puedan usar en distintos casos, los eventos personalizados tienen un objeto de carga útil que se asigna a la propiedad de detalle del objeto del evento (que se pasa al controlador). Además, para evitar pasar cadenas como nombres de eventos, los eventos se exponen como constantes usando el espacio de nombres de adobe.target.event.

Estructura

Clave Tipo Descripción
type Cadena Hay varios escenarios en los que le gustaría recibir notificaciones para ayudarlo a rastrear, depurar y personalizar la interacción con at.js.
Cada evento personalizado enumerado a continuación tiene dos formatos: una “constante” y un “valor de cadena”.
  • Constantes: antepuesto con adobe.target.event., presentado todo en mayúsculas y contiene caracteres subrayados. Para suscribirse a eventos personalizados después de cargas at.js pero antes de que se haya recibido la respuesta de mbox, use la constante.
  • Valores de cadena: en minúsculas y contiene guiones. Para suscribirse a eventos personalizados antes de cargas at.js, use el valor de cadena.
Solicitud fallida
Constante: adobe.target.event.REQUEST_FAILED
Valor de cadena: at-request-failed
Descripción: Una solicitud de mbox falla debido al tiempo de espera, el código de estado incorrecto, el error de análisis de JSON, etc.
Solicitud exitosa
Constante: adobe.target.event.REQUEST_SUCCEEDED
Valor de cadena: at-request-succeeded
Descripción: se realizó una solicitud de mbox correctamente.
Representación de contenido fallida
Constante: adobe.target.event.CONTENT_RENDERING_FAILED
Valor de cadena: at-content-rendering-failed
Descripción: la representación de ofertas falló debido a que falta un elemento mbox envolvente, el selector no se puede encontrar, etc.
Representación de contenido exitosa
Constante: adobe.target.event.CONTENT_RENDERING_SUCCEEDED
Valor de cadena: at-content-rendering-succeeded
Descripción: la representación de ofertas se realizó correctamente. Los cambios del DOM se han aplicado.
Biblioteca cargada
Constante: adobe.target.event.LIBRARY_LOADED
Valor de cadena: at-library-loaded
Descripción: este evento es ideal para rastrear cuándo at.js se ha cargado completamente. Puede usar este evento para personalizar la ejecución global de mbox. También puede usar este evento para deshabilitar el mbox global y luego escuchar este evento para lanzar el mbox global más tarde.
Inicio de solicitud
Constante: adobe.target.event.REQUEST_START
Valor de cadena: at-request-start
Descripción: este evento se activa antes de ejecutar una solicitud HTTP. Puede usar este evento para las mediciones de rendimiento usando API Resource Timing.
Inicio de representación de contenido
Constante: adobe.target.event.CONTENT_RENDERING_START
Valor de cadena: at-content-rendering-start
Descripción: este evento se activa antes de que se inicie el selector de sondeos y de que se represente el contenido en la página. Puede usar este evento para seguir el progreso del procesamiento de contenido.
Representación de contenido sin ofertas
Constante: adobe.target.event.CONTENT_RENDERING_NO_OFFERS
Valor de cadena: at-content-rendering-no-offers
Descripción: este evento se activa cuando no se devuelven ofertas.
Redireccionamiento de representación de contenido
Constante: adobe.target.event.CONTENT_RENDERING_REDIRECT
Valor de cadena: at-content-rendering-redirect
Descripción: este evento se activa cuando una oferta es redireccionada y Target la redirecciona a otra URL.
mbox Cadena nombre de mbox
message Cadena Contiene una descripción legible por humanos, como lo que sucedió, el mensaje de error, etc.
seguimiento Objeto Contiene el sessionId y deviceId. En algunos casos, el deviceId podría no estar porque Target no lo pudo recuperar del servidor Edge.
type Cadena El artefacto de toma de decisiones en el dispositivo
se ejecuta correctamenteConstante:
adobe.target.event.ARTIFACT_DOWNLOAD_SUCCEEDED
Valor de cadena: artifactDownloadSucceeded
Descripción: Se llama cuando el artefacto de toma de decisiones en el dispositivo se descarga correctamente.
Fallo del artefacto de toma de decisiones en el dispositivo
Constante: adobe.target.event.ARTIFACT_DOWNLOAD_FAILED
Valor de cadena: artifactDownloadFailed
Descripción: Se llama cuando el artefacto de toma de decisiones en el dispositivo no se puede descargar.

Uso

document.addEventListener(adobe.target.event.REQUEST_SUCCEEDED, function(event) { 
  console.log('Event', event); 
});

Vídeo de formación: Tokens de respuesta y eventos personalizados de at.jsDistintivo de tutorial

Vea el siguiente vídeo para aprender a utilizar los tokens de respuesta y los eventos personalizados de at.js con el fin de compartir información de perfil de Target con sistemas de terceros.

En esta página