Hum

Hum 是什麼？

Hum 是一個適用於網站的即時訪客平台。它提供可嵌入的小工具，例如獨立訪客計數器、即時在線狀態指示器與頁面瀏覽徽章，可透過一小段 script 或 component 標籤加入網站。

此產品設計為在客戶端無需後端設定即可運作。根據網站說明，它提供 50+ 種模板、用於獨立計數的伺服器端去重、透過 WebSockets 的即時在線狀態更新，以及基於邊緣的同步，讓小工具資料能隨訪客進出即時更新。

主要功能

• 訪客計數器與徽章 — Hum 包含獨立訪客、目前在頁面上的即時用戶以及頁面瀏覽次數等小工具，因此網站可依不同使用情境顯示各種流量訊號。
• 50+ 種模板 — 展示區包含多種視覺風格，包括 minimal、terminal、glass、neon、retro、compact、floating、brutalist、editorial、playful、dashboard、animated 與 modern 變體。
• 即時在線狀態更新 — 當有人加入或離開頁面時，即時在線狀態小工具會更新，因此適合發表頁、即時儀表板，以及重視當前活動的頁面。
• 重視隱私的獨立計數 — 獨立訪客追蹤被描述為可跨工作階段持續、伺服器端去重，且不需要 cookies。
• 簡單嵌入流程 — 網站展示單一 script 標籤與 component 風格的小工具標記，並可自動偵測 React、Next.js、Remix、Astro、Vite、Gatsby、HTML 與 vanilla JavaScript 等常見技術棧。
• 自訂樣式選項 — playground 顯示可設定 template、type、mode、label、size、icon 與 watermark，部分選項標示為 Pro 專屬。

如何使用 Hum

一般設定流程是先在 playground 中選擇模板，然後複製產生的小工具標籤。接著使用者可將 script 或 component 程式片段貼到自己的網站，並設定模板樣式、計數器類型、標籤、主題模式與尺寸等選項。

網站指出安裝時間少於 60 秒，且 Hum 會在其 edge 上處理即時同步與分析。開發者可使用頁面上展示的基於套件工作流程，或直接透過 script 程式片段嵌入小工具。

使用情境

• 作品集或個人網站的訪客數 — 在首頁或專案頁顯示簡單的獨立訪客總數或頁面瀏覽計數器。
• 具即時活動的發表頁 — 顯示目前有多少人在線，讓訪客在產品發表或活動期間看到當前熱度。
• 部落格與文件網站 — 加入每頁瀏覽計數器與 sparkline，標示哪些文章或文件最常被閱讀。
• 狀態頁與社會認同小工具 — 以會隨流量變化的即時計數器或在線狀態指示器，取代靜態徽章。
• 需要低摩擦嵌入的網站 — 當你想要一個小工具，但不想自行建立計數後端時，可使用基於 script 或 component 的設定方式。

常見問題

Hum 需要我網站上的後端嗎？ 根據網站文案，客戶端不需要後端。小工具可透過 script 或 component 標籤嵌入。

Hum 會使用 cookies 來計算獨立訪客嗎？ 頁面表示獨立訪客計數會在伺服器端去重，且不需要 cookies。

我可以在常見前端框架中使用 Hum 嗎？ 可以。頁面表示它可與 React、Next.js、Remix、Astro、Vite、Gatsby、HTML 以及 vanilla JavaScript 搭配使用。

有免費與付費方案嗎？ 有。定價區提到 Hobby 方案對 1 個網站與 5k 次造訪永久免費，另外還有會隨網站數與造訪數擴充的付費方案。

我可以更改小工具外觀嗎？ 可以。playground 顯示多種模板以及 type、mode、label、size、icon 與 watermark 等選項，不過部分選項標示為 Pro 功能。

替代方案

• 自行以分析或資料庫邏輯建立計數器 — 自訂實作可完全符合網站的資料模型，但你必須自行建置與維護計數邏輯、即時更新與 UI。
• 靜態社會認同徽章 — 部署更簡單，但不會即時更新，通常也較難控制計數行為或模板多樣性。
• 通用分析工具 — 分析平台可以回報造訪與頁面瀏覽，但並非主要用於在網站上呈現可嵌入的即時小工具。
• 即時在線狀態或聊天小工具 — 這些可顯示活躍用戶，但通常是為對話或支援而設計，而非用於訪客計數與頁面瀏覽徽章。