推荐放在<head>里且紧贴</head>前，以确保页面渲染初期即初始化tracker，捕获快速关闭、跳转前等完整访问行为；放<body>底部可能因DOM延迟或JS错误导致统计失效。
直接把百度统计的 <script> 片段插入 <head> 或 <body> 底部即可，但位置和加载时机会影响数据准确性。
百度统计代码应该放 <head> 还是 <body>？
推荐放在 <head> 里，且紧贴 </head> 前。这样能确保在页面开始渲染时就初始化 tracker，捕获更完整的访问行为（比如用户快速关闭页面、跳转前的停留等）。
如果放 <body> 底部，可能因 DOM 加载延迟或 JS 错误导致统计失效；若网站用了 SSR 或首屏直出，<head> 位置也更容易被搜索引擎和爬虫识别为合法埋点。
- 不要放在
<head>最开头（避免阻塞 CSS/字体加载） - 不要包裹在
document.addEventListener('DOMContentLoaded', ...)里——百度自己的脚本已做异步处理，再包一层反而可能漏触发 - 确认代码中
hm.js路径未被本地代理或防火墙拦截（可打开浏览器开发者工具的 Network 标签页过滤hm.js检查是否 200）
如何验证百度统计代码是否生效？
刷新页面后，在浏览器开发者工具 Console 中执行：typeof _hmt，返回 "object" 表示 SDK 已加载；再执行：_hmt.push(['_trackPageview'])（手动触发一次 PV），然后去百度统计后台「实时访客」看是否出现新记录。
立即学习“前端免费学习笔记（深入）”；
常见失效现象：
-
Uncaught ReferenceError: _hmt is not defined→ 脚本未加载或加载顺序错（比如放在了依赖_hmt的自定义 JS 后面） - 控制台报
Failed to load resource: net::ERR_BLOCKED_BY_CLIENT→ 浏览器插件（如广告屏蔽器）拦截了hm.baidu.com/hm.js? - 后台“今日流量”一直为 0，但实时访客有数据 → 可能是站点域名未在百度统计后台正确绑定（检查「管理 > 站点设置 > 域名列表」）
单页应用（SPA）需要额外处理吗？
需要。百度统计默认只在页面首次加载时调用 _trackPageview，Vue/React 等 SPA 路由切换不刷新页面，必须手动上报新路由。
以 Vue Router 为例，在路由守卫中加：
router.afterEach(to => {
if (typeof _hmt !== 'undefined') {
_hmt.push(['_trackPageview', to.fullPath]);
}
});
注意点：
- 确保
_hmt已存在再调用，避免报错中断后续逻辑 - 不要在
beforeEach里调用，此时 DOM 可能未更新，路径值不准 - React Router v6 没有全局守卫，需在每个
<Route>组件内用useEffect+useLocation手动触发
最易被忽略的是：百度统计后台的「站点域名」必须和实际访问地址完全一致（包括 www、协议、端口），哪怕只是少了个 https://，也会导致数据归不到该站点下。调试时先用 Chrome 无痕窗口+禁用所有插件测试，排除干扰。
