给你的站点加上统计分析
给你的站点加上统计分析⌗
背景⌗
最近比较好奇自己的个人网站、博客啥的,是不是真的有人看过,平时写的笔记能被搜索到吗、如果搜索不到要考虑做下SEO了,发现光从VPS的服务商那里根本获取不到啥有帮助的信息,所以调查了下目前网站统计接入的方式,记录下如何快速为自己的网站接入统计功能
统计提供商⌗
虽然市面上有挺多的,但是我建议用两个就行了:
我更喜欢后者的页面,更美观,但美中不足的是,看报告需要翻墙,并且打点的JS文件在国内下载有问题,因此我两个统计都接入了,个人站点免费,因此不用担心费用问题。
百度统计⌗
注册完网站后,你可以在最上面,管理
的Tab下,查看左边的菜单栏,找到 代码管理->代码获取
,可以得到一段携带了你站点唯一ID的htlm段,类似
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?唯一ID";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
把它贴到我们站点的 head
内即可,如果你用的 hugo 作为模版引擎,那么可以看看你的主题是否支持拓展 head,你可以看看主题的git仓库下 themes/yourTheme/layouts/partials
下是否有类似extend_xxxx
的html,如果有,直接在你的网站仓库下添加一个与 layout
相同路径的文件,填入以上代码即可。
如果你的主题没有支持这样的扩展性,你也可以直接把它的原 head.html
拷贝出来,放在你目录的layouts目录下,保持相同路径,即可替换。
谷歌分析⌗
注册账号后,谷歌对于关联域名需要先验证,必须到你的DNS提供商那里解析一条TXT记录,表示这个域名确实归你所有。
然后可以在左边的侧边栏最下面找到 管理->数据流
下找到和百度类似的代码片段
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-xxxxxxxx"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-xxxxxxxx');
</script>
查看其他