百度统计代码失效怎么办？

给网站增加访问统计代码，实时监控网站流量情况，是比较常见的业务需求。

但是，加上了百度统计的代码，流量访问却没有记录，是怎么回事呢？

百度统计官网：百度统计——一站式智能数据分析与应用平台

目录

1、排查方法

2、解决办法

3、简单总结

---

 1、排查方法

有可能是你在head标签中加入了这个标签：<meta name="referrer" content="no-referrer"/>

这段代码可以绕过，某些网站需要验证referrer信息，如果验证不通过，可能会被拒绝访问。

但如果设置不合理，会导致了百度统计代码，没办法监测到你的网站流量情况。

2、解决办法

<!-- 百度统计 -->
<script src="https://hm.baidu.com/hm.js?应用ID"></script>

<!-- 动态构造一个 <meta name="referrer" content="no-referrer"/>  -->
<script>
(function () {
  var meta = document.createElement('meta')
  meta.content = 'no-referrer'
  meta.name = 'referrer'
  document.getElementsByTagName('head')[0].appendChild(meta)
})()
</script>

原理：只需要百度统计代码在设置meta之前执行就行可以解决这个问题。

参考文章：百度统计失效，referrer背锅了

3、简单总结

• 当你百度统计失效时，如果网站meta使用了no-referrer,如果是在统计脚本之前执行，那么此时需要先执行统计脚本，然后再设置meta

• js会阻塞dom tree解析，css不会阻塞dom tree解析，css只会影响dom tree的绘制

• css的加载是会阻塞js的运行的，css体积越小影响越小

• 外部资源的最佳方式，header引入外链css,body结束标签引入script脚本