Headless

Se puede integrar Product Recommendations en una tienda sin encabezado con 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 requerir datos de catálogo y comportamiento para operar. 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 Product Recommendations módulo.

  2. Instalación y uso de SDK de eventos de Adobe Commerce Storefront para activar el 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 informes de métricas, 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, utilice el Recopilador de eventos de Adobe Commerce Storefront para gestionar los eventos y enviarlos a Adobe Sensei.

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

  5. Utilice el SDK de Recommendations 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