ヘッドレス
Product Recommendationsは、PWA StudioまたはReactやVue JSなどのカスタムフロントエンドテクノロジーを使用して、ヘッドレスストアフロントに統合できます。
カスタムインテグレーターおよびヘッドレスインテグレーターは、これらのLumaおよびPWAの手順を推奨される実装として参照する必要があります。 ヘッドレスソリューションに製品レコメンデーションを実装する方法はたくさんあり、このドキュメントではすべてのシナリオを説明しません。 インテグレーターは、実装のイベント、設計、テストをカバーする必要があります。
Product Recommendationsを操作するには行動データとカタログデータ が必要です。 カタログデータの同期プロセスはヘッドレス実装でも変更されませんが、行動データの収集には変更が必要です。
Product Recommendationsをヘッドレスストアフロントに統合するには、次の手順を実行する必要があります。
-
行動データをAdobe AIに送信し、商品レコメンデーションの結果を分析して計算します。 追加データを送信して、商品レコメンデーション 指標レポート を有効にすることもできます。
-
商品レコメンデーションの結果を取得し、その結果をページに表示できます。
次のワークフローの説明に従って、使用可能なSDKを使用して、これらのアクションの両方を実行できます。
-
Product Recommendations モジュールを インストール 。
-
Adobe Commerce Storefront Event SDKをインストールして使用し、行動イベント を実行します。
Product Recommendations件の結果を返すために必要な最小イベント：
table 0-row-2 1-row-2 2-row-2 3-row-2 イベント カテゴリ viewproduct add-to-cartproduct 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 AIに送信します。
-
行動データを収集した後、管理者でcreate Product Recommendationsできます。
-
Recommendations SDKを使用して、ストアフロントのレコメンデーションユニットを取得します。 SDKは、ページ上にレコメンデーションユニットをレンダリングするために必要な商品データを返します。
-
recommendationsGraphQL クエリ を使用して、特定のSKUの商品レコメンデーションブロックに関する情報を返す方法を説明します。