Headless

É possível integrar Product Recommendations em uma loja headless usando PWA Studio ou uma tecnologia de front-end personalizada, como React ou Vue JS.

Os integradores personalizados e headless devem consultar essas instruções Luma e PWA como uma implementação sugerida. Há várias maneiras de implementar o Product Recommendations em soluções headless e esta documentação não aborda todos os cenários. Os integradores devem cobrir o evento, o design e o teste de suas implementações.

Product Recommendations exigir dados comportamentais e de catálogo para operar. O processo de sincronização de dados de catálogo permanece inalterado em uma implementação headless, mas são necessárias alterações para a coleta de dados comportamentais.

NOTE
As instâncias headless devem implementar eventos para acionar o painel Product Recommendations.

Para integrar Product Recommendations em uma loja headless, você deve:

  1. Envie dados comportamentais ao Adobe Sensei para analisar e calcular os resultados das Recomendações de produto. Também é possível enviar dados adicionais para habilitar a recomendação do produto relatórios de métricas.

  2. Buscar resultados de recomendações de produtos e renderizar esses resultados na página.

Você pode executar essas duas ações usando os SDKs disponíveis, conforme descrito no fluxo de trabalho a seguir.

  1. Instalar o Product Recommendations módulo.

  2. Instale e use o SDK de eventos da Adobe Commerce Storefront para acionar o eventos comportamentais.

    O número mínimo de eventos necessários a serem retornados Product Recommendations resultados:

    table 0-row-2 1-row-2 2-row-2 3-row-2
    Evento Categoria
    view produto
    add-to-cart produto
    place-order check-out

    Para habilitar relatórios de métricas, os seguintes eventos adicionais são obrigatórios:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2
    Evento Categoria
    impression-render unidade de recomendação
    view unidade de recomendação
    rec-click unidade de recomendação
    rec-add-to-cart-click unidade de recomendação (se um botão "Adicionar ao carrinho" estiver presente no template de recomendações)
  3. Quando os eventos forem acionados, use o Coletor de eventos da vitrine Adobe Commerce para manipular os eventos e enviá-los para o Adobe Sensei.

  4. Depois que os dados comportamentais forem coletados, você poderá criar Product Recommendations em Admin.

  5. Use o RECOMMENDATIONS SDK para buscar as unidades de recomendação na loja. O SDK retorna os dados do produto necessários para renderizar as unidades de recomendação em uma página.

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