報告與儀表板

借助 B2C Commerce 報告 & 儀錶板，您可以根據自己的 B2C Commerce 數據確定隨時間變化的趨勢並做出更明智的業務決策。查看有關訂單轉化指標、網站流量、經常搜索產品等的數據。本指南介紹如何配置和驗證報表 & 儀錶板以用於 Progressive Web App （PWA） 工具包網站。

要使用報告 & 儀表板：

除非另有說明，否則本指南中的所有要點都適用於使用 可組合網店 （PWA Kit） 或 分階段無標頭部署構建的網站 100%。

完成 先決條件 后，按照以下步驟配置報告 & 儀錶板。

  • 啟用對 Einstein API 端點的訪問。請參閱啟用存取。
  • 配置 B2C Commerce 實例以使用 Einstein Activities 進行分析。請參閱 Business Manager 配置。

僅限分階段無頭推出： 完成 Einstein Activities for Phased Headless Rollouts 中的步驟。

在 PWA Kit 專案中，轉到 template-retail-react-app/config/default.js 並設置屬性，如下所示。

  • host:幾乎總是設置為 Einstein 生產實例 api.cquotient.com。如果要使用代理，可以將此屬性設置為如下 /mobify/proxy/einstein值。正確設置后，報告&儀錶板中看不到任何數據。

  • einsteinId:配置 Business Manager 時收到的 Einstein API 金鑰。

  • siteId:使用格式 realm-siteId.舉例來說：zzrf-RefArch.

  • isProduction:如果數據來自生產 MRT 環境，請將 true 此屬性設置為。僅當數據設置為 true時 isProduction ，數據才會顯示在報告&儀錶板中。如果數據不是來自生產 託管運行時 （MRT） 環境，則將其 false 設置為。例如，如果您在開發環境中工作。

將此範例中的佔位元替換為實際值。預留位置的格式為：$PLACEHOLDER

完成配置后，數據將在24小時內顯示在報告 & 儀錶板中。之後，任何新數據都會在任何相應事件發生 24 小時後顯示在報告 & 儀錶板中。

安裝 Commerce Cloud Recommendation Validator Chrome 外掛程式以查看頁面發送的活動事件。

或者，您可以在瀏覽器中檢查網路請求並篩選 api.cquotient.com 請求。

完成 先決條件 和 配置 后，在報告 & 儀錶板中驗證數據。我們建議您驗證您的訂單號。

  1. 登入 Business Manager。
  2. 前往 商家工具 > 分析 > 報告 & 儀錶板。
  3. 根據網站上的活動，確認「主頁」和「銷售」選項卡上的訂單號是您期望的訂單號。
  4. 前往 流量 > 購物者之旅。
  5. 根據網站上的活動，確認「有訂單的訪問」數量是您所期望的。為了進行更精細的分析，可以按特定日期或日期範圍篩選報告。請參閱 設置儀錶板日期範圍。

相關螢幕截圖

本節針對使用報告 & 儀錶板時可能遇到的常見錯誤提供建議的解決方案。

潛在原因： 您在不到 24 小時前配置了報告 & 儀錶板。

建議的解決方案： 完成 配置 后至少等待 24 小時，然後再檢查報告 & 儀錶板。

潛在原因： 未滿足先決條件或報告 & 儀錶板配置不正確。

建議的解決方案： 使用 DevTools 中的「網路」選項卡查看網站的 Einstein Activity API 調用。或者，您還可以安裝 Commerce Cloud Recommendation Validator Chrome 外掛程式。這些字段顯示在 Commerce Cloud Recommendation Validator 中。

  • Realm: 如果此欄位為空，則 Reports & Dashboards 不知道數據來自哪個領域。確保您在 Account Manager 中的使用者角色具有針對您領域中環境的許可權設置範圍。確認您在 Account Manager 中具有 Reports and Dashboards 使用者角色，並將許可權範圍設置為您領域中的環境。請參閱先決條件。
  • 實體類型： 如果此欄位未設置為 prd ，則不會顯示您的資料。isProduction 將屬性 true 設定為 ，以便 instanceType 設定為 prd。請參閱 配置報告 & 儀錶板。

潛在原因： 廣告攔截器會阻止對 Einstein Activities API 的請求。

建議的解決方案：

  1. 在 Runtime Admin 中設置代理，如 配置託管運行時環境中所述。

    • 使用路徑 mobify/proxy/einstein。
    • 通過將 Einstein API 主機添加為 api.cquotient.com來引導所有 Einstein 請求通過該代理。

  2. 設置代理可能會阻止數據顯示在報告 & 儀錶板中。這是因為所有使用者代理請求字串都將作為機器人（而不是真正的購物者）出現在報告 & 儀錶板中，因為代理將User-Agent標頭 Amazon Cloudfront替換為 。為避免此問題，請更新 PWA Kit 專案中的 Einstein API 代碼以發送 clientUserAgent = navigator.usserAgent Einstein 請求。

    在您的專案中，轉到 /template-retail-react-app/app/hooks/use-einstein.js 並添加此代碼。

設置代理可能會降低網站性能。