Headless

Você pode integrar o Product Recommendations em uma loja headless usando o PWA Studio ou uma tecnologia de front-end personalizada, como o React ou o 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 requer 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 o 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. Você também pode 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 módulo Product Recommendations.

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

    O mínimo de eventos necessário para retornar 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 necessá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 Adobe Commerce Storefront para manipular os eventos e enviá-los para a Adobe Sensei.

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

  5. Use o Recommendations SDK para buscar as unidades de recomendação na vitrine. 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