跳到内容

安装 HubSpot 跟踪代码

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

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

所有产品和计划

HubSpot 跟踪代码是每个 HubSpot 帐户独有的,可让 HubSpot监控您的网站 流量。跟踪代码会自动包含在 HubSpot 博客页面、登陆页面和网站页面中。

如果你有任何外部托管的页面(即不在 HubSpot 上的页面),你必须手动安装 HubSpot 跟踪代码,以获取这些页面的分析结果。

进一步了解跟踪代码如何让您跟踪网站访客

如果您使用 HubSpot 跟踪代码 您的访客 数据 将被收集并用于监控您的网站流量。HubSpot还使用从HubSpot跟踪代码中收集的某些数据来改进Hubspot的产品和服务,包括Breeze Intelligence商业数据集。您可以通过账户设置关闭与 HubSpot 的账户数据共享。了解有关 HubSpot 跟踪代码所收集数据的 更多信息

请注意

复制你的 HubSpot 跟踪代码

  • 在 HubSpot 帐户中,单击顶部导航栏中的 settings“设置”图标
  • 导航至跟踪和分析设置:
    • 对于所有其他 订阅 ,请导航至 Tracking & Analytics > 左侧边栏菜单中的跟踪代码。
  • 在 "嵌入代码"部分,单击 "复制 "或单击 "发送电子邮件给我的网站开发人员",将跟踪代码发送给将其安装到您网站的团队成员。

  • 在网站上安装跟踪代码

在网站上安装跟踪代码

要安装跟踪代码,请将代码粘贴在网站每个页面 HTML 代码的结尾</body> 标签之前。安装跟踪代码后,请学习如何验证安装和排除代码故障

同时,大多数内容管理系统和您的开发人员可以在网站的所有页面上安装代码,例如在所有页面上引用页脚文件。请咨询您的开发人员,了解他们可以如何帮助实现这一点。

将跟踪代码添加到非 HubSpot 托管的页面后,应将外部网站域添加到报告设置中,以便将其纳入 HubSpot 分析。

如果您使用的是特定的内容管理系统,下面的章节也会有所帮助。

请注意:由于每个网站的结构不同,这些步骤可能不是访问 HTML 代码的准确说明。如果您不确定如何访问网站的 HTML 代码,请联系您的网站管理员、IT 部门或开发人员,并向他们展示本文。

在 WordPress 网站上安装跟踪代码

强烈建议您安装并使用 HubSpot All-in-One Marketing - Forms, Pop-ups, Live Chat WordPress 插件。该插件会自动为您在 WordPress 网站上安装 HubSpot 跟踪代码。

只有在无法安装HubSpot WordPress 插件的情况下,才能手动安装 HubSpot 跟踪代码:

  • 按照上述步骤在你的 HubSpot 账户中复制 HubSpot 跟踪代码。
  • 登录您的 WordPress 账户。
  • 在左侧边栏菜单中,导航至外观>编辑器。
  • 在编辑器右侧的主题文件列表中,选择 脚注。
  • 粘贴跟踪代码并选择更新文件。

请注意
  • 如果您手动安装了跟踪代码并订阅了 HubSpotMarketing Hub,HubSpot 将无法在分析中区分 WordPress 帖子和页面。
  • 如果您的网站托管在 WordPress.com,您将无法在网站上添加 HubSpot 跟踪代码,除非您使用的是其商业计划。其他计划(如高级计划、个人计划)不允许用户添加任何 JavaScript 代码

在Shopify网站上安装跟踪代码

  • 按照上述步骤在你的 HubSpot 账户中复制 HubSpot 跟踪代码。
  • 登录您的 Shopify 管理面板。
  • 在左侧边栏菜单中,导航至在线商店>主题。
  • 单击 "操作"下拉菜单,选择 "编辑代码"。
  • 选择主题的 theme.liquid文件。

  • 将你的 HubSpot 跟踪代码粘贴在该文件的 </body> 标签之前。
  • 在右上角单击保存。

在 Drupal 网站上安装跟踪代码

  • 按照上述步骤在你的 HubSpot 账户中复制 HubSpot 跟踪代码。
  • 登录 Drupal 管理员控制面板。
  • 在主导航菜单中,导航至结构。
  • 点击块。

  • 点击+ 添加区块。
  • 输入新区块的字段。在区块主体字段中粘贴跟踪代码,然后单击保存区块。

在 Magento 网站上安装跟踪代码

