创建并向 HubSpot 添加 JavaScript 文件

在设计管理器中创建和添加 JavaScript 文件，自定义 HubSpot 托管内容的功能。创建 JavaScript 文件，将其附加到模板，或将其添加到整个域或单个页面。

例如，使用 JavaScript 文件添加交互式元素、集成第三方脚本或自定义标准模块以外的页面行为。

开始之前

在使用 JavaScript 文件之前，请查看以下要求和注意事项。

了解限制和注意事项

• 发布更改可使相关模板或页面上的更新立即生效。
• 在域级别添加 JavaScript 会将脚本应用到该域上所有 HubSpot 托管的页面。

创建 JavaScript 文件

1. 在 HubSpot 帐户中，导航到内容 > 设计管理器。
2. 在查找器中单击 "文件"下拉菜单并选择 "新建文件"。
3. 在对话框中，单击 "今天要创建什么？"下拉菜单并选择JavaScript。然后单击下一步。
4. 在文件名字段 中，输入 JavaScript 文件的名称。
5. 要更新文件位置，请在 "文件位置"部分单击 "更改" ，然后选择要添加文件的文件夹。
6. 单击创建。
7. 在代码编辑器中输入 JavaScript。
8. 如果已启用 ESLint，请打开 "显示输出 "开关，查看任何 JavaScript 警告或错误。

9. 完成后，单击右上角的发布更改。

为拖放模板附加 JavaScript 文件

1. 在 HubSpot 帐户中，导航到内容 > 设计管理器。
2. 在查找器中，单击要更新的模板。
3. 在右侧的检查器中，单击 "编辑"选项卡。
4. 在 "链接的 JavaScript 文件"部分，单击 "添加 "下拉菜单并选择JavaScript 文件。
5. 完成后，单击右上角的 "发布更改"。

将 JavaScript 文件附加到编码模板

1. 在 HubSpot 帐户中，导航到内容 > 设计管理器。
2. 在 查找器中，单击要更新的模板。
3. 在代码编辑器中，输入require_jsHubL 函数。了解有关使用 require_js HubL 函数的更多信息。

在 HubSpot 页面添加 JavaScript 文件

在 HubSpot 托管域的所有页面上添加 JavaScript 文件，或使用公共 URL 在单个页面上添加 JavaScript 文件。

访问 JavaScript 文件的公共 URL

1. 在 HubSpot 帐户中，导航到内容 > 设计管理器。
2. 在 查找器中，单击 JavaScript 文件的名称。然后单击 "操作"下拉菜单，选择 "复制公共 URL"。

在域的所有页面中添加 JavaScript 文件

1. 在 HubSpot 帐户中，单击顶部导航栏中的 settings “设置”图标。
2. 在左侧边栏菜单中，导航至内容 > 页面。
3. 单击 "选择一个域以编辑其设置"下拉菜单，然后选择要添加 JavaScript 文件的域。要将 JavaScript 文件应用到所有连接的域，请选择所有域的默认设置。
   
4. 在网站页脚 HTML 部分，粘贴 公共 URL 作为脚本标记源的值：

<!-- start example.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End example.js-->

5. 完成后，单击左下角的保存 。

为单个页面添加 JavaScript 文件

请注意：启动模板中不提供高级设置。

1. 导航至内容：
   • 网站页面：在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 登陆页面：在 HubSpot 帐户中，导航到内容 > 登陆页面。
2. 单击页面名称。
3. 在内容编辑器中，单击 "设置"菜单并选择 "高级"。
4. 在对话框的页脚 HTML部分，粘贴公共 URL作为脚本标签来源的值：

<!-- start example.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End example.js-->

5. 完成后，单击右上角的 "发布 "或 "更新"。