Uso de Adobe Target con el Platform Web SDK

Adobe Experience Platform Web SDK puede entregar y procesar experiencias personalizadas administradas en Adobe Target el canal web. Puede utilizar un editor WYSIWYG, denominado Compositor de experiencias visuales (VEC), o una interfaz no visual, el Compositor de experiencias basadas en formularios, para crear, activar y ofrecer sus actividades y experiencias de personalización.

IMPORTANTE

La documentación de Adobe Target incluye temas que contienen información específica del SDK web de la plataforma en relación con las funciones y funcionalidades de Target.

Las siguientes funciones se han probado y actualmente son compatibles con Target:

Platform Web SDK diagrama del sistema

El diagrama siguiente le ayuda a comprender el flujo de trabajo de las decisiones de borde Target y Platform Web SDK.

Diagrama de la toma de decisiones perimetrales de Adobe Target con el SDK web de Platform

La llamada Detalles
1 El dispositivo carga el Platform Web SDK. El Platform Web SDK envía una solicitud a la red perimetral con datos XDM, el ID de entorno de Datastreams, los parámetros transferidos y el ID de cliente (opcional). La página (o los contenedores) está oculta previamente.
2 La red perimetral envía la solicitud a los servicios Edge para enriquecerla con el ID del visitante, el consentimiento y otra información de contexto del visitante, como la geolocalización y los nombres descriptivos del dispositivo.
3 La red perimetral envía la solicitud de personalización enriquecida al perímetro Target con el ID de visitante y los parámetros transferidos.
4 Los scripts de perfil se ejecutan y luego se alimentan en el almacenamiento de perfiles Target. El almacenamiento de perfiles obtiene segmentos de la Biblioteca de audiencias (por ejemplo, segmentos compartidos desde Adobe Analytics, Adobe Audience Manager, Adobe Experience Platform).
5 En función de los parámetros de solicitud de URL y los datos de perfil, Target determina qué actividades y experiencias se mostrarán para el visitante en la vista de página actual y para futuras vistas de recuperación previa. Target a continuación, lo devuelve a la red perimetral.
6 a. La red perimetral envía la respuesta de personalización a la página, incluyendo de forma opcional los valores de perfil para una personalización adicional. El contenido personalizado de la página actual se muestra lo más rápido posible y sin parpadeo del contenido predeterminado.
b. El contenido personalizado para las vistas que se muestran como resultado de las acciones del usuario en una aplicación de una sola página (SPA) se almacena en caché para que se pueda aplicar instantáneamente sin una llamada al servidor adicional cuando se activan las vistas.
c. La red perimetral envía el ID de visitante y otros valores en cookies, como consentimiento, ID de sesión, identidad, comprobación de cookies, personalización, etc.
7 La red perimetral reenvía los detalles de Analytics for Target (A4T) (actividad, experiencia y metadatos de conversión) al perímetro Analytics.

Habilitación de Adobe Target

Para habilitar Target, haga lo siguiente:

  1. Habilite Target en su conjunto de datos con el código de cliente apropiado.
  2. Agregue la opción renderDecisions a los eventos.

A continuación, opcionalmente, también puede añadir las siguientes opciones:

  • decisionScopes: Recupere actividades específicas (útil para actividades creadas con el compositor basado en formularios) añadiendo esta opción a los eventos.
  • Ocultamiento previo del fragmento: Oculte solo ciertas partes de la página.

Uso del VEC de Adobe Target

Para utilizar el VEC con una implementación Platform Web SDK, instale y active la extensión Firefox o Chrome VEC Helper Extension.

Para obtener más información, consulte Visual Experience Composer Helper extension en la Guía de Adobe Target.

Representación de contenido personalizado

Consulte Rendering personalization content para obtener más información.

Audiencias en XDM

Al definir audiencias para las actividades Target que se entregan mediante Platform Web SDK, XDM debe definirse y utilizarse. Después de definir esquemas XDM, clases y grupos de campos de esquema, puede crear una regla de audiencia Target definida por los datos XDM para la segmentación. Dentro de Target, los datos XDM se muestran en el Audience Builder como un parámetro personalizado. El XDM se serializa mediante notación de puntos (por ejemplo, web.webPageDetails.name).

Si tiene Target actividades con audiencias predefinidas que utilizan parámetros personalizados o un perfil de usuario, no se entregan correctamente mediante el SDK. En lugar de usar parámetros personalizados o el perfil de usuario, debe utilizar XDM en su lugar. Sin embargo, hay campos de objetivo de audiencia integrados compatibles con el Platform Web SDK que no requieren XDM. Estos campos están disponibles en la interfaz de usuario Target que no requieren XDM:

  • Biblioteca de segmentos
  • Geografía
  • Red
  • Operating System
  • Páginas del sitio
  • Explorador
  • Fuentes de tráfico
  • Lapso de tiempo

Para obtener más información, consulte Categorías para audiencias en la Guía de Adobe Target.

Tokens de respuesta

Los tokens de respuesta se utilizan principalmente para enviar metadatos a terceros como Google, Facebook, etc. Se devuelven tokens de respuesta
en el campo meta dentro de propositions -> items. Este es un ejemplo:

