前端数据收集（pv/uv）

import. 发布于2019-08-23 16:08 / 2514人阅读

摘要：之于网站，就像收视率之于电视，从某种程度上已成为投资者衡量商业网站表现的最重要尺度。在同一天内，只记录第一次进入网站的具有独立的访问者，在同一天内再次访问该网站则不计数。

所谓web,即使你我素未谋面，便知志趣相投；足不出户，亦知世界大。

01 — 什么是PV/UV

网站流量分析，是指在获得网站访问量基本数据的情况下对有关数据进行统计、分析，从中发现用户访问网站的规律，并将这些规律与网络营销策略等相结合，从而发现目前网络营销活动中可能存在的问题，并为进一步修正或重新制定网络营销策略提供依据。这是来自网络营销管理的角度来考虑的。

既然是流量分析，要分析就要有数据，这些数据来自哪里？这就涉及到常用的网站流量分析的指标：PV/UV。

1.什么是pv?

PV(page view)，即页面浏览量，或点击量;通常是衡量一个网站的主要指标。

高手对pv的解释是，一个访问者在24小时(0点到24点)内到底看了你网站几个页面。这里需要强调:同一个人浏览你网站同一个页面，不重复计算pv量，点100次也算1次。说白了，pv就是一个访问者打开了你的几个页面。

PV之于网站，就像收视率之于电视，从某种程度上已成为投资者衡量商业网站表现的最重要尺度。

2.什么是uv?

uv(unique visitor)，指访问某个站点不同IP地址的数量。当然这是基于ip的统计解释。

在同一天内，uv只记录第一次进入网站的具有独立IP的访问者，在同一天内再次访问该网站则不计数。独立IP访问者提供了一定时间内不同用户数量的统计指标，而没有反应出网站的全面活动。

02 — 如何统计PV/UV

对pv/uv有了字面上的认识，那就可是使用一定的策略来收集这些数据，先来说说pv,pv既然是基于页面的，对于大多数网页来说，每一个页面都会有一个对应的地址（url）,我们需要做的便是去检测这个页面地址的变化，只有当页面地址变化了，这个时候我们认为用户离开了当前页面，跳转到其他页面了。我们放上代码看看：

//监听页面变化
(function (window) {
// 如果浏览器原生支持该事件,则退出  
  var location = window.location,
  oldURL = location.href,
  oldHash = location.hash;
  // 每隔100ms检测一下location.hash是否发生变化
  setInterval(function () {
    var newURL = location.href,
    newHash = location.hash;
  // 如果hash发生了变化,且绑定了处理函数...
  if (newHash != oldHash) {
      oldURL = newURL;
      oldHash = newHash;
      uploadUserData(4, null);
  }
 }, 500);
})(window);

然后当我们上传这些数据到后端的时候，我们需要去记录每一个页面地址所对应的ip,这样才能算出网站的pv数量。

我们继续来看如何收集uv,既然uv和用户ip有关，那么我们就需要去拿到访问者的ip地址。那问题来了，用户的ip地址从哪里获取呢？熟悉web的同学一下子就联想到http请求了。是的，我们的每一个客户端请求都会携带用户端的信息，这些信息都会在请求头里面。现在我们直接看项目实现：

function getClientIP(req) {
  var ip = req.headers["x-forwarded-for"] ||
  req.ip ||
  req.connection.remoteAddress ||
  req.socket.remoteAddress ||
  req.connection.socket.remoteAddress || "";
  if (ip.split(",").length > 0) {
    ip = ip.split(",")[0]
  }
  return ip;
};

这是一个获取ip的帮助方法，入参便是请求上下文的request（nodejs）对象,然后我们就拿到了用户的ip。

03 — 项目实战

现在我们基础数据都有了，现在就可以对这些数据进行分类计算了，妈妈再也不用担心我的学习了，哈哈。说一千道一万，来点干货，直接看项目。

传送门：web-monitor

喜欢请点个赞呗

或者去https://github.com/kisslove/w... Star一下

或者打赏一下

再或者……

哈哈，想法有点多了。

云服务器 GPU云服务器数据收集大数据数据收集大数据收集大数据数据收集

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/102726.html

前端数据收集（pv/uv）

摘要：之于网站，就像收视率之于电视，从某种程度上已成为投资者衡量商业网站表现的最重要尺度。在同一天内，只记录第一次进入网站的具有独立的访问者，在同一天内再次访问该网站则不计数。所谓web,即使你我素未谋面，便知志趣相投；足不出户，亦知世界大。 01 — 什么是PV/UV 网站流量分析，是指在获得网站访问量基本数据的情况下对有关数据进行统计、分析，从中发现用户访问网站的规律，并将这些规律与网...

lolomaco 2019-06-26 17:58 评论0 收藏0
前端监控和前端埋点方案设计

摘要：异常监控包括前端脚本执行报错等。本文针对整个前端监控，设计适用的方案。前端埋点系统的前后端通信加密在上报数据的前后端通信中，需要和端协商加密机制，利用库来实现的加密，已经是一个广泛被采用的加密算法。在线上项目中,需要统计产品中用户行为和使用情况，从而可以从用户和产品的角度去了解用户群体，从而升级和迭代产品，使其更加贴近用户。用户行为数据可以通过前端数据监控的方式获得，除此之外，前端还...

April 2019-08-29 16:14 评论0 收藏0
前端监控和前端埋点方案设计

摘要：异常监控包括前端脚本执行报错等。本文针对整个前端监控，设计适用的方案。前端埋点系统的前后端通信加密在上报数据的前后端通信中，需要和端协商加密机制，利用库来实现的加密，已经是一个广泛被采用的加密算法。在线上项目中,需要统计产品中用户行为和使用情况，从而可以从用户和产品的角度去了解用户群体，从而升级和迭代产品，使其更加贴近用户。用户行为数据可以通过前端数据监控的方式获得，除此之外，前端还...

Hwg 2019-08-23 10:37 评论0 收藏0