2. 程式人生 > >網站統計功能的設計與實現

網站統計功能的設計與實現

阿新 • • 發佈：2018-11-01


本文簡要介紹網站統計功能的設計與實現。

本文分為以下五個部分：

  1. 埋點設計與實現
  2. 頁面引入
  3. 資料接收
  4. 資料入庫
  5. 統計分析

 

一、埋點設計與實現

在JavaScript中，包含了很多物件，可以用於獲取使用者的資料。比如Document物件用於分析每個載入瀏覽器的 HTML 文件，可以獲得當前文件的域名、URL、及當前文件的標題；Navigator物件包含有關瀏覽器的資訊，可以得到執行瀏覽器的userAgent的值，當前系統的語言；而Screen物件則可以獲得當前螢幕的相關資訊。通過這些物件，我們可以得到一個相當完備的使用者資訊。
另外，通過其他介面，還可以得到使用者的mac地址及IP地址，繼而可以分析出使用者的機器及所在省市區地址等。

我們使用javascript獲取訪問資訊，將統計程式碼偽裝成圖片通過瀏覽器訪問觸發，程式碼實現如下。

 

二、頁面引入

在要做統計的web頁面中引入統計指令碼，並主動將其他介面獲得的mac及ip地址另外傳入，一個簡易的頁面設計如下程式碼所示。

 

三、資料接收

在後臺介面中接收上報上來的資料。我們使用php程式獲取get及post的資料來接收。

上述介面程式獲得的檔案日誌中資料如下所示。

