Hum

什么是 Hum？

Hum 是一个面向网站的实时访客平台。它提供可嵌入的组件，例如独立访客计数器、实时在线状态指示器和页面浏览徽章，可通过一个小脚本或组件标签添加。

该产品设计为无需客户侧后端配置即可使用。根据网站说明，它提供 50+ 模板、用于独立计数的服务端去重、通过 WebSockets 的实时在线状态更新，以及基于边缘的同步，因此当访客进出时，组件数据会随之更新。

主要功能

• 访客计数器和徽章 — Hum 包含独立访客、当前在线页面用户和页面浏览量等组件，因此网站可根据不同场景展示不同类型的流量信号。
• 50+ 模板 — 展示库包含多种视觉风格，包括 minimal、terminal、glass、neon、retro、compact、floating、brutalist、editorial、playful、dashboard、animated 和 modern 变体。
• 实时在线状态更新 — 当有人进入或离开页面时，在线状态组件会更新，因此适合发布页、实时看板以及需要展示当前活跃度的页面。
• 注重隐私的独立计数 — 独立访客跟踪据称可跨会话持久化、在服务端去重，且不需要 cookies。
• 简单的嵌入流程 — 网站展示了单个 script 标签和类似组件的标记，并可自动识别 React、Next.js、Remix、Astro、Vite、Gatsby、HTML 和原生 JavaScript 等常见技术栈。
• 自定义样式选项 — 体验区展示了可配置的模板、类型、模式、标签、尺寸、图标和水印设置，其中部分选项标记为 Pro 专属。

如何使用 Hum

典型流程是先在体验区选择一个模板，然后复制生成的组件标签。随后，用户可以将 script 或组件片段粘贴到自己的网站中，并配置模板样式、计数类型、标签、主题模式和尺寸等选项。

网站说明安装时间少于 60 秒，且 Hum 会在边缘处理实时同步和分析。开发者可以使用页面中展示的基于包的工作流，也可以通过 script 片段直接嵌入组件。

使用场景

• 作品集或个人网站访问量统计 — 在首页或项目页展示简单的独立访客总数或页面浏览计数。
• 带有实时活跃度的发布页 — 显示当前有多少人在线，让访客在产品发布或活动期间看到实时热度。
• 博客和文档站点 — 添加每页浏览计数和 sparkline，以显示哪些文章或文档被阅读得最频繁。
• 状态页和社交证明组件 — 用会随流量变化的实时计数器或在线状态指示器替代静态徽章。
• 需要低门槛嵌入的网站 — 当你想要一个组件而不想自建计数后端时，可使用基于 script 或基于组件的方式。

FAQ

Hum 需要我网站上的后端吗？ 根据网站文案，客户侧不需要后端。组件通过 script 或组件标签嵌入。

Hum 会使用 cookies 来统计独立访客吗？ 页面说明独立访客计数会在服务端去重，不需要 cookies。

Hum 可以与常见前端框架一起使用吗？ 可以。页面说明它可与 React、Next.js、Remix、Astro、Vite、Gatsby、HTML 和原生 JavaScript 良好配合。

有免费和付费方案吗？ 有。定价部分提到 Hobby 方案对 1 个站点和 5k 次访问永久免费，同时还有按站点和访问量扩展的付费方案。

我可以更改组件外观吗？ 可以。体验区展示了多个模板以及 type、mode、label、size、icon 和 watermark 等选项，不过部分选项标记为 Pro 功能。

替代方案

• 结合分析工具或数据库逻辑自建计数器 — 自定义实现可以完全匹配网站的数据模型，但需要你自己构建和维护计数逻辑、实时更新和 UI。
• 静态社交证明徽章 — 部署更简单，但不会实时更新，且通常对计数行为或模板多样性的控制更少。
• 通用分析工具 — 分析平台可以报告访问量和页面浏览量，但它们并非主要用于在网站上渲染可嵌入的实时组件。
• 实时在线状态或聊天组件 — 这些可以显示活跃用户，但通常用于对话或支持，而不是访客计数和页面浏览徽章。