Headless
Puede integrar a Product Recommendations en una tienda sin encabezado usando PWA Studio o una tecnología de front-end personalizada, como React o Vue JS.
Los integradores personalizados y sin encabezado deben consultar estas instrucciones de Luma y del PWA como una implementación sugerida. Existen muchas maneras de implementar Product Recommendations en soluciones sin encabezado, y esta documentación no cubre todos los escenarios. Los integradores deben cubrir eventos, diseño y pruebas para sus implementaciones.
Product Recommendations requiere datos de catálogo y comportamiento para funcionar. El proceso de sincronización de datos del catálogo permanece sin cambios en una implementación sin encabezado, pero se necesitan cambios para la recopilación de datos de comportamiento.
Para integrar Product Recommendations en una tienda sin encabezado, debes:
-
Envíe datos de comportamiento a Adobe Sensei para analizar y calcular los resultados de recomendaciones de productos. También puede enviar datos adicionales para habilitar la recomendación de productos informes de métricas.
-
Busque resultados de recomendaciones de productos y procese esos resultados en la página.
Puede realizar ambas acciones utilizando los SDK disponibles como se describe en el siguiente flujo de trabajo.
-
Instalar el módulo Product Recommendations.
-
Instale y use Adobe Commerce Storefront Event SDK para activar los eventos de comportamiento.
El mínimo de eventos requeridos para devolver Product Recommendations resultados:
table 0-row-2 1-row-2 2-row-2 3-row-2 Evento Categoría view
producto add-to-cart
producto place-order
pago y envío Para habilitar métricas que informan, se requieren los siguientes eventos adicionales:
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 Evento Categoría impression-render
recommendation-unit view
recommendation-unit rec-click
recommendation-unit rec-add-to-cart-click
recommendation-unit (si hay un botón "Agregar al carro de compras" en la plantilla de recomendaciones) -
Cuando se activen los eventos, usa el Recopilador de eventos de Adobe Commerce Storefront para controlar los eventos y enviarlos a Adobe Sensei.
-
Una vez recopilados los datos de comportamiento, puede crear Product Recommendations en el administrador.
-
Use Recommendations SDK para recuperar las unidades de recomendación en la tienda. El SDK devuelve los datos de producto necesarios para procesar las unidades de recomendación en una página.