前端數據收集（pv/uv）

import. 發布于2019-08-23 16:08 / 2534人閱讀

摘要：之于網站，就像收視率之于電視，從某種程度上已成為投資者衡量商業網站表現的最重要尺度。在同一天內，只記錄第一次進入網站的具有獨立的訪問者，在同一天內再次訪問該網站則不計數。

所謂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云服務器數據收集大數據數據收集大數據收集大數據數據收集

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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