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

En este documento se describen varias prácticas recomendadas para enviar datos de aplicaciones de una sola página (SPA) a Adobe Audience Manager (AAM). Este artículo se centra en el uso de Experience Platform tags, el método de implementación recomendado.

Notas iniciales

Los elementos siguientes supondrán que está utilizando etiquetas de Platform para implementar en el sitio. Las consideraciones siguen existiendo si no utiliza etiquetas de Platform, pero tendría que adaptarlas al método de implementación.
Todos los SPA son diferentes, por lo que es posible que tenga que modificar algunos de los siguientes elementos para que se ajusten mejor a sus necesidades, pero Adobe desea compartir algunas prácticas recomendadas que debe tener en cuenta a medida que envía datos de SPA páginas al Audience Manager.

Diagrama sencillo del trabajo con SPA y AAM en etiquetas de Experience Platform (anteriormente, Launch)

spa para aam en etiquetas

NOTA

Como se ha indicado, este es un diagrama simplificado de cómo se gestionan las páginas SPA en una implementación de Adobe Audience Manager (sin Adobe Analytics) mediante etiquetas de Platform. 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 las etiquetas de Platform.

Activación de etiquetas desde la página SPA

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

Configuración de eventos personalizados de JavaScript (consulte el ejemplo AQUÍ con Adobe Analytics)
Uso de un Direct Call Rule

En este ejemplo de Audience Manager, se utiliza un Direct Call rule en las etiquetas de Platform para almacenar en déclencheur la visita que se entra en Audience Manager. Como verá en las secciones siguientes, esto resulta útil si configura la variable Data Layer a un nuevo valor, de modo que el Data Element en las etiquetas de Platform.

Página de demostración

Esta es una pequeña página que muestra cómo cambiar un valor en la capa de datos y enviarlo al Audience Manager, como puede hacer en una página SPA. Esta funcionalidad se puede modelar para realizar cambios más detallados y necesarios. Puede encontrar esta página de demostración AQUÍ.

Configuración de la capa de datos

Como se ha mencionado, cuando se carga contenido nuevo en la página o cuando alguien realiza una acción en el sitio, la capa de datos debe configurarse dinámicamente en el encabezado de la página ANTES de que se llame a las etiquetas de plataforma y ejecute la rules, de modo que las etiquetas de Platform puedan recoger los nuevos valores de la capa de datos e insertarlos en el Audience Manager.

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

La capa de datos está en el encabezado de la página, antes de la llamada a las etiquetas de Platform
El JavaScript en el vínculo SPA simulado cambia la variable Data Layery, a continuación, llama a las etiquetas de Platform (la variable _satellite.track() ). Si utilizaba eventos personalizados de JavaScript en lugar de Direct Call Rule, la lección es la misma. En primer lugar, cambie la variable data layery, a continuación, llame a las etiquetas de Platform.