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.
Para integrar o Product Recommendations em uma loja headless, você deve:
-
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.
-
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.
-
Instalar o módulo Product Recommendations.
-
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) -
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.
-
Depois que os dados comportamentais forem coletados, você poderá criar Product Recommendations no Administrador.
-
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.