Prácticas recomendadas en páginas de SPA al enviar datos a AAM

En este documento, describiremos varias prácticas recomendadas que debe seguir y tener en cuenta a la hora de enviar datos de Single Page Applications (SPA) a Adobe Audience Manager (AAM). Este documento se centra en el uso de Experience Platform Launch, que es el método de implementación recomendado.

Notas iniciales

  • Los elementos siguientes asumirán que está utilizando Platform Launch para implementar en el sitio. Las consideraciones seguirían existiendo si no utiliza Platform Launch, pero tendría que adaptarlas a su método de implementación.
  • Todas las SPA son diferentes, por lo que es posible que tenga que modificar algunos de los siguientes elementos para adaptarlos a sus necesidades, pero quisimos compartir algunas prácticas recomendadas con usted; cosas que debe tener en cuenta a la hora de enviar datos desde páginas de SPA a Audience Manager.

Diagrama sencillo del trabajo con SPA y AAM en Experience Platform Launch

spa para aam en  launch

NOTA

Como se ha indicado, este es un diagrama simplificado de cómo se gestionan las páginas de SPA en una implementación de Adobe Audience Manager (sin Adobe Analytics) mediante Platform Launch. Como puede ver, es bastante directo, con la gran decisión de cómo va a comunicar un cambio de vista (o una acción) a Platform Launch.

Activación Launch desde la página de SPA

Dos de los métodos más comunes para activar una regla en Platform Launch (y, por lo tanto, enviar datos a Audience Manager) son:

  • Configuración de eventos personalizados de JavaScript (consulte el ejemplo HERE con Adobe Analytics)
  • Uso de Direct Call Rule

En este ejemplo de Audience Manager, utilizamos un Direct Call rule en Launch para activar la visita que entra en Audience Manager. Como verá en las secciones siguientes, esto resulta realmente útil al configurar el Data Layer en un nuevo valor, de modo que el Data Element pueda utilizarlo en Platform Launch.

Demostración de página

Hemos creado una pequeña página de demostración que muestra cómo cambiar un valor en data layer y enviarlo a AAM, como puede hacer en una página de SPA. Esta funcionalidad se puede modelar para realizar cambios más detallados y necesarios. Puede encontrar esta página de demostración HERE.

Al configurar la variable data layer

Como se ha mencionado, cuando se carga contenido nuevo en la página o cuando alguien realiza una acción en el sitio, el data layer debe configurarse de forma dinámica en el encabezado de la página ANTES de que se llame a Launch y ejecute el rules, de modo que Platform Launch pueda recoger los nuevos valores del data layer y colocarlos en Audience Manager.

Si va al sitio de demostración enumerado arriba y mira el origen de la página, verá:

  • El data layer está en el encabezado de la página, antes de la llamada a Platform Launch
  • El JavaScript en el vínculo SPA simulado cambia el Data Layer y LUEGO llama a Platform Launch (la llamada _satellite.track() ). Si estaba utilizando eventos personalizados de JavaScript en lugar de Direct Call Rule, la lección es la misma. Primero cambie data layer y luego llame a Launch.

Recursos adicionales

En esta página

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now