前言
我之前提到了开发者秘籍,如下所示:
我刚完成第9项目后我突发奇想,如何知道每天到底增加了多少用户?
如果我推广产品后,如何知道推广的效果?
简单来说,就是我该如何统计网页访问量?
我思考了一下,如果要自己实现的话,有以下步骤要做:
开发一个统计接口
通过 js 发送 ajax 请求到这个接口
服务器通过请求头数据对客户端类型、ip进行统计
开发一个统计分析管理界面
这些步骤至少要话一个礼拜去实现。
我搜索后,发现了一个非常简单的方案,那就是使用百度统计即可。
步骤很简单,如下:
1.登录百度统计
2.创建网站项目
3.将统计代码嵌入网页
4.验证网页可行性
5.查看界面统计
登录百度统计
地址:https://tongji.baidu.com/
登录后,点击使用设置界面,打开网站列表。
创建网站项目
点击新增网站后,输入网站信息即可,很简单。
将统计代码嵌入网页
点击左侧“代码获取”,然后点击“复制代码”,如下图:
然后将代码嵌入到自己的网页中即可,由于我使用的是vitepress,所以只需将代码放到config.mts文件中即可,如下图所示:
然后将代码提交到github,部署后刷新网站内容,然后进入下一步即可
验证网页可行性
将代码嵌入到网页中后,可以通过浏览器打开网页源码查看网页是否成功嵌入代码,如下图所示:
可以看到多了一个script标签,内容就是从百度统计复制的代码。
然后点击“代码安装检查”,就可以看到网站是否成功安装:
添加图片注释,不超过 140 字(可选)
可以看到,结果为“代码安装正确”则说明安装成功。
查看界面统计
然后就可以在概况中查看访问统计了,如下图所示:
总结
自己做网站统计会比较麻烦,而且还没有百度或者谷歌统计做的好,使用成熟的网页统计方案,可以快速对网站进行统计,可以分析自己每天到底吸引了多少用户。
百度统计原理其实也很简单,就是用js脚本,向服务器发送统计请求,然后就可以记录访问者ip了。
另外,我将上述步骤的网站代码开源了,大家可以看看哈:https://github.com/lyming99/wenzdoc_web