複製程式碼 
17:38:25 http://www.fangbei.org?domain=www.fangbei.org&url=http%3A%2F%2Fwww.fangbei.org%2F_test%2Fstat.html&title=%e6%96%b9%e5%80%8d%e5%b7%a5%e4%bd%9c%e5%ae%a4&referrer=&sh=1920&sw=1080&cd=24&useragent=Mozilla%2F5.0%20(Linux%3B%20U%3B%20Android%205.1.1%3B%20zh-cn%3B%20Mi-4c%20Build%2FLMY47V)%20AppleWebKit%2F533.1%20(KHTML%2C%20like%20Gecko)Version%2F4.0%20MQQBrowser%2F5.4%20TBS%2F025483%20Mobile%20Safari%2F533.1%20MicroMessenger%2F6.3.9.48_refecd3e.700%20NetType%2FWIFI%20Language%2Fzh_CN&platform=Linux%20aarch64&language=zh-CN&usermac=185E0F88F5EF&apmac=185E0F88F5F0
17:38:25 
17:38:25 _GET: Key: domain; Value: www.fangbei.org
17:38:25 _GET: Key: url; Value: http://www.fangbei.org/_test/stat.html
17:38:25 _GET: Key: title; Value: 方倍工作室
17:38:25 _GET: Key: referrer; Value: 
17:38:25 _GET: Key: sh; Value: 1920
17:38:25 _GET: Key: sw; Value: 1080
17:38:25 _GET: Key: cd; Value: 24
17:38:25 _GET: Key: useragent; Value: Mozilla/5.0 (Linux; U; Android 5.1.1; zh-cn; Mi-4c Build/LMY47V) AppleWebKit/533.1 (KHTML, like Gecko)Version/4.0 MQQBrowser/5.4 TBS/025483 Mobile Safari/533.1 MicroMessenger/6.3.9.48_refecd3e.700 NetType/WIFI Language/zh_CN 17:38:25 _GET: Key: platform; Value: Linux aarch64 17:38:25 _GET: Key: language; Value: zh-CN 17:38:25 _GET: Key: usermac; Value: 185E0F88F5EF 17:38:25 _GET: Key: apmac; Value: 185E0F88F5F0 17:38:43 http://www.fangbei.org?domain=www.fangbei.org&url=http%3A%2F%2Fwww.fangbei.org%2F_test%2Fstat.html&title=%e6%96%b9%e5%80%8d%e5%b7%a5%e4%bd%9c%e5%ae%a4&referrer=&sh=1184&sw=720&cd=24&useragent=Mozilla%2F5.0%20(Linux%3B%20U%3B%20Android%204.4.2%3B%20zh-cn%3B%20H60-L01%20Build%2FHDH60-L01)%20AppleWebKit%2F533.1%20(KHTML%2C%20like%20Gecko)Version%2F4.0%20MQQBrowser%2F5.4%20TBS%2F025489%20Mobile%20Safari%2F533.1%20MicroMessenger%2F6.3.9.48_refecd3e.700%20NetType%2FWIFI%20Language%2Fzh_CN&platform=Linux%20armv7l&language=zh-CN&usermac=185E0F88F5EF&apmac=185E0F88F5F0 17:38:43 17:38:43 _GET: Key: domain; Value: www.fangbei.org 17:38:43 _GET: Key: url; Value: http://www.fangbei.org/_test/stat.html 17:38:43 _GET: Key: title; Value: 方倍工作室 17:38:43 _GET: Key: referrer; Value: 17:38:43 _GET: Key: sh; Value: 1184 17:38:43 _GET: Key: sw; Value: 720 17:38:43 _GET: Key: cd; Value: 24 17:38:43 _GET: Key: useragent; Value: Mozilla/5.0 (Linux; U; Android 4.4.2; zh-cn; H60-L01 Build/HDH60-L01) AppleWebKit/533.1 (KHTML, like Gecko)Version/4.0 MQQBrowser/5.4 TBS/025489 Mobile Safari/533.1 MicroMessenger/6.3.9.48_refecd3e.700 NetType/WIFI Language/zh_CN 17:38:43 _GET: Key: platform; Value: Linux armv7l 17:38:43 _GET: Key: language; Value: zh-CN 17:38:43 _GET: Key: usermac; Value: 185E0F88F5EF 17:38:43 _GET: Key: apmac; Value: 185E0F88F5F0 17:38:50 http://www.fangbei.org?domain=www.fangbei.org&url=http%3A%2F%2Fwww.fangbei.org%2F_test%2Fstat.html&title=%e6%96%b9%e5%80%8d%e5%b7%a5%e4%bd%9c%e5%ae%a4&referrer=&sh=592&sw=360&cd=32&useragent=Mozilla%2F5.0%20(Linux%3B%20Android%204.4.2%3B%20H60-L01%20Build%2FHDH60-L01)%20AppleWebKit%2F537.36%20(KHTML%2C%20like%20Gecko)%20Version%2F4.0%20Chrome%2F30.0.0.0%20Mobile%20Safari%2F537.36&platform=Linux%20armv7l&language=zh-CN&usermac=185E0F88F5EF&apmac=185E0F88F5F0 17:38:50 17:38:50 _GET: Key: domain; Value: www.fangbei.org 17:38:50 _GET: Key: url; Value: http://www.fangbei.org/_test/stat.html 17:38:50 _GET: Key: title; Value: 方倍工作室 17:38:50 _GET: Key: referrer; Value: 17:38:50 _GET: Key: sh; Value: 592 17:38:50 _GET: Key: sw; Value: 360 17:38:50 _GET: Key: cd; Value: 32 17:38:50 _GET: Key: useragent; Value: Mozilla/5.0 (Linux; Android 4.4.2; H60-L01 Build/HDH60-L01) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/30.0.0.0 Mobile Safari/537.36 17:38:50 _GET: Key: platform; Value: Linux armv7l 17:38:50 _GET: Key: language; Value: zh-CN 17:38:50 _GET: Key: usermac; Value: 185E0F88F5EF 17:38:50 _GET: Key: apmac; Value: 185E0F88F5F0

 

複製程式碼

 

四、資料入庫

要做統計分析，最終資料都要放放資料庫，

資料庫表設計如下

入庫後如下所示

 

五、統計分析

最後，將獲得的資料進行分析

比如昨天訪問量的SQL查詢語句如下

生成的圖形如下

 

其他生成的統計圖表如下

 

 

基於訪問次數的二次分析-客戶忠誠度的統計如下

相關推薦

