隐藏百度统计的图标

百度统计目前已经拥有了谷歌分析的大部分日常功能,所以自从谷歌被墙,相信大部分人已经改用百度统计了。但百度统计默认会在你的网站上添加一个图标隐藏百度统计的图标。我觉得这个图标破坏网站的风格,显得很土气,打算把它去除(隐藏)掉。
这个倒也好办,尝试给百度统计代码前后增加一个display为none的DIV:

1
2
3
4
document.write("<div style='display:none;'>");//增加一个display:none的DIV
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%×××××××××××××××××' type='text/javascript'%3E%3C/script%3E"));//百度统计代码
document.write("</div>");//关闭DIV标签

保存后在Chrome里看网站,小图标果然隐藏掉了。不过别高兴的太早,换IE9以及更早版本的IE浏览器再看,这个小图标还是在那。
用IE11的F12工具,在IE9以下模式下看代码,发现百度统计的图标被加载到了这个DIV的后面:
baiduicon_2

所以在JS里添加这个DIV的办法兼容性不太好,干脆直接用HTML里写一个DIV,在所有浏览器里测试就都OK了。

1
2
3
4
5
6
<div style="display:none;">
<script>
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%×××××××××××××××××' type='text/javascript'%3E%3C/script%3E"));
</script>
</div>

折腾了这些,才想到去百度统计的后台看看,居然自带隐藏图标的设置,一口鲜血喷涌而出。把下图中的“显示图标”前的钩去掉,再保存设置,图标就在你的网站上隐藏了,:
baiduicon_3

原来根本不用改代码,不过用加隐藏容器的办法也是奏效的,DIV中的JS还是会执行,不会造成漏统计,只是官方自己提供了隐藏的设置,更加方便了我们。

本站所有文章均为原创,欢迎转载,请注明文章出处:https://blog.brain1981.com/898.html。百度和各类采集站皆不可信,搜索请谨慎鉴别。技术类文章一般都有时效性,本人习惯不定期对自己的博文进行修正和更新,因此请访问出处以查看本文的最新版本。

如本文对你有用,请在页面右侧栏扫码领取我的支付宝红包,作为打赏吧 (喂到底是我赏你还是你赏我啊-_-!)

关注我们的微信公众号-JennyStudio 本站记录了近几年的工作中遇到的一些技术问题和解决过程,“作品集”还收录了本人的大部分作品展示。除了本博客外,我们的工作室网站 – JennyStudio,内有更多作品回顾和展示。
您也可以扫描左边的二维码,关注我们的微信公众号,在微信上查看我们的案例。

1 关于 “隐藏百度统计的图标” 的评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注