利用 JS 跨域做一个简单的页面访问统计系统
其实在大部分互联网 web 产品中,我们通常会用百度统计或者谷歌统计分析系统,通过在程序中引入特定的 JS 脚本,然后便可以在这些统计系统中看到自己网站页面具体的访问情况。但是有些时候,由于一些特殊情况,我们需要自己来设计统计系统。由于前段时间公司的业务需求,我也是自己尝试了下,本文提供的是一个基本思路,统计系统也比较简单。
几个基本统计需求: 1.统计 web 每个页面用户访问量 2.统计用户访问者的和 IP 地址信息 3.页面之间的跳转情况 4.访问高峰时间段
服务器结构:
数据库表设计:
以上只是我简单列举的需求,这边简单的就一张统计表,而这张统计表能满足的需求是不仅仅只是上面四个基本的需求的,可以看需求情况再做相应的业务处理。
tb_visit_count_log
| ID | ip (varchar) | IP 地址 | title(varchar)标题 | cur_page(varchar) 当前页面 | from_page(varchar) 源页面 | time(datetime)日期时间 | app(varchar) 应用 | |—|—|—|—|—|—|—|—|—|—|
数据采集:
我们提交编写一个 JS 脚本,用来抓取当前页面中我们需要的数据,然后通过跨域请求道我们的 Statistics Server 进行存储,便于之后的统计分析业务的操作。
JS 跨域:
我们都知道在开发 web 应用的时候,我们经常利用去请求其它服务器内的脚本资源,src 是 source 的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置。所以利用这一点,我们可以通过 JS 动态创建