Headless

您可以使用PWA Studio或自訂前端技術(例如React或Vue JS)將Product Recommendations整合到Headless店面。

自訂和Headless整合經銷商應參考這些Luma和PWA指示,作為建議的實作。 有許多方式可將產品Recommendations實作到Headless解決方案中,本檔案並未涵蓋所有案例。 整合經銷商必須為其實作提供事件、設計和測試服務。

Product Recommendations需要行為和目錄資料才能運作。 Headless實作中的目錄資料同步程式維持不變,但行為資料收集需要變更。

NOTE
Headless執行個體必須實作事件以支援產品Recommendations儀表板。

若要將Product Recommendations整合到Headless店面,您必須:

  1. 將行為資料傳送至Adobe Sensei,以分析和計算產品推薦結果。 您也可以傳送其他資料以啟用產品推薦量度報告

  2. 擷取產品推薦結果並在頁面上呈現這些結果。

您可以使用可用的SDK來執行這兩個動作,如以下工作流程所述。

  1. 安裝 Product Recommendations模組。

  2. 安裝並使用Adobe Commerce Storefront事件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 (如果Recommendations範本中出現「加入購物車」按鈕)
  3. 觸發事件時,請使用Adobe Commerce Storefront事件收集器來處理事件並將它們傳送到Adobe Sensei。

  4. 收集行為資料後,您可以在Admin中建立 Product Recommendations。

  5. 使用Recommendations SDK擷取店面上的推薦單位。 SDK會傳回必要的產品資料以轉譯頁面上的推薦單位。

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