网站统计功能的设计与实现

本文简要介绍网站统计功能的设计与实现。

本文分为以下五个部分：

1. 埋点设计与实现
2. 页面引入
3. 数据接收
4. 数据入库
5. 统计分析

 

一、埋点设计与实现

在JavaScript中，包含了很多对象，可以用于获取用户的数据。比如Document对象用于分析每个载入浏览器的 HTML 文档，可以获得当前文档的域名、URL、及当前文档的标题；Navigator对象包含有关浏览器的信息，可以得到运行浏览器的userAgent的值，当前系统的语言；而Screen对象则可以获得当前屏幕的相关信息。通过这些对象，我们可以得到一个相当完备的用户信息。
另外，通过其他接口，还可以得到用户的mac地址及IP地址，继而可以分析出用户的机器及所在省市区地址等。

我们使用javascript获取访问信息，将统计代码伪装成图片通过浏览器访问触发，代码实现如下。

 

二、页面引入

在要做统计的web页面中引入统计脚本，并主动将其他接口获得的mac及ip地址另外传入，一个简易的页面设计如下代码所示。