EasyDarwin開源流媒體雲平臺之語音對講功能設計與實現

EasyDarwin雲平臺一直在穩步的升級迭代中，近日，EasyDarwin雲平臺實現了語音對講的功能。對講功能的加入，標誌著EasyDarwin雲平臺進一步的完善。 流程設計 客戶端使用POST的方式在body中攜帶協議報文向雲平臺傳送開始對講命令； 雲

網站統計功能的設計與實現

本文簡要介紹網站統計功能的設計與實現。 本文分為以下五個部分： 埋點設計與實現 頁面引入 資料接收 資料入庫 統計分析   一、埋點設計與實現 在JavaScript中，包含了很多物件，可以用於獲取使用者的資料。比如Document

畢業設計-證券宣傳手機微網站的設計與實現

信息 browser .com 接受 熱點 互聯網 計算機網絡 業務 結構 本文介紹基於.net的證券公司宣傳微網站手機網頁的設計與實現方法。 隨著計算機技術的快速發展，基於Web的計算機網絡金融、證券宣傳或交易網站已成為現代金融理財發展的熱點,B/S(Browser/Se

自己主動升級系統的設計與實現（續2） -- 添加斷點續傳功能 （附最新源代碼）

blog down 決定 top lin dom itl com 關於 一.緣起　　　　　　之前已經寫了兩篇關於自己主動升級系統OAUS的設計與實現的文章（第一篇、第二篇）。在為OAUS服務端添加自己主動檢測文件變更的功能（這樣每次部署版本號升級時，能夠節省非常多時間。

商城簽到功能的設計與實現

tex lsp day efault bre 開啟 保存 規則 設置 需求分析 　　1、用戶當天登錄商城，只要簽到就直接獎勵一定的積分或者根據用戶本周或者本月內已經連續簽到的天數進行積分獎勵，後臺可以設置具體的獎勵規則，這裏假設本周內連續登錄三天獎勵 1

Python 的網絡傳輸文件功能的設計與實現

roc 內容 guid 公司 代碼結構 網絡傳輸 智能 類型 模塊 Python 的網絡傳輸文件功能的設計與實現 摘要：Python 是目前較流行的程序設計語言之一，它具有簡單易學代碼簡潔等特點，並且Python 提供了大量的功能庫文件，開發大型應用程序時非常方便，廣泛用於

[原始碼和文件分享]深度學習演算法實驗平臺網站的設計與實現

本文課題構建一個深度學習演算法實驗平臺，是為頸動脈醫療影象深度學習識別斑塊提供服務的。製作一個整合的深度學習工具包，頸動脈醫療影象的深度學習程式碼都可以在本平臺上執行，平臺基於TensorFlow、Caffe、CNTK、Keras、Theano等多種深度學習框架並可以部署在同一硬體環境，因此可以測試

基於雲端儲存的個人部落格網站的設計與實現

**基於雲端儲存的個人部落格網站的設計與實現** 基於雲端儲存的個人部落格網站的設計與實現mysql資料庫建立語句 基於雲端儲存的個人部落格網站的設計與實現oracle資料庫建立語句 基於雲端儲存的個人部落格網站的設計與實現sqlserver資料庫建立語句 基於雲端

基於SSH的個人網站的設計與實現

**基於SSH的個人網站的設計與實現** 基於SSH的個人網站的設計與實現mysql資料庫建立語句 基於SSH的個人網站的設計與實現oracle資料庫建立語句 基於SSH的個人網站的設計與實現sqlserver資料庫建立語句 基於SSH的個人網站的設計與實現spri

[原始碼和文件分享]基於ASP.NET和SQL SERVER資料庫的招聘網站設計與實現

摘 要 本課題是基於網際網路與資料庫技術的網上招聘網站，是先進的計算機科學技術和現代招聘理念相結合的產物，通過使用以ASP.NET技術為基礎，基本實現網上招聘網站的基本功能，滿足了求職者和招聘企業的需求，實現了招聘單位和求職者的雙向選擇，對於求職者檢視崗位和簡歷投遞進度有很大的幫助，本網站收集大

[原始碼和文件分享]基於JSP的校園論壇BBS網站的設計與實現

1 概述 開發校園論壇系統的目的是提供一個供我校學生交流的平臺，為我校學生提供交流經驗、探討問題的社群。因此， 校園論壇系統最基本的功能首先是發表主題，其次是其他人員根據主題發表自己的看法。此外，為了記錄主題的發表者和主題的回覆者資訊，系統還需要提供使用者註冊和登入的功能。只有註冊的使用者登入後

網站日誌統計案例分析與實現

一、Web日誌包含著網站最重要的資訊，通過日誌分析，我們可以知道網站的訪問量，哪個網頁訪問人數最多，哪個網頁最有價值等。一般中型的網站（10w的PV以上），每天會產生1G以上的Web日誌檔案。大型或超大型的網站，可能每小時就產生10G的資料量。 對於日誌的這種規模的資料

模組管理常規功能自定義系統的設計與實現(24--二個模組之間的關聯[2])

父子模組之間關聯操作(2)         上一節介紹了子模組中對父模組的一些相關操作。這一節來看看父模組中對子模組可以進行什麼樣的操作。         一、進入子模組的時候，限定父模組值。

訂單功能模組設計與實現

在商城專案中，之前我們介紹了購物車功能模組的實現，商品加入到購物車之後，就是到購物車結算，然後顯示購物車的商品列表，點選去結算，然後到了未提交前的訂單列表，點選提交訂單後，生成此訂單，返回訂單的訂單號，付款金額，訂單預計到達時間。訂單系統是一個非常重要的系統，我們的移動端、P

離散數學課程網站的設計與實現

**離散數學課程網站的設計與實現** 離散數學課程網站的設計與實現mysql資料庫建立語句 離散數學課程網站的設計與實現oracle資料庫建立語句 離散數學課程網站的設計與實現sqlserver資料庫建立語句 離散數學課程網站的設計與實現spring springM

畢業設計----多功能電子詞典的設計與實現效果展示

此畢業設計實現了：詞語查詢，漢譯英，英譯漢，語句查詢，短語查詢，登入註冊，答題遊戲，快速記憶，單詞本等功能。想要獲取demo原始碼微信搜尋【畢設線上】選擇原始碼下載即可哦。想要學習做畢設的關注微信公眾號

自動升級系統的設計與實現（續2） -- 增加斷點續傳功能 （附最新原始碼）

一.緣起　　　　 　　之前已經寫了兩篇關於自動升級系統OAUS的設計與實現的文章（第一篇、第二篇），在為OAUS服務端增加自動檢測檔案變更的功能（這樣每次部署版本升級時，可以節省很多時間，而且可以避免手動修改帶來的錯誤）後，有部分使用者又提出了一個很好的建議：為OAUS增加斷點續傳功能。因為如果網路狀態不是

【大型網站技術實踐】初級篇：海量圖片的分散式儲存設計與實現

一、研究背景：效能與資金，二者可兼得乎？ 1.1 那麼問題來了？ 　　隨著網際網路的發展，許多大中型的網站都儲存了大量的圖片資源，使用者在訪問這些圖片資源異常豐富的網站（如淘寶、京東等電子商務網站）時，網頁中的圖片資訊佔據了頁面資料流量的很大部分，那麼問題也來了： 　

模組管理常規功能自定義系統的設計與實現(56--開源開發測試版釋出 )

常規功能自定義模組管理系統(cfcmms)開發試用版釋出 此開發試用版中包括所有的前臺js程式碼（Extjs 4），後臺java的大部分開發原始碼（部分打包成了jar）。想要使用的使用者可以

帶有『選擇次數排序』和『搜尋』功能的樹形控制元件設計與實現

一、思想創意 樹形控制元件是軟體操作介面中最常見的一種資料展現控制元件，如下圖所示： 圖1 這就是我們常見的樹形結構，目前有很多樹控制元件可以供我們選擇使用，如zTree、Ext中的樹控制元件，等等。 樹形控制元件這麼多，但實現的功能就是上面這張圖，樹