在網站頁面新增指令碼以支援遙測
本文介紹如何將客戶端腳本程式碼新增至網站頁面以支援客戶端遙測資料的收集。
當您想要了解客戶如何與您的網站互動並做出有助於優化體驗以實現最大轉換的決策時,網路分析是一個重要的工具。 許多網路分析軟體套件可協助您實現這些目標,例如 Google Analytics、Clicky、Moz Analytics 和 KISSMetrics。 大多數網頁分析軟體包要求您在網站所有頁面的 HTML 的 <head> 元素中新增客戶端腳本程式碼。
附註
本文中的說明也適用於 Microsoft Dynamics 365 Commerce 本身不提供的其他自訂客戶端功能。
為您的腳本程式碼建立可重複使用的片段
片段可讓您在網站上的所有頁面上重複使用內聯或外部腳本程式碼,無論它們使用什麼範本。
為您的內聯腳本程式碼建立可重複使用的片段
若要為 網站建立器, 跟隨 中的內嵌腳本程式碼建立可重複使用片段,請執行下列步驟。
- 前往 片段,然後選擇 新建。
- 在 新片段 對話方塊中,選擇 內聯腳本。
- 在 片段名稱下,輸入片段的名稱,然後選擇 確定。
- 在您建立的片段下,選擇 預設內聯腳本 模組。
- 在右側屬性窗格的 內聯腳本下,輸入您的客戶端腳本。 然後根據需要配置其他選項。
- 選擇 儲存,然後選擇 完成編輯。
- 選取發佈。
為您的外部腳本程式碼建立可重複使用的片段
若要為外部腳本程式碼建立可重複使用片段,請執行下列步驟網站建立器, 跟隨。
- 前往 片段,然後選擇 新建。
- 在 新片段 對話方塊中,選擇 外部腳本。
- 在 片段名稱下,輸入片段的名稱,然後選擇 確定。
- 在您建立的片段下,選擇 預設外部腳本 模組。
- 在右側屬性窗格的 腳本來源下,新增外部腳本來源的外部或相對 URL。 然後根據需要配置其他選項。
- 選擇 儲存,然後選擇 完成編輯。
- 選取發佈。
附註
如果您的網站啟用了 網站建立器 (CSP),請確保將所有外部 URL 新增至 Commerce 網站建立器 中的 script-src CSP 指令。 有關詳細信息,請參閱 管理內容安全性原則 (CSP)。
將包含腳本程式碼的片段新增至模板
若要將包含腳本程式碼的片段新增至 網站建立器, 跟隨 中的模板,請執行下列步驟。
- 前往 範本,然後開啟要新增腳本程式碼的頁面的範本。
- 在左側窗格中,展開範本層次結構以顯示 HTML Head 插槽。
- 在 HTML Head 插槽中,選擇省略號按鈕 (...),然後選擇 新增片段。
- 選擇您為腳本程式碼建立的片段。
- 選擇 儲存,然後選擇 完成編輯。
- 選取發佈。
將外部腳本或內嵌腳本直接新增至範本中
如果您想要將內聯或外部腳本直接插入到由單一範本控制的一組頁面中,則不必先建立片段。
直接將內聯腳本加入到模板中
若要將內聯腳本直接新增至 網站建立器, 跟隨 中的模板,請執行下列步驟。
- 前往 範本,然後開啟要新增腳本程式碼的頁面的範本。
- 在左側窗格中,展開範本層次結構以顯示 HTML Head 插槽。
- 在 HTML Head 插槽中,選擇省略號按鈕 (...),然後選擇 新增模組。
- 在 新增模組 對話方塊中,選擇 內聯腳本。
- 在右側屬性窗格的 內聯腳本下,輸入您的客戶端腳本。 然後根據需要配置其他選項。
- 選擇 儲存,然後選擇 完成編輯。
- 選取發佈。
直接將外部腳本新增至範本中
若要將外部腳本直接新增至 網站建立器, 跟隨 中的模板,請執行下列步驟。
- 前往 範本,然後開啟要新增腳本程式碼的頁面的範本。
- 在左側窗格中,展開範本層次結構以顯示 HTML Head 插槽。
- 在 HTML Head 插槽中,選擇省略號按鈕 (...),然後選擇 新增模組。
- 在 新增模組 對話方塊中,選擇 外部腳本。
- 在右側屬性窗格的 腳本來源下,新增外部腳本來源的外部或相對 URL。 然後根據需要配置其他選項。
- 選擇 儲存,然後選擇 完成編輯。
- 選取發佈。