安装 HubSpot 跟踪代码
上次更新时间: 2025年12月3日
HubSpot 跟踪代码是每个 HubSpot 账户专属的,可让 HubSpot监控您的 网站流量。该跟踪代码会自动包含在 HubSpot 博客页面、着陆页和网站页面中。
若您存在外部托管页面(即非HubSpot托管的页面),必须手动安装HubSpot跟踪代码才能捕获这些页面的分析数据。
深入了解跟踪代码如何帮助您追踪网站访客。
若您使用 HubSpot 跟踪代码, 您的访客 数据将被收集并用于监测网站流量。HubSpot还会利用追踪代码收集的部分数据改进其产品与服务,包括Breeze Intelligence商业数据集。您可通过账户设置关闭与HubSpot的数据共享功能。了解更多关于 HubSpot追踪代码收集的数据信息 。
请注意:
- 请勿在单个页面安装多个HubSpot跟踪代码。若存在多个HubSpot跟踪代码,页面加载时仅首个代码会触发,后续代码将无法加载。
- 若由IT管理员或网页开发人员安装代码,其必须拥有HubSpot用户账户。
- 若使用单页应用程序,请查阅开发者文档设置跟踪功能。
- 若您将整个域名或子域名托管在外部服务器,还需在HubSpot设置中添加相应域名及/或子域名。
- AMP 网站不支持跟踪代码。
- 若外部网站使用WordPress,建议安装并使用HubSpot全功能营销套件(表单、弹窗、实时聊天)WordPress插件。该插件将自动在WordPress站点部署HubSpot跟踪代码。
- 若访客启用了广告拦截器,可能干扰跟踪代码运行。
复制您的 HubSpot 跟踪代码
- 在 HubSpot 帐户中,单击顶部导航栏中的 settings“设置”图标。
- 请导航至跟踪与分析设置:
-
仅拥有 营销 入门版 或HubSpot免费工具访问权限的账户,请在左侧边栏菜单中导航至 跟踪代码。
- 其他所有订阅类型,请在左侧边栏菜单中导航至跟踪与分析>跟踪代码。
-
- 在嵌入代码区域,点击复制或点击发送邮件给我的网站开发人员,将跟踪代码发送给负责在您的网站上安装代码的团队成员。

- 在您的网站上安装跟踪代码。
在网站安装跟踪代码
安装步骤:将代码粘贴至网站各页面HTML代码中</body>闭合标签之前。安装完成后,请了解如何验证安装状态及排查代码问题。
同时,大多数内容管理系统及您的开发人员可将代码部署至网站所有页面(例如引用于所有页面的页脚文件)。请咨询开发人员获取具体实施支持。
若需在非 HubSpot 托管的页面添加跟踪代码,请将外部网站域名添加至报告设置,以便将其纳入 HubSpot 分析范围。
若您使用特定内容管理系统,以下章节可能提供帮助:
在WordPress网站安装跟踪代码
强烈建议您安装并使用HubSpot全功能营销套件——表单、弹窗、实时聊天WordPress插件。该插件可自动在您的WordPress网站上安装HubSpot跟踪代码。
仅当无法安装HubSpot WordPress插件时,才可手动安装跟踪代码:
- 按照上述步骤在您的 HubSpot 账户中复制 HubSpot 跟踪代码。
- 登录您的 WordPress 账户。
- 在左侧边栏菜单中,导航至外观>编辑器。
- 在编辑器右侧的主题文件列表中,选择您的 页脚文件。
- 粘贴跟踪代码并选择更新文件。
![]()
- 若您手动安装跟踪代码且使用HubSpot 营销中心 订阅,HubSpot在分析中将无法区分WordPress文章与页面。
- 若您的网站托管于WordPress.com,除非使用其商业版方案, 否则无法添加HubSpot跟踪代码。其他方案(如高级版、个人版)均不允许用户添加任何JavaScript代码。
在Shopify网站安装跟踪代码
请注意:若您已安装Shopify(数据同步)集成,HubSpot跟踪代码将自动添加至您的Shopify商店。
- 请按照上述步骤在您的 HubSpot 账户中复制 HubSpot 跟踪代码。
- 登录您的Shopify管理后台。
- 在左侧边栏菜单中,导航至在线商店>主题。
- 点击操作下拉菜单,选择编辑代码。
- 选择您主题对应的theme.liquid文件。

- 将您的 HubSpot 跟踪代码粘贴到该文件中 </body> 标签之前的位置。
- 右上角点击保存。
在Drupal网站安装跟踪代码
- 按照上述步骤在您的 HubSpot 账户中复制跟踪代码。
- 登录您的 Drupal 管理控制台。
- 在主导航菜单中,导航至结构。
- 点击“块”。

- 点击“+ 添加块”。
- 填写新模块的字段信息。将跟踪代码粘贴至模块主体字段,然后点击保存模块。
在Magento网站安装跟踪代码
请按上述步骤在您的HubSpot账户中复制跟踪代码。随后参照Magento设计用户指南,在页眉HTML中安装第三方JavaScript代码。
在Wix网站上安装跟踪代码
通过Wix应用市场向页面添加HTML组件:
- 按照上述步骤复制您HubSpot账户中的HubSpot跟踪代码。
- 在网站控制面板中进入设置。
- 在高级设置中点击自定义代码选项卡。
- 点击右上角的“+ 添加自定义代码”。
- 将跟踪代码粘贴至文本框中。
- 将新工具名称设置为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 Tag Manager代码的页面触发(推荐),请选择"所有页面"选项。

- 点击保存以保存新标签。
- 右上角点击发布以保存容器及标签。

- 若尚未安装,请在您的网站上部署 Google Tag Manager。
将数据归类至HubSpot页面类型的附加代码
var _hsq = window._hsq = window._hsq || [];
_hsq.push(['setContentType', 'CONTENT_TYPE']);
替换 CONTENT_TYPE 文本替换为对应内容类型的表达式,该类型将用于归属信用信息。
- 要将转化归因于网站页面内容类型,请使用表达式
standard-page或site-page。 - 要将归因分配给登陆页面内容类型,请使用表达式
landing-page。 - 要将归因分配给列表页面内容类型,请使用表达式
listing-page。 - 要将积分归因于博客文章内容类型,请使用表达式
blog-post。 - 要为知识文章内容类型分配积分,请使用表达式
knowledge-article。
添加后,外部页面的相关数据将被归入代码中选定的页面类型。请参阅开发者文档了解此代码的工作原理。
