Headless

Sie können Product Recommendations entweder mit PWA Studio oder einer benutzerdefinierten Frontend-Technologie wie React oder Vue JS in eine Headless-Storefront integrieren.

Benutzerdefinierte und Headless-Integratoren sollten als vorgeschlagene Implementierung auf diese Luma- und PWA-Anweisungen verweisen. Es gibt viele Möglichkeiten, Produkt Recommendations in Headless-Lösungen zu implementieren. Diese Dokumentation deckt nicht alle Szenarien ab. Integratoren müssen Veranstaltungen, Designs und Tests für ihre Implementierungen abdecken.

Product Recommendations erfordert den Betrieb von Verhaltens- und Katalogdaten. Der Vorgang zur Datensynchronisierung im Katalog bleibt in einer Headless-Implementierung unverändert, aber für die Erfassung von Verhaltensdaten sind Änderungen erforderlich.

NOTE
Headless-Instanzen müssen Eventing implementieren, um das Produkt-Recommendations-Dashboard zu aktivieren.

Um Product Recommendations in eine Headless-Storefront zu integrieren, müssen Sie:

  1. Senden Sie Verhaltensdaten an Adobe Sensei, um Produktempfehlungsergebnisse zu analysieren und zu berechnen. Sie können auch zusätzliche Daten senden, um die Berichterstellung für Produktempfehlungen Metriken zu ermöglichen.

  2. Rufen Sie Produktempfehlungsergebnisse ab und rendern Sie diese Ergebnisse auf der Seite.

Sie können diese beiden Aktionen mit den verfügbaren SDKs ausführen, wie im folgenden Workflow beschrieben.

  1. Installieren Sie das Modul Product Recommendations.

  2. Installieren Sie das Adobe Commerce Storefront Event SDK und verwenden Sie es, um die Verhaltensereignisse auszulösen.

    Die erforderlichen Minimalereignisse, die Product Recommendations -Ergebnisse zurückgeben:

    table 0-row-2 1-row-2 2-row-2 3-row-2
    Ereignis Kategorie
    view product
    add-to-cart product
    place-order Kasse

    Um die Berichterstellung für Metriken zu aktivieren, sind die folgenden zusätzlichen Ereignisse erforderlich:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2
    Ereignis Kategorie
    impression-render recommendations-unit
    view recommendations-unit
    rec-click recommendations-unit
    rec-add-to-cart-click Empfehlungseinheiten (wenn die Schaltfläche "Zum Warenkorb hinzufügen"in der Empfehlungsvorlage vorhanden ist)
  3. Wenn die Ereignisse ausgelöst werden, verwenden Sie den Adobe Commerce Storefront Event Collector , um die Ereignisse zu verarbeiten und an Adobe Sensei zu senden.

  4. Nachdem die Verhaltensdaten erfasst wurden, können Sie im Admin 🔗 Product Recommendations erstellen.

  5. Verwenden Sie das Recommendations SDK , um die Empfehlungseinheiten in die Storefront zu laden. Das SDK gibt die erforderlichen Produktdaten zum Rendern von Empfehlungseinheiten auf einer Seite zurück.

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