ヘッドレス

PWA Studioまたは React や Vue JS などのカスタムフロントエンドテクノロジーを使用してProduct Recommendations をヘッドレスストアフロントに統合できます。

カスタムおよびヘッドレスインテグレーターは、これらの Luma とPWAの手順を実装提案として参照する必要があります。 ヘッドレスソリューションに製品Recommendationsを実装する方法は多数ありますが、このドキュメントでは、すべてのシナリオについて説明しているわけではありません。 インテグレーターは、実装のイベント、設計、テストをカバーする必要があります。

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

NOTE
ヘッドレスインスタンスでは、Product 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 チェックアウト

    指標レポートを有効にするには、次の追加イベントが必要です。

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

  4. 行動データが収集されたら、管理者で 作成Product Recommendations できます。

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

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