Monniya

简单,美好,奋发

一只萌哒哒的兔子
走在产品进阶之路


vno主题优化(三)添加博客统计

如果你想对网站访问做个分析,想统计下博客每篇文章的访问人数(如右上角),可能这篇文章能帮到你。

网站统计

对于网站统计,谷歌分析 无疑最佳,各种酷炫功能等你去发现。
使用步骤:
1.注册一个google analytics的账户,创建一个跟踪网站,获取到跟踪ID,如下示例:

2.因为之前加了themes/new-vno/layout/_partial/google_analytics.ejs 文件,所以直接填到主题的配置文件_config.yml中即可,如下:

1
google_analytics: UA-78918255-1

对于不能翻墙的同学,也给你准备了百度统计,功能类似,配置也类似,这个是为了主题配置方便写的,其实直接把这段代码贴到头部,尾部文件都可以
1.注册百度统计的账户,添加网站,获取代码,找到其中的识别码(一串字符)

不想创建文件的可以直接更新github上的主题,可以下面的跳过2,3步骤
2.新建文件,放置位置:themes/new-vno/layout/_partial/baidu_tongji.ejs

添加统计脚本:

1
2
3
4
5
6
7
8
9
10
11
<% if (theme.baidu_tongji) { %>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?<%= theme.baidu_tongji %>";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<% } %>

3.在themes/new-vno/layout/layout.ejs文件加入引用:

1
<%- partial('_partial/baidu_tongji') %>

4.把识别码填到配置文件_config.yml中即可:

1
baidu_tongji: 9cdad07c755fa23f6aced510c6760e87

文章访问统计

这个功能喵神貌似没弄,说实话挺破坏美感的,我放来放去,只能把它放在右上角。凑合看吧。功能用了不蒜子大神的,即统计pv(页面点击量).
可以直接更新github上的主题

或者按以下使用步骤:
1.脚本引用

themes/new-vno/layout/layout.ejs文件中加入以下代码。当然,加在你的footer,header中都可以

1
<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>

2.把点击量显示在每篇文章的右上角

themes/new-vno/layout/post.ejs文件中加入以下代码:加在post-meta那个div中,即文章头部

1
2
3
<span class="page-pv">
&nbsp;阅读&nbsp;<span id="busuanzi_value_page_pv"><i class="fa fa-spinner fa-spin"></i></span>
</span>

其中:id=”busuanzi_value_page_pv”是脚本识别必填,其他都属于样式,
在统计数没加载出来之前有个齿轮转转效果,这个是参考潘神的,齿轮上用了font-awesome字体,也可以自己换。

1
<i class="fa fa-spinner fa-spin"></i>

3.美化样式

/themes/new-vno/source/css/vno.styl文件中加入以下代码:

1
2
3
4
5
6
7
8
9
.post-meta .page-pv {
margin-right: 0.5em;
font-size: 0.8em;
float: right;
}
i.fa.fa-spinner.fa-spin {
font-size: 0.8em;
}

好了,搞定。
相关文章:vno主题优化(一)
相关文章:vno主题优化(二) 添加上下篇导航及优化disqus速度

最近的文章

读《如何阅读一本书》

“有些书可以浅尝即止,有些书是要生吞活剥,只有少数的书是咀嚼与消化的”--弗兰西斯 ∙培根  这两天在看《如何阅读一本书》。相信大家会觉得好笑,牙牙学语时我们就开始识字,到今天也有二十几年了,难道还没学会如何读一本书么?我翻开这本书的目的,是想学习如何更高效的读一本书,那种很难让自己全神贯注几个 …

读读书 继续阅读
更早的文章

情人

 在一个阴暗潮湿的下午,阴郁,延绵小雨不停的下午。看完了《情人》。在此之前,和大多数人一样,只读过那闻名的开头第一段。那段美好又充满沧桑,简洁又富有内涵,不仅为美貌更为时光的坚持所倾倒的完美的一段话。 我已经老了,有一天,在一处公共场所的大厅里,有一个男人向我走来。他主动介绍自己,他对我说:“我认 …

读读书 继续阅读
comments powered by Disqus