ヘッドレス
統合可能な Product Recommendations 次のいずれかを使ってヘッドレスな店頭で PWA 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
checkout 有効にするには 指標レポートに設定する場合は、次の追加のイベントが必要です。
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 イベント カテゴリ impression-render
recommendation-unit view
recommendation-unit rec-click
recommendation-unit rec-add-to-cart-click
recommendation-unit(recommendations テンプレートに「買い物かごに追加」ボタンが存在する場合) -
イベントが発生したら、 Adobe Commerce Storefront イベントコレクター イベントを処理してAdobe Senseiに送信する。
-
行動データを収集した後、 作成 Product Recommendations 」と入力します。
-
以下を使用します。 Recommendations SDK ストアフロントでレコメンデーションユニットを取得します。 SDK は、ページ上でレコメンデーション単位をレンダリングするために必要な製品データを返します。