Headless
Vous pouvez intégrer Product Recommendations dans un storefront sans interface à l’aide de PWA Studio ou d’une technologie front-end personnalisée, telle que React ou Vue JS.
Les intégrateurs personnalisés et sans interface doivent se référer à ces instructions Luma et PWA comme implémentation suggérée. Il existe de nombreuses façons d’implémenter Recommendations de produit dans des solutions sans interface utilisateur graphique. Cette documentation ne couvre pas tous les scénarios. Les intégrateurs doivent couvrir les événements, la conception et les tests pour leurs mises en oeuvre.
Product Recommendations nécessite des données comportementales et de catalogue pour fonctionner. Le processus de synchronisation des données de catalogue reste inchangé dans une mise en oeuvre sans interface utilisateur, mais des modifications sont nécessaires pour la collecte de données comportementales.
Pour intégrer Product Recommendations dans un storefront sans interface utilisateur, vous devez :
-
Envoyez des données comportementales à Adobe Sensei pour analyser et calculer les résultats des recommandations de produits. Vous pouvez également envoyer des données supplémentaires pour activer les rapports de mesures de recommandation de produit.
-
Récupérez les résultats des recommandations de produits et effectuez le rendu de ces résultats sur la page.
Vous pouvez effectuer ces deux actions à l’aide des SDK disponibles, comme décrit dans le workflow suivant.
-
Installezle module Product Recommendations.
-
Installez et utilisez le SDK Adobe Commerce Storefront Event pour déclencher les événements comportementaux.
Le minimum d’événements requis pour renvoyer les résultats Product Recommendations :
table 0-row-2 1-row-2 2-row-2 3-row-2 Événement Catégorie view
product add-to-cart
product place-order
passage en caisse Pour activer la création de rapports de mesures, les événements supplémentaires suivants sont requis :
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 Événement Catégorie impression-render
recommendation-unit view
recommendation-unit rec-click
recommendation-unit rec-add-to-cart-click
unité-recommandation (si un bouton "Ajouter au panier" est présent dans le modèle de recommandations) -
Lorsque les événements sont déclenchés, utilisez le collecteur d’événements Adobe Commerce Storefront pour gérer les événements et les envoyer à Adobe Sensei.
-
Une fois les données comportementales collectées, vous pouvez créer Product Recommendations dans l’administrateur.
-
Utilisez le SDK Recommendations pour récupérer les unités de recommandations sur le storefront. Le SDK renvoie les données de produit nécessaires pour effectuer le rendu des unités de recommandation sur une page.