Headless

È possibile integrare Product Recommendations in una vetrina headless utilizzando PWA Studi o una tecnologia front-end personalizzata, ad esempio React o Vue JS.

Gli integratori personalizzati e headless devono fare riferimento a queste istruzioni Luma e PWA come implementazione suggerita. Esistono diversi modi per implementare Product Recommendations in soluzioni headless e questa documentazione non copre tutti gli scenari. Gli integratori devono occuparsi di eventi, progettazione e test per le loro implementazioni.

Product Recommendations richiede dati comportamentali e di catalogo per funzionare. Il processo di sincronizzazione dei dati del catalogo rimane invariato in un’implementazione headless, ma sono necessarie modifiche per la raccolta dei dati comportamentali.

NOTE
Le istanze headless devono implementare l’evento per alimentare il dashboard di Product Recommendations.

Per integrare Product Recommendations in una vetrina headless, è necessario:

  1. Invia dati comportamentali ad Adobe Sensei per analizzare e calcolare i risultati dei consigli di prodotto. Puoi anche inviare dati aggiuntivi per abilitare il reporting di metriche per i consigli sui prodotti.

  2. Recupera i risultati dei consigli di prodotto ed esegui il rendering di tali risultati sulla pagina.

Puoi eseguire entrambe queste azioni utilizzando gli SDK disponibili, come descritto nel seguente flusso di lavoro.

  1. Installa il modulo Product Recommendations.

  2. Installa e utilizza Adobe Commerce Storefront Event SDK per attivare eventi comportamentali.

    Numero minimo di eventi richiesti per restituire Product Recommendations risultati:

    table 0-row-2 1-row-2 2-row-2 3-row-2
    Evento Categoria
    view prodotto
    add-to-cart prodotto
    place-order pagamento

    Per abilitare il reporting delle metriche, sono necessari i seguenti eventi aggiuntivi:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2
    Evento Categoria
    impression-render unità-consiglio
    view unità-consiglio
    rec-click unità-consiglio
    rec-add-to-cart-click unità di consigli (se nel modello di consigli è presente il pulsante "Aggiungi al carrello")
  3. Quando gli eventi vengono attivati, utilizzare l'Agente di raccolta eventi Adobe Commerce Storefront per gestire gli eventi e inviarli ad Adobe Sensei.

  4. Una volta raccolti i dati comportamentali, puoi creare Product Recommendations nell'amministratore.

  5. Utilizza Recommendations SDK per recuperare le unità per i consigli nella vetrina. L’SDK restituisce i dati del prodotto necessari per eseguire il rendering delle unità di consigli su una pagina.

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