{
  "id": "AT:eyJhY3Rpdml0eUlkIjoiMTI2NzM2IiwiZXhwZXJpZW5jZUlkIjoiMCJ9",
  "scope": "__view__",
  "scopeDetails": ...,
  "renderAttempted": true,
  "items": [
    {
      "id": "0",
      "schema": "https://ns.adobe.com/personalization/dom-action",
      "meta": {
        "experience.id": "0",
        "activity.id": "126736",
        "offer.name": "Default Content",
        "offer.id": "0"
      }
    }
  ]
}

Para recopilar los tokens de respuesta, debe suscribirse a la promesa alloy.sendEvent, iterar a través de propositions
y extraiga los detalles de items -> meta. Cada proposition tiene un campo booleano renderAttempted
indicando si el proposition se ha procesado o no. Consulte el siguiente ejemplo:

alloy("sendEvent",
  {
    renderDecisions: true,
    decisionScopes: [
      "hero-container"
    ]
  }).then(result => {
    const { propositions } = result;

    // filter rendered propositions
    const renderedPropositions = propositions.filter(proposition => proposition.renderAttempted === true);

    // collect the item metadata that represents the response tokens
    const collectMetaData = (items) => {
      return items.filter(item => item.meta !== undefined).map(item => item.meta);
    }

    const pageLoadResponseTokens = renderedPropositions
      .map(proposition => collectMetaData(proposition.items))
      .filter(e => e.length > 0)
      .flatMap(e => e);
  });
  

Cuando el procesamiento automático está habilitado, la matriz de propuestas contiene:

Al cargar la página:

  • Compositor basado en formularios propositions con indicador renderAttempted establecido en false
  • Propuestas basadas en el Compositor de experiencias visuales con el indicador renderAttempted establecido en true
  • Propuestas basadas en el Compositor de experiencias visuales para una vista de aplicación de una sola página con el indicador renderAttempted establecido en true

On View - change (para vistas en caché):

  • Propuestas basadas en el Compositor de experiencias visuales para una vista de aplicación de una sola página con el indicador renderAttempted establecido en true

Cuando se deshabilita el procesamiento automático, la matriz de propuestas contiene:

Al cargar la página:

  • Compositor basado en formularios propositions con indicador renderAttempted establecido en false
  • Propuestas basadas en el Compositor de experiencias visuales con el indicador renderAttempted establecido en false
  • Propuestas basadas en el Compositor de experiencias visuales para una vista de aplicación de una sola página con el indicador renderAttempted establecido en false

On View - change (para vistas en caché):

  • Propuestas basadas en el Compositor de experiencias visuales para una vista de aplicación de una sola página con el indicador renderAttempted establecido en false

Actualización de perfil único

El Platform Web SDK permite actualizar el perfil al perfil Target y al Platform Web SDK como evento de experiencia.

Para actualizar un perfil Target, asegúrese de que los datos de perfil se pasan con lo siguiente:

  • En “data {“
  • En “__adobe.target”
  • Prefijo “profile.”, por ejemplo, como se muestra a continuación
Clave Tipo Descripción
renderDecisions Booleano Indica al componente de personalización si debe interpretar las acciones DOM
decisionScopes Matriz <String> Una lista de ámbitos para recuperar decisiones
xdm Objeto Datos formateados en XDM que llegan al SDK web de plataforma como evento de experiencia
data Objeto Pares de clave/valor arbitrarios enviados a soluciones Target en la clase de destino.

El código Platform Web SDK típico que utiliza este comando tiene el siguiente aspecto:

sendEventcon datos de perfil

alloy("sendEvent", {
   renderDecisions: true|false,
   xdm: { // Experience Event XDM data },
   data: { // Freeform data }
});

Envío de atributos de perfil a Adobe Target:

alloy("sendEvent", {
  renderDecisions: true,
  data: {
    __adobe: {
      target: {
        "profile.gender": "female",
        "profile.age": 30
      }
    }
  }
});

Solicitar recomendaciones

La siguiente tabla enumera los atributos Recommendations y si cada uno es compatible a través de Platform Web SDK:

Categoría Atributo Estado de asistencia
Recommendations: atributos de entidad predeterminados entity.id Admitido
entity.name Admitido
entity.categoryId Admitido
entity.pageUrl Admitido
entity.thumbnailUrl Admitido
entity.message Admitido
entity.value Admitido
entity.inventory Admitido
entity.brand Admitido
entity.margin Admitido
entity.event.detailsOnly Admitido
Recommendations: atributos de entidad personalizados entity.yourCustomAttributeName Admitido
Recommendations: parámetros de mbox/página reservados Excludedids Admitido
cartIds Admitido
productPurchasedId Admitido
Página o categoría de elemento para la afinidad de la categoría user.categoryId Admitido

Envío de atributos de Recommendations a Adobe Target:

alloy("sendEvent", {
  renderDecisions: true,
  data: {
    __adobe: {
      target: {
        "entity.id" : "123",
        "entity.genre" : "Drama"
      }
    }
  }
});

Depuración

mboxTrace y mboxDebug ya no se utilizan. Utilice Platform Web SDK depuración.

Terminología

Propuestas: en Target, las propuestas se correlacionan con la experiencia seleccionada de una actividad.

Esquema: el esquema de una decisión es el tipo de oferta en Target.

Ámbito de aplicación: el ámbito de aplicación de la decisión. En Target, el ámbito es el mBox. El mBox global es el ámbito __view__.

XDM: el XDM se serializa en notación de puntos y luego se coloca en Target como parámetros mBox.

En esta página