将脚本代码添加到站点页面以支持遥测
本文介绍如何向站点页添加客户端脚本代码来支持收集客户端遥测。
如果要了解客户如何与您的站点交互,并作出有助于优化最大转换体验的决策,Web 分析是至关重要的工具。 现在有大量 Web 分析包可帮助您实现这些目标,如 Google Analytics、Clicky、Moz Analytics 和 KISSMetrics。 大多数 Web 分析包都需要您在站点所有页面的 THML 的 <head> 元素中添加客户端脚本代码。
注释
本文中的说明也适用于 Microsoft Dynamics 365 Commerce 本机不提供的其他自定义客户端功能。
为脚本代码创建可重复使用的片段
片段使您可以在站点上的所有页面上重复使用内联或外部脚本代码,不管它们使用的模板是什么。
为内联脚本代码创建可重复使用的片段
要在站点构建器中为内联脚本代码创建可重复使用的片段,请按照下列步骤操作。
- 转到片段,然后选择新建.
- 在新建片段对话框中,选择内联脚本。
- 在片段名称下,输入片段的名称,然后选择确定。
- 在您创建的片段下,选择默认内联脚本模块。
- 在右侧的属性窗格中,在内联脚本下,输入您的客户端脚本。 然后根据需要配置其他选项。
- 选择保存,然后选择完成编辑。
- 选择发布。
为外部脚本代码创建可重复使用的片段
要在站点构建器中为外部脚本代码创建可重复使用的片段,请按照下列步骤操作。
- 转到片段,然后选择新建.
- 在新建片段对话框中,选择外部脚本。
- 在片段名称下,输入片段的名称,然后选择确定。
- 在您创建的片段下,选择默认外部脚本模块。
- 在右侧的属性窗格中,在脚本源下,为外部脚本源添加一个外部或相对 URL。 然后根据需要配置其他选项。
- 选择保存,然后选择完成编辑。
- 选择发布。
注释
如果为您的站点启用了内容安全策略 (CSP),请确保将所有外部 URL 添加到 Commerce 站点构建器中的 script-src CSP 指令。 有关详细信息,请参阅管理内容安全策略 (CSP)。
将包含脚本代码的片段添加到模板
要将包含脚本代码的片段添加到站点构建器中的模板,请按照下列步骤操作。
- 转到模板,然后打开要将脚本代码添加到的页面的模板。
- 在左侧窗格中,展开层次结构以打开 HTML 标头插槽。
- 在 HTML 标头插槽中,选择省略号按钮 (...),然后选择添加片段。
- 选择为脚本代码创建的片段。
- 选择保存,然后选择完成编辑。
- 选择发布。
将外部脚本或内联脚本直接添加到模板
如果要将内联脚本或外部脚本直接插入由单个模板控制的一组页面中,则不必先创建片段。
将内联脚本直接添加到模板
要将内联脚本直接添加到站点构建器中的模板,请按照下列步骤操作。
- 转到模板,然后打开要将脚本代码添加到的页面的模板。
- 在左侧窗格中,展开层次结构以打开 HTML 标头插槽。
- 在 HTML 标头插槽中,选择省略号按钮 (...),然后选择添加模块。
- 在添加模块对话框中,选择内联脚本。
- 在右侧的属性窗格中,在内联脚本下,输入您的客户端脚本。 然后根据需要配置其他选项。
- 选择保存,然后选择完成编辑。
- 选择发布。
将外部脚本直接添加到模板
要将外部脚本直接添加到站点构建器中的模板,请按照下列步骤操作。
- 转到模板,然后打开要将脚本代码添加到的页面的模板。
- 在左侧窗格中,展开层次结构以打开 HTML 标头插槽。
- 在 HTML 标头插槽中,选择省略号按钮 (...),然后选择添加模块。
- 在添加模块对话框中,选择外部脚本。
- 在右侧的属性窗格中,在脚本源下,为外部脚本源添加一个外部或相对 URL。 然后根据需要配置其他选项。
- 选择保存,然后选择完成编辑。
- 选择发布。