ヘッドレス

統合可能な Product Recommendations 次のいずれかを使ってヘッドレスな店頭で PWA Studio または React や Vue JS などのカスタムフロントエンドテクノロジー。

カスタムおよびヘッドレスインテグレーターは、推奨される実装として、これらの Luma とPWAの手順を参照してください。 ヘッドレスソリューションに Product Recommendationsを実装するには、様々な方法があります。このドキュメントでは、すべてのシナリオについて説明するわけではありません。 インテグレーターは、実装のイベンティング、デザイン、テストについて説明する必要があります。

Product Recommendations 必須 行動データとカタログデータ を操作します。 ヘッドレス実装では、カタログデータ同期プロセスは変わりませんが、行動データ収集には変更が必要です。

NOTE
ヘッドレスインスタンスは、製品のRecommendationsダッシュボードを強化するために、イベンティングを実装する必要があります。

統合するには Product Recommendations ヘッドレスストアフロントでは、次の操作を実行する必要があります。

  1. 行動データをAdobe Senseiに送信して、製品レコメンデーションの結果を分析および計算します。 また、追加データを送信して、製品のレコメンデーションを有効にすることもできます 指標レポート.

  2. 製品のレコメンデーション結果を取得し、ページでその結果をレンダリングします。

次のワークフローで説明するように、使用可能な SDK を使用して、これらの両方のアクションを実行できます。

  1. インストール の Product Recommendations モジュール。

  2. をインストールして使用する 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 テンプレートに「買い物かごに追加」ボタンが存在する場合)
  3. イベントが発生したら、 Adobe Commerce Storefront イベントコレクター イベントを処理してAdobe Senseiに送信する。

  4. 行動データを収集した後、 作成 Product Recommendations 」と入力します。

  5. 以下を使用します。 Recommendations SDK ストアフロントでレコメンデーションユニットを取得します。 SDK は、ページ上でレコメンデーション単位をレンダリングするために必要な製品データを返します。

recommendation-more-help
4bf3c55a-3844-4322-a5d2-42b4e56228e5