Configuración del canal web de Journey Optimizer con SDK web
Obtenga información sobre cómo implementar Adobe Journey Optimizer canal web uso del SDK web de Adobe Experience Platform. Esta lección cubre los requisitos previos básicos del canal web, los pasos detallados para la configuración y una explicación detallada de un caso de uso centrado en el estado de lealtad.
Al seguir esta lección, los usuarios de Journey Optimizer están equipados para utilizar el canal web para una personalización en línea avanzada mediante el diseñador web de Journey Optimizer.
Objetivos de aprendizaje
Al final de esta lección, puede hacer lo siguiente:
- Comprenda la función y la importancia del SDK web para ofrecer la experiencia del canal web.
- Comprenda el proceso de creación de una campaña de canal web de principio a fin con el ejemplo de caso de uso de Luma Loyalty Rewards.
- Configure las propiedades, acciones y programaciones de las campañas en la interfaz de.
- Comprenda la funcionalidad y las ventajas de la extensión Ayuda de edición visual de Adobe Experience Cloud.
- Aprenda a editar contenido de páginas web, incluidas imágenes, encabezados y otros elementos, con el diseñador web.
- Obtenga información sobre cómo insertar ofertas en una página web mediante el componente Decisión de oferta.
- Familiarícese con las prácticas recomendadas para garantizar la calidad y el éxito de una campaña de canal web.
Requisitos previos
Para completar las lecciones de esta sección, primero debe:
-
Completar todas las lecciones para la configuración inicial del SDK web de Platform, incluida la configuración de elementos de datos y reglas.
-
Asegúrese de que la versión de la extensión de etiquetas del SDK web de Adobe Experience Platform sea la 2.16 o una posterior.
-
Si utiliza el diseñador web de Journey Optimizer para crear la experiencia del canal web, asegúrese de que utiliza los exploradores Google Chrome o Microsoft® Edge.
-
Asegúrese también de haber descargado y habilitado el Extensión del explorador Ayuda de edición visual de Adobe Experience Cloud.
-
Asegúrese de que las cookies de terceros estén permitidas en el explorador. Puede que también sea necesario deshabilitar los bloqueadores de anuncios en el explorador.
note caution CAUTION En el diseñador web de Journey Optimizer, es posible que algunos sitios web no se abran de forma fiable debido a uno de los siguientes motivos: - El sitio web tiene estrictas políticas de seguridad.
- El sitio web está incrustado en un iframe.
- El control de calidad o el sitio de fase del cliente no son accesibles externamente (son sitios internos).
-
Al crear experiencias web e incluir contenido de la biblioteca Adobe Experience Manager Assets Essentials, es necesario configurar el subdominio para publicar este contenido.
-
Si utiliza la función de experimentación de contenido, asegúrese de que el conjunto de datos web también se incluya en la configuración de creación de informes.
-
Actualmente, se admiten dos tipos de implementaciones para habilitar la creación y el envío de campañas de canal web en las propiedades web:
- Solo del lado del cliente: para modificar el sitio web, debe implementar el SDK web de Adobe Experience Platform.
- Modo híbrido: puede utilizar la API del servidor de Platform Edge Network para solicitar personalización del lado del servidor. A continuación, la respuesta de la API se proporciona al SDK web de Adobe Experience Platform para procesar las modificaciones en el lado del cliente. Para obtener más información, consulte la documentación de la API de Adobe Experience Platform Edge Network Server. En esta publicación de blog se pueden encontrar más detalles y ejemplos de implementación para el modo híbrido.
note note NOTE Actualmente no se admite la implementación solo del lado del servidor.
Terminología
En primer lugar, debe comprender la terminología utilizada en las campañas del canal Web.
- Canal web: Un medio para la comunicación o la entrega de contenido a través de la web. En el contexto de esta guía, hace referencia al mecanismo a través del cual se entrega contenido personalizado a los visitantes del sitio web mediante el SDK web de Platform, dentro de Adobe Journey Optimizer.
- Superficie web: hace referencia a una propiedad web identificada por una dirección URL donde se entrega el contenido. Puede abarcar una o varias páginas web.
- Journey Optimizer web designer: herramienta o interfaz específica de Journey Optimizer en la que los usuarios pueden diseñar sus experiencias de canal web.
- Ayuda de edición visual de Adobe Experience Cloud: Extensión de explorador que ayuda a editar y diseñar visualmente experiencias de canal web.
- Datastream: una configuración dentro del servicio de Adobe Experience Platform que garantiza que se puedan entregar las experiencias del canal web.
- Política de combinación: una configuración que garantiza la activación y publicación precisas de las campañas entrantes.
- Audiencia: Un segmento específico de usuarios o visitantes del sitio que cumplen determinados criterios.
- Diseñador web: interfaz o herramienta que ayuda a editar y diseñar visualmente experiencias web sin profundizar en el código.
- Editor de expresiones: herramienta dentro del diseñador web que permite a los usuarios agregar personalización al contenido web, basada potencialmente en atributos de datos u otros criterios.
- Componente de decisión de oferta: Componente del diseñador web que ayuda a decidir qué oferta es la más adecuada para mostrarse a un visitante específico en función de la administración de decisiones.
- Experimento de contenido: método para probar diferentes variaciones de contenido y averiguar cuál de ellas tiene el mejor rendimiento en términos de la métrica deseada, como los clics entrantes.
- Tratamiento: en el contexto de los experimentos de contenido, un tratamiento hace referencia a una variación específica del contenido que se está probando con otra.
- Simulación: Mecanismo de previsualización para visualizar la experiencia del canal web antes de activarla para audiencias en directo.
Configuración de la secuencia de datos
Ya ha agregado el servicio Adobe Experience Platform a su conjunto de datos. Ahora debe habilitar la opción Adobe Journey Optimizer para poder ofrecer experiencias de canal web.
Para configurar Adobe Journey Optimizer en el conjunto de datos:
-
Vaya a la Recopilación de datos interfaz.
-
En el panel de navegación izquierdo, seleccione Datastreams.
-
Seleccione el conjunto de datos del SDK web de Luma creado anteriormente.
-
Seleccionar Editar dentro del servicio Adobe Experience Platform.
-
Compruebe la Adobe Journey Optimizer cuadro.
-
Seleccione Guardar.
Esto garantiza que el Edge Network de Adobe Experience Platform gestione correctamente los eventos entrantes de Journey Optimizer.
Configuración de la política de combinación
Asegúrese de que se define una política de combinación con la variable Política de combinación activa en Edge opción activada. Esta opción de política de combinación se emplea en los canales entrantes de Journey Optimizer para garantizar la activación y publicación precisas de las campañas entrantes en el perímetro.
Para configurar la opción en la política de combinación:
-
Vaya a la Cliente > Perfiles en la interfaz de Experience Platform o de Journey Optimizer.
-
Seleccione el Políticas de combinación pestaña.
-
Seleccione la directiva (normalmente es mejor usar la variable Tiempo predeterminado basado política) y cambie el Política de combinación activa en Edge dentro de la opción Configurar paso.
Configurar el conjunto de datos web para la experimentación de contenido
Para utilizar experimentos de contenido dentro de campañas del canal web, debe asegurarse de que el conjunto de datos web utilizado también se incluya en la configuración de informes. El sistema de informes de Journey Optimizer utiliza el conjunto de datos en modo de solo lectura para rellenar informes de experimentación de contenido listos para usar.
Resumen de caso de uso: recompensas de fidelización
En esta lección, se utiliza un ejemplo de caso de uso de las Recompensas de fidelidad para detallar la implementación de una experiencia de canal web mediante el SDK web.
Este caso de uso le permite comprender mejor cómo Journey Optimizer puede ayudar a ofrecer las mejores experiencias entrantes a sus clientes, mediante campañas de Journey Optimizer y el diseñador web.
Dado que este tutorial está dirigido a los implementadores, vale la pena señalar que esta lección implica un trabajo sustancial de la interfaz en Journey Optimizer. Aunque estas tareas de interfaz las suelen administrar los especialistas en marketing, puede resultar beneficioso para los implementadores obtener información sobre el proceso, incluso si no suelen ser responsables de la creación de campañas de canales web.
Crear campaña de recompensas de fidelización
Ahora que ha introducido nuestros datos de fidelidad de muestra y ha creado nuestro segmento, cree la campaña de canal web Loyalty Rewards en Adobe Journey Optimizer.
Para crear la campaña de muestra:
-
Abra el Journey Optimizer interfaz
note note NOTE Los esquemas, conjuntos de datos y audiencias también se pueden crear en la interfaz de Journey Optimizer, ya que todos son construcciones de Experience Platform comunes. -
Vaya a Administración de recorrido > Campañas en el panel de navegación izquierdo
-
Clic Crear campaña en la parte superior derecha.
-
En el Propiedades , especifique cómo desea ejecutar la campaña. En el caso de uso de las Recompensas de fidelización, elija Programado.
-
En el Acciones , seleccione la Canal web. Como el Superficie web, seleccione URL de página.
note note NOTE Una superficie web hace referencia a una propiedad web identificada por una dirección URL donde se entrega el contenido. Puede corresponder a una sola dirección URL de página o abarcar varias páginas, lo que permite aplicar modificaciones en una o varias páginas web. -
Elija la URL de página opción de superficie web para implementar la experiencia en una página para esta campaña. Introduzca la dirección URL de la página de Luma.
https://luma.enablementadobe.com/content/luma/us/en.html -
Una vez definida la superficie web, seleccione Crear.
-
Ahora añada algunos detalles adicionales a la nueva campaña del canal web. Primero asigne un nombre a la campaña. Llámalo.
Luma Loyalty Rewards – Gold Status. De forma opcional, puede añadir una descripción a la campaña. Añadir también Etiquetas para mejorar la taxonomía general de la campaña.
-
De forma predeterminada, la campaña está activa para todos los visitantes del sitio. A los efectos de este caso de uso, solo los miembros de la recompensa por estatus oro deben ver la experiencia. Para habilitar esto, haga clic en Seleccionar audiencia y elija la
Luma Loyalty Rewards – Gold Statusaudiencia. -
En el Área de nombres de identidad , seleccione el área de nombres para identificar a los individuos dentro del segmento elegido. Dado que está implementando la campaña en el sitio de Luma, puede elegir el área de nombres ECID. Perfiles dentro de
Luma Loyalty Rewards – Gold StatusLa audiencia que no tenga el área de nombres de ECID entre sus distintas identidades no es el objetivo de la campaña del canal web.
-
Programe la campaña para que comience en la fecha actual utilizando Inicio de campaña y finalizará en una semana con la opción Fin de campaña opción.
Experimente con contenido de recompensas de fidelización
Si se desplaza hacia atrás, en la Acción , si lo desea, puede crear un experimento para probar qué contenido funciona mejor para el Luma Loyalty Rewards – Gold Status audiencia. Vamos a crear y probar dos tratamientos como componente de la configuración de campaña.
Para crear el experimento de contenido:
-
Clic Crear experimento.
-
Primero elija una Métrica de éxito. Esta es la métrica para determinar la eficacia del contenido. Elegir Clics entrantes únicos, para ver qué tratamiento de contenido genera más clics en la experiencia web de CTA.
-
Al configurar un experimento mediante el canal Web y elegir la variable Clics entrantes, Clics entrantes únicos, Vistas de página, o Vistas de página únicas métricas, la variable Acción de clic Esta lista desplegable le permite rastrear y monitorizar con precisión los clics y las vistas en páginas específicas.
-
Si lo desea, puede designar una Holdout que no recibe ninguno de los dos tratamientos. Deje esto sin marcar por ahora.
-
También puede elegir Distribuir uniformemente. Marque esta opción para asegurarse de que las divisiones de tratamiento siempre se dividen uniformemente.
Editar contenido con el Asistente visual
Ahora, vamos a crear la experiencia del canal web. Para ello, utilice el Adobe Experience Cloud Ayuda visual. Esta herramienta es una extensión de explorador compatible con Google Chrome y Microsoft® Edge. Asegúrese de haber descargado la extensión antes de intentar crear sus experiencias. Asegúrese también de que la página web incluya el SDK web.
-
Dentro de Acción de la campaña, haga clic en Editar contenido. Dado que ha introducido una sola dirección URL de página como superficie, debe estar preparado para empezar a trabajar en el compositor.
-
Ahora, haga clic en Editar página web para empezar a crear.
-
Comience por editar algunos elementos con el compositor web. Utilice el menú contextual para editar el encabezado de la imagen a pantalla completa de Luma. Ajuste el estilo del panel contextual a la derecha.
-
Además, agregue personalización al contenedor mediante el complemento Editor de expresiones.
-
Asegúrese de que la experiencia recibe el seguimiento adecuado de los clics. Elegir Elemento de rastreo de clics en el menú contextual.
-
Utilice el Componente de decisión de oferta para insertar ofertas en la página web. Este componente utiliza Gestión de decisiones para elegir la mejor oferta que se enviará a los visitantes de Luma.
Cambios en el diseño del HTML
Hay algunos métodos disponibles si desea realizar cambios más avanzados o personalizados en el sitio como componente de la campaña de recompensas de fidelidad.
Utilice el Componentes Panel para añadir HTML u otro contenido directamente al sitio de Luma.
Agregue un nuevo componente HTML en la parte superior de la página. Edite el HTML dentro del componente desde la interfaz de diseño o Contextual panel.
También puede añadir ediciones de HTML desde el Modificaciones panel. Este panel le permite seleccionar un componente de la página y editarlo desde la interfaz del diseñador.
En el editor, añada el HTML para. Luma Loyalty Rewards – Gold Status audiencia. Seleccionar Validate.
Ahora, revise el nuevo componente de HTML personalizado para ver si encaja o no.
Editar un componente específico mediante Tipo de selector de CSS modificación.
Añadir código personalizado mediante Página <head> type modificación.
Las posibilidades son infinitas usando el Ayuda visual.
Simular contenido de recompensas de fidelización
Consulte una vista previa de la página web modificada antes de activar la campaña. Tenga en cuenta que debe tener perfiles de prueba configurados para simular experiencias de canal web.
Para simular la experiencia:
-
Seleccionar Simular contenido dentro de la campaña.
-
Elija un perfil de prueba para recibir la simulación. Tenga en cuenta que el perfil de prueba debe estar en la
Luma Loyalty Rewards – Gold Statuspara recibir el tratamiento adecuado. -
Se muestra la vista previa del perfil de prueba.
Activación de la campaña de recompensas de fidelización
Finalmente, active la campaña del canal web.
-
Seleccionar Revisar para activar.
-
Se le pedirá que confirme los detalles de la campaña una última vez. Seleccionar Activar. La campaña puede tardar hasta 15 minutos en activarse en el sitio.
QA de recompensas de fidelización
Hay algunos inicios de sesión que puede utilizar para simular usuarios con "estado oro" y cumplir los requisitos para su campaña:
cleavlandeuler@emailsim.io/testleftybeagen@emailsim.io/testjenimartinho@emailsim.io/test
Como práctica recomendada, supervise el Web de los informes globales y en directo de campaña para los KPI específicos de la campaña. Para esta campaña, monitorice las impresiones de experiencia y la tasa de clics.
Validación del canal web mediante Adobe Experience Platform Debugger
La extensión de Adobe Experience Platform Debugger, disponible tanto para Chrome como para Firefox, analiza sus páginas web para identificar problemas en la implementación de las soluciones de Adobe Experience Cloud.
Puede utilizar el depurador del sitio de Luma para validar la experiencia del canal web en producción. Esta es una práctica recomendada una vez que el caso de uso de las Recompensas de fidelidad está en funcionamiento, para garantizar que todo esté configurado correctamente.
Obtenga información sobre cómo configurar Debugger en el explorador mediante la guía aquí.
Para iniciar la validación con el depurador:
- Vaya a la página web de Luma con la experiencia del canal web.
- En la página web, abra el Adobe Experience Platform Debugger.
- Vaya a Resumen. Compruebe que la variable ID de flujo de datos coincide con el secuencia de datos in Recopilación de datos de Adobe para el que ha activado Adobe Journey Optimizer.
- A continuación, puede iniciar sesión en el sitio con varias cuentas de fidelidad de Luma y utilizar el depurador para validar las solicitudes enviadas al Edge Network de Adobe Experience Platform.
- En Soluciones vaya a la SDK web de Experience Platform.
- Dentro de Configuración pestaña, Activar/desactivar Habilitar depuración. Esto habilita el registro de la sesión en un Adobe Experience Platform Assurance sesión.
- Inicie sesión en el sitio con varias cuentas de fidelidad de Luma y utilice el depurador para validar las solicitudes enviadas al red de Adobe Experience Platform Edge. Todas estas solicitudes deben capturarse en Assurance para el seguimiento del registro.