WEIC`S BLOG

LeanStatistics.js — 为你的文章添加阅读次数统计

我的项目

LeanStatistics.js是一个基于LeanCloud的轻量网站访问和文章阅读次数统计插件。

演示:https://note.isweic.com/LeanStatistics.js-demo/

安装&&使用

首先在Github获取LeanStatistics.js,然后在你的网站中插入下方代码

<span class="article-alone-item"><i class="fa fa-eye"></i><span class="views views-post" id="填文章链接" title="填文章标题"></span></span>

<script type="text/javascript">
    var config = {
        APP_ID: '此处填APP_ID',
        APP_KEY: '此处填APP_KEY',
        ClasS: '此处填Class',,
        el:'.views',
        elP: '.views-post'
    }
</script>
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js" charset="utf-8"></script>
<script src="//cdn1.lncld.net/static/js/3.1.0/av-min.js" charset="utf-8"></script>
<script src="LeanStatistics.min.js"></script>

在LeanCloud后台获取你的APP_ID和APP_KEY和Class并填入上方对应的双引号内;

上面的代码如果配置无误的话刷新一次页面就会添加或更新一次数据,但是有一些页面是只需要显示而不需要更新数据,比如网站首页,所以在网站首页请使用下方span元素,其实就是删除了上方span元素中一个叫“views-post”的class

<span class="article-alone-item"><i class="fa fa-eye"></i><span class="views" id="填文章链接" title="填文章标题"></span></span>

参数

name Require Note
APP_ID mast Leancloud APP_ID
APP_KEY mast Leancloud APP_KEY
ClasS mast Leancloud Class Name
el mast Home page HTML Element
elP mast Post page HTML Element
加载评论
打赏本文
二维码