Crear una página Web para probar la solución
Esta aplicación de ejemplo simula un flujo de inicio de sesión en el mundo real en el que las credenciales de usuario se validan en el servidor antes de que el ID de CRM se envíe a Adobe Experience Platform (AEP). Un servidor Node.js local se utiliza para servir de forma segura las páginas web, gestionar la lógica de autenticación básica y evitar restricciones del explorador (como el acceso bloqueado a archivos locales o la falta de encabezados CORS) que podrían interferir con la funcionalidad de Adobe Launch o Web SDK. Esta configuración garantiza que la experiencia esté más cerca de un entorno de producción real.
Las ofertas personalizadas solo se muestran después de que el usuario inicie sesión, momento en el que se completa la vinculación de identidad entre el ID de CRM del usuario y el ECID (ID de Experience Cloud). Esta vinculación de identidad garantiza que Adobe Journey Optimizer (AJO) pueda reconocer el perfil con precisión y devolver ofertas segmentadas.
Después de iniciar sesión correctamente, se envía una solicitud de personalización a AJO para recuperar las ofertas disponibles para el usuario. Estas ofertas se devuelven como fragmentos de HTML, cada uno incrustado con un atributo de etiquetas de datos como, por ejemplo, data-tags="ajo offer-holiday-based-cd zip-92128 revenue-high", que incluye el nombre de la oferta y detalles de segmentación como el código postal y el nivel de ingresos.
A continuación, JavaScript analiza estos bloques de HTML y envuelve cada uno dentro de un contenedor de elemento de carrusel. Los elementos se organizan horizontalmente dentro de una pista de carrusel, lo que permite la navegación deslizable. Los botones Anterior y Siguiente (◀ y ▶) permiten a los usuarios voltear las ofertas personalizadas de una en una.
Esta configuración proporciona una experiencia adaptable que garantiza que cada usuario vea ofertas relevantes para su perfil financiero, solo después de que su identidad se haya vinculado de forma segura entre plataformas.
Probar esta solución
-
Cree una carpeta denominada fórmula de clasificación dentro del proyecto Node.js existente.
-
Descomprima los archivos proporcionados en esta carpeta de fórmula de clasificación.
-
Para ejecutar la aplicación, navegue hasta la carpeta e inicie el servidor:
-
cd ranking-formula -
node server.js
-
-
Abra el explorador y vaya a http://localhost:3000/formula.html.
-
Iniciar sesión con alice/pass123
Dado que Alice reside en el código postal 92128, se muestran ofertas adaptadas a esa ubicación.