选择并注册一个网站统计服务
你需要选择一个合适的统计工具,目前主流的选择分为两大类：
谷歌分析
这是全球使用最广泛、功能最强大的免费网站分析工具，它提供非常详细的数据，包括用户行为、流量来源、用户画像等。
百度统计
这是在中国市场使用最广泛的免费统计工具，尤其适合主要面向中国用户的网站,它在数据采集的准确性和对国内搜索引擎的追踪方面有优势。
其他选择：
- Microsoft Clarity: 免费，提供用户行为热力图、会话录制等功能，与 Google Analytics 可以互补使用。
- CNZZ (中国站长站): 老牌的国内统计工具，后被阿里巴巴收购,依然有很多人使用。
- Cloudflare Analytics: 如果你使用 Cloudflare 作为 CDN 或 DNS 服务，它会内置一个免费的、性能优异的分析工具。
对于绝大多数网站，从 Google Analytics 或 百度统计 开始就足够了,本指南将以这两个工具为例。
第二步：获取统计代码（以 Google Analytics 和 百度统计 为例）
一旦你选择了工具并注册了账号,就可以轻松获取代码了。
A. 如何获取 Google Analytics (GA4) 代码
Google Analytics 已经升级到 GA4,获取代码的方式与旧版本不同。
步骤 1：创建数据流
- 登录你的 Google Analytics 账号。
- 在左下角的“管理”齿轮图标中，选择你要操作的“账号”和“媒体资源”。
- 在“媒体资源”列下，点击“数据流”。
- 点击“创建数据流”按钮。
- 选择“网站”，然后点击“下一步”。
- 输入你的网站网址（
https://www.yourwebsite.com）和流名称（通常会自动填充），然后点击“创建流”。
步骤 2：获取代码和安装说明
-
创建成功后，Google 会自动为你生成代码块和安装说明。
-
你会看到一个 gtag.js 的代码块,看起来像这样：
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XXXXXXXXXX'); </script> -
G-XXXXXXXXXX就是你网站的唯一跟踪 ID,请务必复制完整的代码块。
安装位置：
这段代码需要安装在你网站 所有页面 的 <head> 标签内，通常是网站的公共头部文件中（header.php, head.html 等）,这样能确保每个页面加载时都会执行统计代码。
B. 如何获取百度统计代码
步骤 1：创建站点
- 登录你的 百度统计账号。
- 点击“网站列表”页面的“添加网站”按钮。
- 输入你的网站网址，选择网站行业，然后点击“下一步”。
- 系统会为你生成一个站点 ID（一串数字，
1234567890）。
步骤 2：获取代码和安装说明
-
在创建站点的页面，你会看到完整的统计代码块,通常包含两部分：
- 第一部分是
hm.js的核心脚本。 - 第二部分是一些可选的配置代码（如转化跟踪、热力图等）。
- 第一部分是
-
你需要复制的是第一部分的核心代码,它看起来像这样：
<script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1234567890"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> -
请注意将
hm.js?后面的1234567890替换为你自己的站点 ID。
安装位置：
与 Google Analytics 类似，这段代码也需要安装在你网站 所有页面 的 <head> 标签内,通常放在网站公共的头部文件中。
第三步：将代码安装到你的网站上
获取到代码后，如何将它添加到你的网站,取决于你的网站类型。
方法 1：通过网站管理系统（最推荐）
如果你使用的是 WordPress, Joomla, Drupal 等内容管理系统，这是最简单、最安全的方法。
- WordPress:
- 安装一个插件，如 Insert Headers and Footers 或 Google Analytics for WordPress by MonsterInsights。
- 在插件设置中，将你复制的统计代码粘贴到 “Header” (头部) 或 “Before ” (在/head标签前) 的文本框中。
- 保存更改即可，这样即使你更换主题,代码也不会丢失。
方法 2：直接编辑网站模板文件
如果你有能力直接修改网站的源代码,这是最直接的方法。
- 通过 FTP (如 FileZilla) 或你的主机控制面板的文件管理器,登录到你的网站服务器。
- 找到你的主题或模板文件夹，你需要编辑的通常是
header.php或head.html文件。 - 打开这个文件，找到
<head>和</head>- 将你复制的统计代码粘贴到
</head>标签的前面一行。- 保存文件并上传回服务器。
- 将你复制的统计代码粘贴到
方法 3：通过网站构建器
- Wix: 在 Wix 编辑器中，进入“营销与SEO” > “跟踪和分析” > “整合分析工具”，然后选择 Google Analytics 或添加自定义代码。
- Squarespace: 在后台设置中，找到“外部工具” > “代码注入”，然后将代码粘贴到“页眉”部分的代码框中。
- Shopify: 在 Shopify 后台，进入“在线商店” > “主题”，点击“操作” > “编辑代码”，找到
theme.liquid文件，将代码粘贴在<head>标签内。
第四步：验证代码是否安装成功
安装完代码后，不要急着关闭页面,验证代码是否正常工作至关重要。
-
使用工具验证：
- Google Analytics: 在 GA4 的“报告”页面，等待一段时间（通常24小时内），查看“实时”报告，访问你的网站，如果能看到实时在线用户,说明代码安装成功。
- 百度统计: 在百度统计的“实时访客”页面，访问你的网站，如果能看到有新的访问记录,说明代码安装成功。
-
使用浏览器插件验证（非常方便）：
- 在你的浏览器（如 Chrome, Firefox）中安装 “Google Tag Assistant” 插件。
- 访问你的网站。
- 点击浏览器右上角的 Tag Assistant 图标。
- 它会告诉你当前页面加载了哪些跟踪代码（包括你的 GA4 或百度统计代码），并显示其状态是否为“已检测”,这是最快捷的验证方式。
重要注意事项
- 网站速度： 统计代码会增加网站的 HTTP 请求，可能会对页面加载速度产生微小影响，确保代码是异步加载的（GA4 和百度统计默认都是异步的），并尽量将代码放在
<head>的底部,以减少对页面主要内容渲染的阻塞。 - GDPR 和隐私法规： 在欧盟、加州等地区，网站必须遵守隐私法规，你可能需要在网站上添加一个 Cookie 声明或隐私政策，并告知用户你正在使用分析工具来收集数据，许多 WordPress 插件可以帮助你实现这一点。
- 代码位置： 务必将代码放在
<head>标签内，而不是<body>的末尾，虽然放在末尾也能工作，但放在头部可以更早地开始收集数据,尤其是在单页应用中。
希望这份详细的指南能帮助你成功获取并安装网站统计代码！
