本文简要介绍网站统计功能的设计与实现。
本文分为以下五个部分:
- 埋点设计与实现
- 页面引入
- 数据接收
- 数据入库
- 统计分析
一、埋点设计与实现
在JavaScript中,包含了很多对象,可以用于获取用户的数据。比如Document对象用于分析每个载入浏览器的 HTML 文档,可以获得当前文档的域名、URL、及当前文档的标题;Navigator对象包含有关浏览器的信息,可以得到运行浏览器的userAgent的值,当前系统的语言;而Screen对象则可以获得当前屏幕的相关信息。通过这些对象,我们可以得到一个相当完备的用户信息。
另外,通过其他接口,还可以得到用户的mac地址及IP地址,继而可以分析出用户的机器及所在省市区地址等。
我们使用javascript获取访问信息,将统计代码伪装成图片通过浏览器访问触发,代码实现如下。
二、页面引入
在要做统计的web页面中引入统计脚本,并主动将其他接口获得的mac及ip地址另外传入,一个简易的页面设计如下代码所示。