Hum

Что такое Hum?

Hum — это платформа посетителей в реальном времени для сайтов. Она предоставляет встраиваемые виджеты, такие как счетчики уникальных посетителей, индикаторы онлайн-присутствия и бейджи просмотров страниц, которые можно добавить с помощью небольшого скрипта или тега компонента.

Продукт рассчитан на работу без настройки backend'а со стороны клиента. Согласно сайту, он предлагает 50+ шаблонов, серверную дедупликацию для уникальных счетов, обновления присутствия в реальном времени через WebSockets и edge-синхронизацию, чтобы данные виджета обновлялись по мере прихода и ухода посетителей.

Ключевые возможности

• Счетчики посетителей и бейджи — Hum включает виджеты для уникальных посетителей, пользователей, которые сейчас находятся на странице, и просмотров страниц, чтобы сайты могли показывать разные типы сигналов трафика в зависимости от задачи.
• 50+ шаблонов — В витрине есть несколько визуальных стилей, включая minimal, terminal, glass, neon, retro, compact, floating, brutalist, editorial, playful, dashboard, animated и modern.
• Обновления присутствия в реальном времени — Виджеты живого присутствия обновляются, когда кто-то заходит на страницу или покидает ее, что делает их подходящими для лендингов, live dashboard'ов и страниц, где важно текущее активность.
• Учет уникальных посетителей с учетом приватности — Отслеживание уникальных посетителей описывается как постоянное между сессиями, с серверной дедупликацией и без использования cookies.
• Простой процесс встраивания — На сайте показан один тег script и разметка виджета в стиле component, с автоопределением для распространенных стеков, таких как React, Next.js, Remix, Astro, Vite, Gatsby, HTML и vanilla JavaScript.
• Настройки кастомного стиля — В playground показаны настраиваемые параметры template, type, mode, label, size, icon и watermark, при этом некоторые опции отмечены как доступные только в Pro.

Как использовать Hum

Обычная настройка начинается с выбора шаблона в playground и копирования сгенерированного тега виджета. Затем пользователи могут вставить скрипт или фрагмент компонента на свой сайт и настроить такие параметры, как стиль шаблона, тип счетчика, label, режим темы и размер.

На сайте указано, что установка занимает менее 60 секунд, а Hum обрабатывает синхронизацию в реальном времени и аналитику на своем edge. Разработчики могут использовать workflow на основе пакета, показанный на странице, или встраивать виджет напрямую с помощью скриптового фрагмента.

Сценарии использования

• Счетчики посетителей для портфолио или личного сайта — Покажите простой итог уникальных посетителей или счетчик просмотров страниц на главной или странице проекта.
• Лендинги с живой активностью — Отображайте, сколько людей сейчас онлайн, чтобы посетители видели текущий интерес во время запуска продукта или кампании.
• Блоги и сайты документации — Добавляйте счетчики просмотров для отдельных страниц и sparkline-графики, чтобы показывать, какие статьи или документы читают чаще всего.
• Страницы статуса и виджеты социального доказательства — Замените статический бейдж на живой счетчик или индикатор присутствия, который меняется по мере изменения трафика.
• Сайты, где нужен low-friction embed — Используйте установку через скрипт или компонент, когда нужен виджет без разработки собственного backend'а для подсчета.

FAQ

Требует ли Hum backend на моем сайте? Согласно тексту на сайте, backend со стороны клиента не требуется. Виджет встраивается через script или тег компонента.

Использует ли Hum cookies для подсчета уникальных посетителей? На странице сказано, что уникальные посетители учитываются с серверной дедупликацией и без использования cookies.

Можно ли использовать Hum с популярными frontend-фреймворками? Да. На странице указано, что он хорошо работает с React, Next.js, Remix, Astro, Vite, Gatsby, HTML и vanilla JavaScript.

Есть ли бесплатные и платные тарифы? Да. В разделе цен упоминается Hobby plan, который бесплатен для 1 сайта и 5k visits навсегда, а также платные тарифы, масштабируемые по количеству сайтов и посещений.

Можно ли изменить внешний вид виджета? Да. В playground показано несколько шаблонов и параметры вроде type, mode, label, size, icon и watermark, хотя некоторые опции отмечены как Pro-функции.

Альтернативы

• Самодельные счетчики с логикой аналитики или базы данных — Кастомная реализация может точно соответствовать модели данных сайта, но требует самостоятельно создавать и поддерживать логику подсчета, обновления в реальном времени и UI.
• Статические бейджи социального доказательства — Их проще развернуть, но они не обновляются в реальном времени и обычно дают меньше контроля над поведением счетчика или разнообразием шаблонов.
• Общие инструменты аналитики — Платформы аналитики могут показывать посещения и просмотры страниц, но они не предназначены в первую очередь для отображения встраиваемых live-виджетов на сайте.
• Виджеты присутствия в реальном времени или чата — Они могут показывать активных пользователей, но обычно созданы для общения или поддержки, а не для подсчета посетителей и бейджей просмотров страниц.