Headless
Erstellt für:
- Admin
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.
NOTEUm Product Recommendations in eine Headless-Storefront zu integrieren, müssen Sie:
-
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.
-
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.
-
Installieren Sie das Product Recommendations.
-
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:
EreignisKategorieviewProduktadd-to-cartProduktplace-orderAuscheckenUm Metriken-Reporting zu aktivieren, sind die folgenden zusätzlichen Ereignisse erforderlich:
EreignisKategorieimpression-renderEmpfehlungseinheitviewEmpfehlungseinheitrec-clickEmpfehlungseinheitrec-add-to-cart-clickrecommendation-unit (wenn in der Recommendations-Vorlage die Schaltfläche „Zum Warenkorb hinzufügen“ 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 AdminErstellenProduct Recommendations.
-
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.