共用方式為


在網站頁面新增指令碼以支援遙測

附註

Dynamics 365 Commerce 的零售興趣群組已從 Yammer 移至 Viva Engage。 如果您無法存取新的Viva Engage社群,請填寫此表單 (https://aka.ms/JoinD365commerceVivaEngageCommunity) 以新增,並繼續參與最新的討論。

本文說明如何將用戶端指令碼程式碼新增到網站頁面以支援用戶端遙測資料的收集。

當您想了解客戶如何與您的網站互動並做出有助於最佳化體驗以實現最大轉換率的決策時,Web Analytics 是不可或缺的工具。 有許多 Web Analytics 套件可以幫助您實現這些目標,例如 Google Analytic、Clicky、Moz Analytics 和 KISSMetrics。 大多數 Web Analytics 套件都要求您在網站所有頁面 HTML 的 <head> 元素中,新增用戶端指令碼程式碼 。

附註

本文中的指示也適用於原生不提供的 Microsoft Dynamics 365 Commerce 其他自訂用戶端功能 。

為指令碼程式碼建立可重複使用的片段

片段讓您可以在網站的所有頁面中重複使用內嵌或外部指令碼程式碼,無論它們使用何種範本。

為內嵌指令碼程式碼建立可重複使用的片段

要在網站建置器中為內嵌腳本程式碼建立可重複使用的片段,請遵循以下步驟:

  1. 前往片段,然後選擇新增
  2. 新片段對話方塊中,選取內嵌指令碼
  3. 片段名稱欄位輸入片段名稱,然後選取確定
  4. 在您建立的片段底下,選取預設內嵌指令碼模組。
  5. 在右側屬性窗格中,在內嵌指令碼底下,輸入您的用戶端指令碼。 然後根據需要設定其他選項。
  6. 選擇儲存,然後選擇完成編輯
  7. 選取發佈

為您的外部指令碼程式碼建立可重複使用的片段

要在網站建置器中為外部腳本程式碼建立可重複使用的片段,請依照以下步驟操作:

  1. 前往片段,然後選擇新增
  2. 新片段對話方塊中,選取外部指令碼
  3. 片段名稱欄位輸入片段名稱,然後選取確定
  4. 在您建立的片段底下,選取預設外部指令碼模組。
  5. 在右側屬性窗格中,在指令碼來源底下, 為外部指令碼來源新增外部或相對 URL。 然後根據需要設定其他選項。
  6. 選擇儲存,然後選擇完成編輯
  7. 選取發佈

附註

如果為網站啟用內容安全性原則 (CSP),請確認所有外部 URL 都新增到 Commerce 網站建立器中的 script-src CSP 指令中。 如需詳細資訊,請參閱管理內容安全性原則 (CSP)

新增包含指令碼程式碼的片段到範本

要在網站建置器中將包含腳本程式碼的片段加入範本,請依照以下步驟操作:

  1. 移至範本,然後打開要新增指令碼程式碼之頁面的範本。
  2. 在左窗格中,展開範本階層以顯示 HTML 頁首插槽。
  3. HTML 頁首插槽中,選取省略符號按鈕 (...),然後選取新增片段
  4. 選取您為此指令碼程式碼建立的片段。
  5. 選擇儲存,然後選擇完成編輯
  6. 選取發佈

將外部指令碼或內嵌指令碼直接新增到範本

如果要將內嵌或外部指令碼直接插入到由單一範本控制的一組頁面中,則不必先建立片段。

將內嵌指令碼直接新增到範本

要在網站建構器中直接將內嵌腳本加入範本,請依照以下步驟操作:

  1. 移至範本,然後打開要新增指令碼程式碼之頁面的範本。
  2. 在左窗格中,展開範本階層以顯示 HTML 頁首插槽。
  3. HTML 頁首插槽中,選取省略符號按鈕 (...),然後選取新增模組
  4. 新增模組對話方塊中,選取內嵌指令碼
  5. 在右側屬性窗格中,在內嵌指令碼底下,輸入您的用戶端指令碼。 然後根據需要設定其他選項。
  6. 選擇儲存,然後選擇完成編輯
  7. 選取發佈

將外部指令碼直接新增到範本

要直接在網站建置器中將外部腳本加入範本,請遵循以下步驟:

  1. 移至範本,然後打開要新增指令碼程式碼之頁面的範本。
  2. 在左窗格中,展開範本階層以顯示 HTML 頁首插槽。
  3. HTML 頁首插槽中,選取省略符號按鈕 (...),然後選取新增模組
  4. 新增模組對話方塊中,選取外部指令碼
  5. 在右側屬性窗格中,在指令碼來源底下, 為外部指令碼來源新增外部或相對 URL。 然後根據需要設定其他選項。
  6. 選擇儲存,然後選擇完成編輯
  7. 選取發佈

其他資源

新增標誌

選取網站佈景主題

使用 CSS 覆寫檔案

新增最愛圖示

新增著作權聲明

將語言新增至您的網站