Ghost博客访问量统计

. 约 3 分钟读完

诶,是不是发重复了啊,昨天不是发过了么?

嘿嘿,昨天是流量统计,今天我们说的是访问量统计,还是不一样哈。

昨天流量统计有两个问题,一个是必须翻墙才能统计到(如果谷歌js文件被墙的情况下),另外一个就是必须去后台查看数据,没有那种前台刷数字的快感。

所以我又翻了一下网络,找到一个简单实现访问量统计的办法。

感谢不蒜子
http://ibruce.info/2015/04/04/busuanzi/

首先我们在Code Injection中Header部分插入如下代码:

<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

然后修改全网footer统计:

cd /var/www/ghost
sudo nano content/themes/nubia/partials/footer.hbs

在文件末尾附近Copyright处修改代码为

          <div class='o-grid__col o-grid__col--4-4-s o-grid__col--2-4-m'>
            <div class='u-font-size-tiny c-footer__copyright'>
              &copy; {{ date format='YYYY' }} {{ @blog.title }} - {{{t "Published with {ghostlink}" ghostlink="<a href=\"https://ghost.org\">Ghost</a>" }}}
本站总计被访问<span id="busuanzi_value_site_pv"></span>次/
<span id="busuanzi_container_site_uv">总访客数&nbsp;<span id="busuanzi_value_site_uv"></span></span>
            </div>
          </div>

修改文章页面显示统计:

sudo nano content/themes/nubia/post.hbs

在分享模块代码处修改为:

        <div class='o-grid__col o-grid__col--4-4-s o-grid__col--4-4-m o-grid__col--2-4-l'>
            {{> share }}
            <div align=right id="busuanzi_container_page_pv" style="font-size: 0.9rem">本篇已被阅读&nbsp;<span id="busuanzi_value_page_pv"></span>次</div>
        </div>

然后别忘记ghost restart让代码生效。

就能实现类似本博客的访问量统计效果了。

没事刷新一下网站,看着数字上涨,果然是闲得无聊呢。


一步步教你从零开始搭博客系列:

本篇已被阅读 


完美的胖达

欢迎来到胖达的竹林 / 作者是人到中年大腹便便的胖达一头 / 说我想说的,写我想写的,拍我想拍的,画我想画的 / 如无意外(偷懒 生病 休假 忙的要死 没东西写)等情况本博客定时更新,时间为GMT零点,望周知

广告

Image Alternative Text

Instagram