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

旧城等待， 2023-10-14 01:17 8阅读 0赞

> 给网站增加访问统计代码，实时监控网站流量情况，是比较常见的业务需求。
> 
> 但是，加上了百度统计的代码，流量访问却没有记录，是怎么回事呢？
> 
> 百度统计官网：[百度统计——一站式智能数据分析与应用平台][Link 1]

![0f40428b91534dd18d911e90ba292f7d.png][]

**目录**

1、排查方法

2、解决办法

3、简单总结

--------------------

## 1、排查方法 ##

> 有可能是你在head标签中加入了这个标签：<meta name="referrer" content="no-referrer"/>
> 
> 这段代码可以绕过，某些网站需要验证referrer信息，如果验证不通过，可能会被拒绝访问。
> 
> 但如果设置不合理，会导致了百度统计代码，没办法监测到你的网站流量情况。

## 2、解决办法 ##

<script src="https://hm.baidu.com/hm.js?应用ID"></script>
    
    
    <script>
    (function () {
      var meta = document.createElement('meta')
      meta.content = 'no-referrer'
      meta.name = 'referrer'
      document.getElementsByTagName('head')[0].appendChild(meta)
    })()
    </script>

> `原理：只需要百度统计代码`在设置`meta`之前执行就行可以解决这个问题。
> 
> 参考文章：[百度统计失效，referrer背锅了][referrer]

## 3、简单总结 ##

>  *  当你百度统计失效时，如果网站`meta`使用了`no-referrer`,如果是在统计脚本之前执行，那么此时需要先执行统计脚本，然后再设置`meta`
>  *  js会阻塞`dom tree`解析，`css`不会阻塞`dom tree`解析，css只会影响`dom tree`的绘制
>  *  `css`的加载是会阻塞`js`的运行的，`css体积`越小影响越小
>  *  外部资源的最佳方式，`header`引入外链`css`,`body`结束标签引入`script`脚本

[Link 1]: https://tongji.baidu.com/
[0f40428b91534dd18d911e90ba292f7d.png]: https://img-blog.csdnimg.cn/0f40428b91534dd18d911e90ba292f7d.png
[referrer]: https://mp.weixin.qq.com/s/6-qUlluhoBK0Na0TsoCn6Q