首頁 > 後端開發 > php教程 > CheckStat 是如何建立的:即時網站分析

CheckStat 是如何建立的:即時網站分析

WBOY
發布: 2024-08-26 22:30:32
原創
593 人瀏覽過

什麼是 CheckStat

CheckStat 是我開發的一個項目,旨在幫助網站所有者、開發人員和分析師更好地了解其網路資源上發生的情況。該工具可讓您即時追蹤訪客在您網站上的行為。分析這些統計數據可以幫助您做出更明智的決策並提高網站的效能。

1. 活動

在「活動」部分,您可以即時查看訪客在您網站上的活動。這可以讓您全面了解誰現在在您的網站上、他們在做什麼以及他們來自哪裡。

How CheckStat was created: Real-time site analytics

  • 每個訪客都有獨特的圖示:您網站上的每個使用者都由一個唯一的圖示代表,從而更容易識別他們。您可以為每位訪客自訂圖標,選擇並鎖定特定圖像。
  • 存取時間資訊:根據您的時區顯示訪客進入您網站的時間,這有助於與網站上的本地活動或促銷活動同步資料。
  • 造訪計數:系統顯示使用者今天、本月以及整體造訪網站的次數,幫助您衡量常客的忠誠度和活動。
  • URL 和頁面標題:每次造訪時,都會顯示他們正在查看的頁面的 URL 和標題,幫助您了解哪些內容吸引了使用者的注意。
  • 地理位置:您可以查看訪客來自的國家、地區和城市。這對於分析受眾的地理分佈非常重要。
  • 使用者活動:追蹤點擊、滑鼠移動、按鍵、感測器互動和捲動等參數,讓您全面了解使用者與您網站的互動。
  • 技術細節:系統提供有關使用者作業系統、瀏覽器、裝置類型和螢幕解析度的資訊。這些數據有助於優化不同設備的內容和設計。
  • 流量來源:您可以查看訪客來自哪裡(例如搜尋引擎、社群網路或其他網站),幫助您評估行銷活動的有效性。

此外,在「活動」部分中,您可以啟動過濾器以僅顯示與該網站互動的活躍用戶。這使您可以專注於與您的內容最相關的用戶。

預設啟用自動刷新,新的存取會以動畫即時顯示。此功能可協助您立即對網站上的變更做出反應,例如在促銷或行銷活動期間。

2. 統計

「統計」部分旨在進行更深入的分析。在這裡,您可以收集和分析任何時間段的數據,而不僅限於標準時間間隔。

How CheckStat was created: Real-time site analytics

  • 主圖表:主圖表顯示兩行-所選時間內的總瀏覽量和唯一訪客數。這可以幫助您快速評估網站活動在幾天、幾週或幾個月內的變化。
  • 訪客地圖:世界地圖視覺化來自不同國家的訪客資料。從白色(最少訪客)到藍色(最多訪客)的顏色漸變可以輕鬆查看哪些區域帶來的流量最多。
  • 參數分析:頁面底部部分區塊以國家、地區、城市、瀏覽器、作業系統和其他參數顯示資料。您可以選擇您感興趣的參數並將其新增至篩選器以僅查看您需要的資訊。這個靈活的工具可以幫助您完善分析並做出更準確的決策。

您也可以設定篩選器以包含或排除某些參數,並查看這如何影響整體統計資料。例如,您可以查看特定區域的使用者如何與您的網站互動以及哪些頁面最吸引他們。

3. 儀表板

「儀表板」是一個摘要面板,顯示您網站當天的關鍵指標並追蹤過去 30 天內的變化。

How CheckStat was created: Real-time site analytics

  • 關鍵指標:面板顯示獨立訪客數、總瀏覽次數、每位訪客的平均瀏覽次數以及平均會話持續時間。這些數據可協助您快速評估網站的目前效能。
  • 活動圖表:在儀表板上,您可以看到顯示過去三個小時內使用者活動的圖表,以 10 分鐘間隔分組。這可以幫助您評估活動高峰期並確定您的網站訪問量最大的時間。
  • 前 5 個關鍵參數:在這裡,您將找到有關前 5 個國家、作業系統、流量來源和裝置類型的資料。這些數據可幫助您了解用戶正在使用哪些裝置和平台以及他們來自哪裡。

「儀表板」是您可以快速全面了解網站上發生的情況的地方。

技術細節

CheckStat 採用現代技術構建,可確保高效能和可擴展性:

  • PHP:用於伺服器端開發和應用程式邏輯處理的主要語言。
  • MySQL 和 Elasticsearch:MySQL 用於可靠的資料存儲,而 Elasticsearch 可以快速搜尋和分析大量資訊。
  • Kibana:與 Elasticsearch 整合的即時資料視覺化工具。
  • Nginx:提供快速穩定的網站存取的 Web 伺服器。
  • JavaScript 和 AJAX:用於在用戶端建立動態和互動式元素。
  • UAParser.js 和 current-device:用於識別裝置及其特徵的程式庫。
  • ApexCharts 和 ECharts:用於建立用於資料視覺化的圖表和圖形的工具。
  • vanilla-datetimerange-picker:一個用於輕鬆選擇日期範圍的庫,使用戶端的分析更加方便。

這些技術可幫助 CheckStat 快速處理大量數據並提供即時分析。

使用案例

CheckStat 是一款真正有助於改善您的網站的工具。使用方法如下:

  • 監控使用者操作:在「活動」部分,您可以即時查看訪客在您網站上的行為。誰進來了,他們正在查看哪些頁面,他們來自哪裡,他們正在使用什麼設備和瀏覽器——一切都在那裡。這對於了解人們如何與您的內容互動以及他們可能在哪些方面失去興趣非常有用。
  • 過濾和分析資料:在「統計」中,您可以設定篩選器以僅查看您需要的資訊。例如,您可以按特定區域或流量來源選擇數據,並排除不需要的數據。這可以幫助您專注於真正重要的事情。
  • 最佳化內容:使用「活動」和「統計」中的數據,您可以識別哪些頁面受歡迎並對其進行改進。如果您發現人們在某些頁面上花費了大量時間,則可能值得在其中添加更多有用的內容。
  • 分析流量來源:CheckStat 顯示您的訪客來自哪裡 - 無論是搜尋引擎、社群網路或直接條目。這可以幫助您了解哪些管道效果最好以及在哪裡投入更多精力。

這些範例顯示了 CheckStat 如何幫助您了解網站上發生的情況並使其變得更好。

關於開發商

CheckStat 是在烏克蘭開發的,當時烏克蘭正處於持續戰爭和由於能源基礎設施損壞而定期停電的嚴峻條件下。儘管面臨這些挑戰,該專案仍成功完成並繼續發展。

結論

CheckStat 是一款專為那些想要更了解使用者並改善網站的使用者而設計的工具。它使您可以輕鬆追蹤網站活動、分析關鍵指標並做出數據驅動的決策。試試 CheckStat,親眼看看它有多方便和有用。

網站連結:CheckStat.net

以上是CheckStat 是如何建立的:即時網站分析的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板