Configuración de la compatibilidad con la mensajería web en la aplicación en Web SDK

Última actualización: 4 de abril de 2025
  • Temas:

Creado para:

  • Desarrollador

Los mensajes en la aplicación son notificaciones que puede enviar a los usuarios dentro de su aplicación web, guiándolos a puntos de interés específicos.

Puede utilizar estas notificaciones para diferentes fines, como promocionar nuevas funciones, presentar ofertas especiales o facilitar la incorporación del usuario.

Con los mensajes en la aplicación, puede interactuar de forma eficaz con su audiencia y dirigirla a aspectos importantes de su aplicación.

IMPORTANT
La mensajería en la aplicación web es una característica de Adobe Journey Optimizer que usa Web SDK para entregar el contenido personalizado.
Para obtener instrucciones detalladas sobre cómo configurar su campaña de mensajería en aplicación web, consulte la documentación🔗 de Adobe Systems Journey Optimizer.

Requisitos previos

Versión de extensión de etiqueta del SDK web

La funcionalidad Web In-app mensajería requiere la versión más reciente de la extensión Web SDK etiqueta.

Configuración de un CSP para mensajería web en la aplicación

Al configurar Mensajería en la aplicación web, debe incluir la siguiente directiva en su CSP:

default-src  blob:;

Para obtener más información acerca de cómo configurar un CSP, consulte la documentación dedicada.

Configuración de la mensajería en la aplicación web mediante la extensión de etiquetas Web SDK

Consulte la página de configuración de la extensión de etiquetas Web SDK para saber dónde puede encontrar la configuración que se describe a continuación.

Después de instalar 🔗 la extensión de etiqueta del SDK web, seguir los pasos que se indican a continuación para configurar la extensión para la mensajería web en la aplicación.

En la sección Personalización , marque la opción Habilitar personalización almacenamiento . Esta opción permite al SDK web realizar un seguimiento de las experiencias que han visto los usuario a través de Página cargas.

Imagen que muestra la opción de almacenamiento personalizado en la página de configuración de la extensión de etiqueta.

La mensajería web en la aplicación admite dos tipos de déclencheur:

Consulte las secciones siguientes para configurar la extensión de etiquetas Web SDK según los déclencheur que desee utilizar.

Pasos de configuración para el déclencheur Enviar datos al Experience Platform

Seleccione la propiedad tag que contiene su extensión Web SDK y cree una nueva regla con la siguiente configuración:

  1. Extensión: Principal

  2. Tipo de evento: Biblioteca cargada (Principio de página)

    Imagen que muestra la pantalla de configuración del evento.

  3. Seleccione Conservar cambios para guardar la configuración del evento.

Siguiente, debe agregar una acción a la regla creada.

  1. En la Actions sección, seleccione añadir.
    Imagen que muestra la pantalla de edición de regla.

  2. Usar la siguiente configuración de Acción:

    • Extensión: Adobe Experience Platform Web SDK

    • Tipo de acción: Enviar evento

      Imagen que muestra la pantalla de configuración de la acción.

  3. En el lado derecho de la pantalla, en la sección Personalización , habilite la opción Procesar decisiones de personalización visual.
    Imagen muestra la pantalla de configuración personalización.

  4. En el lado derecho de la pantalla, en la sección Contexto de decisión, defina los pares clave/Valor que utilizó en la ​ ​configuración del campaña para poder recibir el mensaje en la aplicación.
    Imagen muestra la pantalla de configuración personalización.

  5. Seleccione Conservar cambios para guardar la configuración.

A continuación, debe agregar la regla recién creada a la biblioteca de propiedades de etiquetas. Para ello, vaya a Flujo de publicación y seleccione la regla que creó anteriormente.

Imagen que muestra la pantalla de la biblioteca.

Después de agregar la regla a la biblioteca, seleccione Guardar y generar en desarrollo.

Imagen que muestra la pantalla de configuración de personalización.

El proceso de configuración ha finalizado y el mensaje está listo para mostrarse a los usuarios.

Pasos de configuración para utilizar activadores manuales

Seleccione la Propiedad de etiqueta que contiene la extensión del SDK web y cree una nueva regla con la siguiente configuración:

  1. Extensión: Core

  2. Tipo de evento: Haga clic

  3. Establezca el déclencheur de un elemento específico de la página, identificado por un selector CSS de su elección.

    Imagen que muestra la pantalla de configuración del evento.

Siguiente, debe agregar una acción a la regla creada.

  1. En la Actions sección, seleccione añadir.
    Imagen mostrando la pantalla de regla edición.

  2. Utilice la siguiente configuración de acción :

    • Extensión: Adobe Experience Platform Web SDK

    • Tipo de acción: Evaluar conjuntos de reglas

      Imagen que muestra la pantalla de configuración de la acción.

  3. En el lado derecho de la pantalla, habilite la opción Procesar decisiones de personalización visuales.
    Imagen que muestra la pantalla de configuración de personalización.

  4. En el lado derecho de la pantalla, en la sección Contexto de decisión, defina los pares de Clave/Valor que utilizó en la configuración de su campaña para cumplir los requisitos para el mensaje en la aplicación.
    Imagen que muestra la pantalla de configuración de personalización.

  5. Seleccione Conservar cambios para guardar la configuración.

A continuación, debe agregar la regla recién creada a la biblioteca de propiedades de etiquetas. Para ello, vaya a Flujo de publicación y seleccione la regla que creó anteriormente.

Imagen que muestra la pantalla de la biblioteca.

Después de agregar el regla al biblioteca, seleccione Guardar y generar en desarrollo.

Imagen muestra la pantalla de configuración personalización.

El proceso de configuración ha finalizado y el mensaje está listo para mostrarse a los usuarios.