Cómo funciona at.js
Para implementar Adobe Target del lado del cliente, debe utilizar la biblioteca JavaScript at.js.
En una implementación del lado del cliente de Adobe Target, Target envía las experiencias asociadas a una actividad directamente al explorador del cliente. El explorador decide qué experiencia mostrar y lo hace. Con una implementación del lado del cliente, puede utilizar un editor WYSIWYG, el Compositor de experiencias visuales (VEC) o una interfaz no visual, el Compositor de experiencias basadas en formularios, para crear experiencias de prueba y personalización.
¿Qué es at.js?
La biblioteca at.js es la biblioteca de implementación para la implementación del lado del cliente de Adobe Target. La biblioteca at.js mejora los tiempos de carga de página en implementaciones web y proporciona mejores opciones de implementación en aplicaciones de una sola página. at.js es la biblioteca de implementación recomendada y se actualiza con frecuencia con nuevas capacidades. Recomendamos que todos los clientes implementen o migren a la versión más reciente de at.js.
Para obtener más información, consulte Bibliotecas de JavaScript de Target.
En el TargetComo se muestra a continuación, se implementan las siguientes soluciones de Adobe Experience Cloud: Analytics, Target y Audience Manager. Además, los siguientes Experience Cloud se implementan los servicios principales: Adobe Experience Platform, Audiencias, y Servicio de ID de visitante.
¿Cuál es la diferencia entre los diagramas de flujo de trabajo de at.js 1.x y at.js 2.x?
Para obtener más información sobre las diferencias introducidas en 2.O de 1, consulte Actualización de at.js 1.x a at.js 2.x.x.
En términos generales, existen un par de diferencias entre las dos versiones:
- at.js 2 no tiene un concepto de solicitud de mbox global sino una solicitud de carga de página. La solicitud de carga de página se puede ver como una solicitud para recuperar contenido que debería aplicarse en la carga inicial de página del sitio web.
- at.js 2.x administra los conceptos de VistasSPA , que se utilizan para aplicaciones de una sola página (). at.js 1.x no tiene en cuenta este concepto.
Diagramas de at.js 2.x
Los siguientes diagramas le ayudan a comprender el flujo de trabajo de at.js 2.x con Vistas SPA y cómo esto mejora la integración de la. Para obtener una mejor introducción a los conceptos utilizados en at.js 2.x, consulte Implementación de aplicación de una sola página.
(Haga clic en la imagen para ampliarla a ancho completo).
at.js también se puede cargar de manera asíncrona con una opción de fragmento de ocultamiento previo implementado en la página.
Se envían los atributos del cliente al Almacenamiento de perfiles en un procesamiento de lotes.
El contenido dirigido se muestra en la página actual lo más rápido posible y sin parpadeo del contenido predeterminado.
Contenido dirigido para vistas que se muestran como resultado de acciones del usuario en una SPA almacenada en caché en el explorador, de modo que se pueda aplicar instantáneamente sin una llamada al servidor adicional cuando se activan las vistas
triggerView()
.AnalyticsPor lo tanto, los datos de se pueden visualizar tanto en Analytics como en Target mediante los informes de (A4T).
Ahora, independientemente de que se implemente triggerView()
en la SPA, las vistas y acciones se recuperan de la caché y se muestran al usuario sin una llamada al servidor. triggerView()
también realiza una solicitud de notificaciones al back-end Target para aumentar y registrar los recuentos de impresión. Para obtener más información sobre at.js para las SPA con vistas, consulte Implementación de aplicación de una sola página.
(Haga clic en la imagen para ampliarla a ancho completo).
triggerView()
para procesar la vista y aplicar acciones para modificar los elementos visuales.Vídeo: Diagrama arquitectónico de at.js 2.x
at.js 2.x mejora la compatibilidad de Adobe Target con las SPA e integra otras soluciones de Experience Cloud. Este vídeo explica cómo se vincula todo.
Consulte Descripción del funcionamiento de at.js 2.x para obtener más información.
Diagrama de at.js 1.x
Los siguientes diagramas le ayudan a comprender el flujo de trabajo de at.js 1.x.
(Haga clic en la imagen para ampliarla a ancho completo).
Se envían los atributos del cliente al Almacenamiento de perfiles en un procesamiento de lotes.
Se muestra la experiencia lo más rápido posible sin parpadeos del contenido predeterminado.
Analytics se pueden visualizar tanto en Analytics como en Target mediante los informes de Analytics for Target (A4T).
Vídeo: Tutorías: Sugerencias y descripción general de at.js (26 de junio de 2019)
Este vídeo es una grabación de "Horario de oficina", una iniciativa liderada por Adobe del Servicio de atención al cliente equipo.
- Ventajas de utilizar at.js
- Configuración de at.js
- Control de parpadeo
- Depurar at.js
- Problemas conocidos
- Preguntas más frecuentes
Cómo procesa at.js ofertas con contenido HTML
Al procesar ofertas con contenido HTML, at.js aplica el siguiente algoritmo:
-
Las imágenes se cargan previamente (si el contenido HTML tiene etiquetas
<img>
). -
El contenido HTML se adjunta al nodo DOM.
-
Se ejecutan scripts en línea (código delimitado por etiquetas
<script>
). -
Los scripts remotos se cargan de forma asíncrona y se ejecutan (etiquetas
<script>
con atributossrc
).
Notas importantes:
- at.js no proporciona garantías en el orden de ejecución del script remoto, ya que estos se cargan de forma asincrónica.
- Los scripts en línea no deberían tener dependencias en scripts remotos, ya que se cargan y ejecutan más adelante.