按照上述步骤 在您的 HubSpot 账户中复制 HubSpot 跟踪代码。然后按照Magento 的设计用户指南获取在标题 HTML 中安装第三方 JavaScript 代码的说明。

在 Wix 网站上安装跟踪代码

使用 Wix 的 "应用市场 "在页面上添加 HTML widget:

  • 按照上述步骤在你的 HubSpot 账户中复制 HubSpot 跟踪代码。
  • 进入网站仪表板中的设置
  • 单击 "高级 "部分的 "自定义代码"选项卡。
  • 点击右上角的 + 添加自定义代码。
  • 在文本框中粘贴跟踪代码。
  • 将新工具的名称设置为HubSpot 跟踪代码。
  • 在 "向页面添加代码"下单击"所有页面"单选按钮,然后使用 下拉菜单 选择 "在每个新页面加载代码"。
  • 在 "放置代码"部分,单击 "正文-结束"选项的单选按钮。
  • 单击 "应用 "保存更改。
如果您在 Wix 网站上使用即时聊天机器人,您可以按照上面的步骤将聊天流程添加到每个页面,也可以与开发者合作使用聊天小工具 SDK来指定特定页面。使用 .widget-refresh 方法在不同页面指定不同的聊天流程。更多信息请查看 HubSpot 的开发者文档

在 Joomla 网站上安装跟踪代码

有两种方法可以在 Joomla 网站上添加 HubSpot 跟踪代码。无论使用哪种方法,你首先都需要按照上述步骤复制 HubSpot 跟踪代码。

你可以从Joomla 扩展目录中选择一个扩展,在其中粘贴 HubSpot 跟踪代码。或者,你也可以按照以下步骤安装跟踪代码:

  • 以管理员身份登录 Joomla 账户。
  • 在主导航菜单中,导航至扩展>模板>模板。
  • 点击模板名称,在左侧边栏菜单中选择index.php。
  • 将 HubSpot 跟踪代码直接粘贴在 </body> 标签上方。
  • 单击保存。

在 Squarespace 网站上安装跟踪代码

  • 按照上述步骤在你的 HubSpot 账户中复制 HubSpot 跟踪代码。
  • 登录您的 Squarespace 账户。
  • 在左侧边栏菜单中,导航至设置。
  • 在菜单的 "网站"部分,导航至 "高级",然后选择 "代码注入"。
  • 将跟踪代码粘贴到 "标题"字段中。
  • 在左上角,单击保存。

使用 Google 标签管理器安装跟踪代码

  • 按照上述步骤在你的 HubSpot 账户中复制 HubSpot 跟踪代码。
  • 在新的浏览器标签页或窗口中,登录 Google Tag Manager 账户。
  • 选择您的容器。
  • 在左侧边栏菜单中,导航至标签。
  • 单击新建。

  • 单击标签配置。
  • 标签类型请选择自定义 HTML 标签。然后,为标签命名。
  • 在HTML字段中粘贴跟踪代码。
  • 在"标签配置 "下方,单击 "触发 "设置触发规则。如果不设置触发规则,标签将不会触发,也不会收集到 HubSpot 分析数据。
  • 要在安装了 Google 标签管理器代码的所有页面上触发标签(推荐),请选择 "所有页面"选项。

  • 单击 "保存 "保存新标签。
  • 在右上角单击 "发布 "保存容器和标签。

将数据输入 HubSpot 页面类型的附加代码

如果您正在使用 联系人创建归因报告收入归因报告流量分析工具中的 "页面"选项卡,并希望将外部页面的访客数据归入特定的页面类型,则应要求您的开发团队在页面中添加以下代码:
var _hsq = window._hsq = window._hsq || [];
_hsq.push(['setContentType', 'CONTENT_TYPE']);

将代码中的 CONTENT_TYPE代码中的文本替换为您希望将片尾字幕归属于的内容类型的表达式。

  • 要为网站页面内容类型归功,请使用表达式standard-pagesite-page
  • 要将学分归属于着陆页内容类型,请使用表达式landing-page
  • 要为 "列表 "页面内容类型赋予信用属性,请使用表达式listing-page
  • 要为博客文章内容类型赋予信用属性,请使用表达式blog-post
  • 若要为知识文章内容类型赋予学分属性,请使用表达式knowledge-article

添加后,与外部页面相关的数据将被归入代码中选择的页面类型。请参阅我们的开发人员文档,了解代码的工作原理

这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助