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.

NOTE
Las instancias sin encabezado deben implementar eventos para activar el tablero de Product Recommendations.

Para integrar Product Recommendations en una tienda sin encabezado, debes:

  1. 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.

  2. 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.

  1. Instalar el módulo Product Recommendations.

  2. 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)
  3. Cuando se activen los eventos, usa el Recopilador de eventos de Adobe Commerce Storefront para controlar los eventos y enviarlos a Adobe Sensei.

  4. Una vez recopilados los datos de comportamiento, puede crear Product Recommendations en el administrador.

  5. 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.

recommendation-more-help
4bf3c55a-3844-4322-a5d2-42b4e56228e5