之前想在自己的网站加一个统计访问人数的功能,但是又懒得创建一个数据库来保存数据。这个时候突然想起CNZZ有一个显示访问信息的代码,于是就直接通过它来改了。

0x01

首先,需要去CNZZ 开启“数据形式”代码功能,然后看一下浏览器的地址栏,把SiteID记下来,就是地址栏中 siteid 背后的那串数字。

0x02

删除页面中原有的CNZZ统计代码,换成下面这段代码:

<span id="cnzz_stat" style="display: none;">
<script src="//s95.cnzz.com/z_stat.php?&online=1&show=line&id=你的SiteID" type="text/javascript"></script>
</span>
<script type="text/javascript">
 window.onload = function() {
 	$('#a_id').html($("#cnzz_stat > a").text().match(/[\[#]([\s\S]*?)[\]#]/g)[0].replace("[", "").replace("]", ""));
 	$('#a_pv').html($("#cnzz_stat > a").text().match(/[\[#]([\s\S]*?)[\]#]/g)[1].replace("[", "").replace("]", ""));
 	$('#a_yid').html($("#cnzz_stat > a").text().match(/[\[#]([\s\S]*?)[\]#]/g)[2].replace("[", "").replace("]", ""));
 	$('#a_yid').html($("#cnzz_stat > a").text().match(/[\[#]([\s\S]*?)[\]#]/g)[3].replace("[", "").replace("]", ""));
 	$('#a_ol').html($("#cnzz_stat > a").text().match(/[\[#]([\s\S]*?)[\]#]/g)[4].replace("[", "").replace("]", ""));
 }
</script>

然后在想要显示统计信息的地方插入这段代码,样式可以自己修改:

<p>
	 | 今日IP:<span class="text-primary" id="a_id"></span>
         | 今日PV:<span class="text-primary" id="a_pv"></span>
         | 昨日IP:<span class="text-primary" id="a_yid"></span>
         | 昨日PV:<span class="text-primary" id="a_ypv"></span>
         | 当前在线:<span class="text-primary" id="a_ol"></span>
</p>

具体的效果可以看这里:首页 | MCBBS Searcher