ヘッドレス
Product RecommendationsPWA Studio または React や Vue JS などのカスタムフロントエンドテクノロジーを使用して、 をヘッドレスストアフロントに統合できます。
カスタムおよびヘッドレスインテグレーターは、これらの Luma とPWAの手順を実装の推奨事項として参照する必要があります。 ヘッドレスソリューションに Product 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は、レコメンデーションユニットをページにレンダリングするために必要な商品データを返します。
-
recommendationsGraphQL クエリを使用して 特定の SKU などの製品レコメンデーションブロックに関する情報を返す方法を説明します。