ヘッドレス
PWA Studioまたは React や Vue JS などのカスタムフロントエンドテクノロジーを使用してProduct Recommendations をヘッドレスストアフロントに統合できます。
カスタムおよびヘッドレスインテグレーターは、これらの Luma とPWAの手順を実装提案として参照する必要があります。 ヘッドレスソリューションに製品Recommendationsを実装する方法は多数ありますが、このドキュメントでは、すべてのシナリオについて説明しているわけではありません。 インテグレーターは、実装のイベント、設計、テストをカバーする必要があります。
操作 Product Recommendations には 行動データとカタログデータが必要です。 カタログデータの同期プロセスはヘッドレス実装でも変更されませんが、行動データの収集には変更が必要です。
Product Recommendations をヘッドレスストアフロントに統合するには、次の操作を行う必要があります。
-
行動データをAdobe Senseiに送信し、製品のレコメンデーション結果を分析および計算します。 また、追加データを送信して、製品レコメンデーション 指標レポートを有効にすることもできます。
-
製品の推奨結果を取得し、その結果をページにレンダリングします。
次のワークフローに説明するように、使用可能な SDK を使用して、これらのアクションの両方を実行できます。
-
Product Recommendations モジュール 🔗 インストールします。
-
Adobe Commerce Storefront Event SDK をインストールして使用し、 行動イベントを発生させます。
結果を返すために必要な最小イベント数 Product Recommendations 次のとおりです。
table 0-row-2 1-row-2 2-row-2 3-row-2 イベント カテゴリ view製品 add-to-cart製品 place-orderチェックアウト 指標レポートを有効にするには、次の追加イベントが必要です。
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 イベント カテゴリ impression-renderrecommendation-unit viewrecommendation-unit rec-clickrecommendation-unit rec-add-to-cart-clickrecommendation-unit （レコメンデーションテンプレートに「買い物かごに追加」ボタンが存在する場合） -
イベントが発生したら、Adobe Commerce Storefront Event Collector を使用してイベントを処理し、Adobe Senseiに送信します。
-
行動データが収集されたら、管理者で 作成Product Recommendations できます。
-
Recommendations SDK を使用して、ストアフロントでレコメンデーションユニットを取得します。 SDK は、ページ上のレコメンデーションユニットをレンダリングするために必要な製品データを返します。