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 diese Anweisungen für Luma und PWA als Implementierungsvorschlag heranziehen. Es gibt viele Möglichkeiten, Produktempfehlungen in Headless-Lösungen zu implementieren. Diese Dokumentation deckt nicht alle Szenarien ab. Integratoren müssen das Entwickeln, Entwerfen und Testen für ihre -Implementierungen abdecken.

Product Recommendations benötigen Verhaltens- und Katalogdaten um zu funktionieren. Der Synchronisierungsprozess für Katalogdaten bleibt in einer Headless-Implementierung unverändert, für die Erfassung von Verhaltensdaten sind jedoch Änderungen erforderlich.

NOTE
Headless-Instanzen müssen Eventing implementieren, um das Produktempfehlungs-Dashboard zu unterstützen.

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

  1. Senden Sie Verhaltensdaten an Adobe Sensei, um die Ergebnisse der Produktempfehlungen zu analysieren und zu berechnen. Sie können auch zusätzliche Daten senden, um Produktempfehlungen ()aktivieren.

  2. Rufen Sie Ergebnisse von Produktempfehlungen 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 Product Recommendations.

  2. Installieren und verwenden Sie die Adobe Commerce Storefront Event SDK zum Auslösen der Verhaltensereignisse.

    Die minimal erforderlichen Ereignisse, um Product Recommendations Ergebnisse zurückzugeben:

    table 0-row-2 1-row-2 2-row-2 3-row-2
    Ereignis Kategorie
    view Produkt
    add-to-cart Produkt
    place-order Auschecken

    Um Metriken-Reporting 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 Empfehlungseinheit
    view Empfehlungseinheit
    rec-click Empfehlungseinheit
    rec-add-to-cart-click recommendation-unit (wenn in der Recommendations-Vorlage die Schaltfläche „Zum Warenkorb hinzufügen“ 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 AdminErstellenProduct Recommendations.

  5. Verwenden Sie Recommendations SDK, um die Empfehlungseinheiten aus der Storefront abzurufen. SDK gibt die erforderlichen Produktdaten zum Rendern der Empfehlungseinheiten auf einer Seite zurück.

recommendation-more-help
54da8d7a-609c-4edf-9db2-a50941aff68e