跳到内容
请注意::本文仅为方便您阅读而提供。本文由翻译软件自动翻译,可能未经校对。本文的英文版应被视为官方版本,您可在此找到最新信息。您可以在此处访问。

安装 HubSpot 跟踪代码

上次更新时间: 2025年12月3日

可与以下任何订阅一起使用,除非另有说明:

HubSpot 跟踪代码是每个 HubSpot 账户专属的,可让 HubSpot监控您的 网站流量。该跟踪代码会自动包含在 HubSpot 博客页面、着陆页和网站页面中。

若您存在外部托管页面(即非HubSpot托管的页面),必须手动安装HubSpot跟踪代码才能捕获这些页面的分析数据。

深入了解跟踪代码如何帮助您追踪网站访客

若您使用 HubSpot 跟踪代码 您的访客 数据将被收集并用于监测网站流量。HubSpot还会利用追踪代码收集的部分数据改进其产品与服务,包括Breeze Intelligence商业数据集。您可通过账户设置关闭与HubSpot的数据共享功能。了解更多关于 HubSpot追踪代码收集的数据信息

请注意:

 

复制您的 HubSpot 跟踪代码

  1. 在 HubSpot 帐户中,单击顶部导航栏中的 settings“设置”图标
  2. 请导航至跟踪与分析设置:
    • 其他所有订阅类型,请在左侧边栏菜单中导航至跟踪与分析>跟踪代码
  3. 嵌入代码区域,点击复制或点击发送邮件给我的网站开发人员,将跟踪代码发送给负责在您的网站上安装代码的团队成员。

    The "Tracking code installation" settings, showing the "Embed code" section and highlighting the "Copy" button below the embed code.
  4. 在您的网站上安装跟踪代码

在网站安装跟踪代码

安装步骤:将代码粘贴至网站各页面HTML代码中</body>闭合标签之前。安装完成后,请了解如何验证安装状态及排查代码问题

同时,大多数内容管理系统及您的开发人员可将代码部署至网站所有页面(例如引用于所有页面的页脚文件)。请咨询开发人员获取具体实施支持。

若需在非 HubSpot 托管的页面添加跟踪代码,请将外部网站域名添加至报告设置,以便将其纳入 HubSpot 分析范围。 

若您使用特定内容管理系统,以下章节可能提供帮助:

请注意:由于每个网站的结构不同,这些步骤可能并非访问HTML代码的确切指南。若不确定如何访问网站HTML代码,请联系网站管理员、IT部门或开发人员,并向其展示本文内容。
 

在WordPress网站安装跟踪代码

强烈建议您安装并使用HubSpot全功能营销套件——表单、弹窗、实时聊天WordPress插件。该插件可自动在您的WordPress网站上安装HubSpot跟踪代码。

仅当无法安装HubSpot WordPress插件时,才可手动安装跟踪代码:

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

请注意:
  • 若您手动安装跟踪代码且使用HubSpot 营销中心 订阅,HubSpot在分析中将无法区分WordPress文章与页面。
  • 若您的网站托管于WordPress.com,除非使用其商业版方案, 否则无法添加HubSpot跟踪代码。其他方案(如高级版、个人版)均不允许用户添加任何JavaScript代码

在Shopify网站安装跟踪代码

请注意:若您已安装Shopify(数据同步)集成,HubSpot跟踪代码将自动添加至您的Shopify商店。 


  1. 请按照上述步骤在您的 HubSpot 账户中复制 HubSpot 跟踪代码。
  2. 登录您的Shopify管理后台。
  3. 在左侧边栏菜单中,导航至在线商店>主题
  4. 点击操作下拉菜单,选择编辑代码
  5. 选择您主题对应的theme.liquid文件。

  1. 将您的 HubSpot 跟踪代码粘贴到该文件中 </body> 标签之前的位置。
  2. 右上角点击保存

在Drupal网站安装跟踪代码

  1. 按照上述步骤在您的 HubSpot 账户中复制跟踪代码。
  2. 登录您的 Drupal 管理控制台。
  3. 在主导航菜单中,导航至结构
  4. 点击“块”

  1. 点击“+ 添加块”。
  2. 填写新模块的字段信息。将跟踪代码粘贴至模块主体字段,然后点击保存模块

在Magento网站安装跟踪代码

按上述步骤在您的HubSpot账户中复制跟踪代码。随后参照Magento设计用户指南,在页眉HTML中安装第三方JavaScript代码。

在Wix网站上安装跟踪代码

通过Wix应用市场向页面添加HTML组件:

  1. 按照上述步骤复制您HubSpot账户中的HubSpot跟踪代码。
  2. 在网站控制面板中进入设置
  3. 高级设置中点击自定义代码选项卡。
  4. 点击右上角的“+ 添加自定义代码”。
  5. 将跟踪代码粘贴至文本框中。 
  6. 将新工具名称设置为HubSpot 跟踪代码
  7. “添加代码到页面”下,勾选“所有页面单选按钮并通过下拉菜单 选择“在新建页面加载代码”。
  8. 代码放置位置部分,选择“正文末尾 ”单选按钮
  9. 点击"应用 "保存更改。
若您的Wix网站使用在线聊天机器人功能,可选择:- 参照上述步骤将聊天流程添加至所有页面- 或与开发人员协作,通过聊天小部件SDK定位特定页面使用.widget-refresh方法可在不同页面指定不同聊天流程。更多详情请参阅HubSpot开发者文档。 
 

在Joomla网站安装跟踪代码

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

您可从Joomla扩展目录中选择扩展程序,将HubSpot跟踪代码粘贴其中。或按以下步骤安装跟踪代码:

  1. 以管理员身份登录您的Joomla账户。
  2. 在主导航菜单中依次进入:扩展>模板>模板
  3. 点击您的模板名称,在左侧边栏菜单中选择index.php
  4. 将HubSpot跟踪代码粘贴在</body>标签正上方。
  5. 点击保存

在 Squarespace 网站上安装跟踪代码

  1. 按照上述步骤在您的 HubSpot 账户中复制 HubSpot 跟踪代码。
  2. 登录您的 Squarespace 账户。
  3. 在左侧边栏菜单中,导航至设置
  4. 在菜单的"网站"部分,依次进入"高级",然后选择"代码注入"。
  5. 将跟踪代码粘贴至页眉字段。
  6. 点击左上角的保存按钮

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

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

  1. 点击标签配置
  2. 标签类型中选择自定义HTML标签。然后为标签命名。
  3. 将跟踪代码粘贴至HTML字段。
  4. 标签配置下方,点击触发器设置触发规则。若未设置触发规则,标签将不会触发,HubSpot分析数据亦无法收集。
  5. 若需使标签在所有安装Google Tag Manager代码的页面触发(推荐),请选择"所有页面"选项。

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

  1. 若尚未安装,请在您的网站上部署 Google Tag Manager

将数据归类至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 帮助