跳到内容

向 HubSpot 添加 JavaScript 文件

上次更新时间: 二月 12, 2025

除非另有说明,否则适用于以下任何订阅

所有产品和计划

您可以在设计管理器中托管和编辑 JavaScript 文件。了解如何创建 JavaScript 文件并将其链接到模板或域。

创建 JavaScript 文件

  • 在 HubSpot 帐户中,导航到内容 > 设计管理器
  • 在左侧边栏菜单中,单击 文件>新建文件。您可能需要单击folder 文件夹图标来展开菜单。
  • 在对话框中,单击 "今天要创建什么?"下拉菜单,然后选择JavaScript


  • 单击下一步
  • 文件名字段 中,输入 JavaScript 文件的名称。
  • 要更新文件位置,请在 "文件位置"部分单击 "更改 " 并选择要添加文件的文件夹

  • 单击创建
  • 在代码编辑器中键入或粘贴 JavaScript。
  • 如果启用ESLint,单击 "显示输出 "开关,即可看到任何 JavaScript 警告或错误。

  • 在右上角,单击 "发布更改" ,即可将更改生效。

将 JavaScript 文件附加到模板

  • 在左侧的 查找器中,单击要更新的模板
  • 在右侧的检查器中,单击 "编辑"选项卡。
  • 在 "链接的 JavaScript 文件"部分,单击 "添加 "下拉菜单并选择JavaScript 文件
  • 在右上角,单击 "发布更改",将更改生效。

在 HubSpot 页面上包含 JavaScript 文件

你可以在HubSpot托管域的所有页面上包含JavaScript文件,也可以使用公共URL在单个页面上包含JavaScript文件。

访问文件的公共URL:

  • 在左侧边栏菜单中,选择JavaScript 文件
  • 单击 "操作 " >" 复制公共 URL"。

将文件添加到域中的所有 HubSpot 页面:
  • 在 HubSpot 帐户中,单击顶部导航栏中的 settings“设置”图标
  • 在左侧边栏菜单中,导航至内容 > 页面
  • 单击 "选择一个域以编辑其设置"下拉菜单,然后选择要添加 JavaScript 文件的。如果希望 JavaScript 文件适用于所有连接的域,可以选择所有域的默认设置
  • 网站页脚 HTML 部分,粘贴 公共 URL 作为脚本标记源的值:
<!-- start Main.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End Main.js-->
  • 单击保存

或将文件添加到单个页面:

  • 导航至内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
  • 将鼠标悬停在要编辑的页面上,然后单击 "编辑"。
  • 在页面编辑器中,单击 "设置"菜单并选择 "高级"。.
  • 在对话框的页脚 HTML部分,粘贴公共 URL 作为脚本标签源的值:
<!-- start Main.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End Main.js-->
  • 在右上角单击发布更新
这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助