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.
Um Product Recommendations in eine Headless-Storefront zu integrieren, müssen Sie:
-
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.
-
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.
-
Installieren Sie das Modul Product Recommendations.
-
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) -
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.
-
Nachdem die Verhaltensdaten erfasst wurden, können Sie im Admin 🔗 Product Recommendations erstellen.
-
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.