Hum

O que é o Hum?

Hum é uma plataforma em tempo real para visitantes de websites. Ele oferece widgets incorporáveis, como contadores de visitantes únicos, indicadores de presença ao vivo e badges de visualizações de página, que podem ser adicionados com um pequeno script ou uma tag de componente.

O produto foi projetado para funcionar sem configuração de backend do lado do cliente. Segundo o site, ele oferece mais de 50 templates, desduplicação no servidor para contagens únicas, atualizações de presença em tempo real via WebSockets e sincronização baseada na edge, para que os dados do widget sejam atualizados à medida que os visitantes entram e saem.

Principais funcionalidades

• Contadores e badges de visitantes — O Hum inclui widgets para visitantes únicos, usuários ao vivo no momento em uma página e visualizações de página, permitindo que os sites exibam diferentes tipos de sinais de tráfego conforme o caso de uso.
• Mais de 50 templates — A vitrine inclui vários estilos visuais, incluindo variantes minimal, terminal, glass, neon, retro, compact, floating, brutalist, editorial, playful, dashboard, animated e modern.
• Atualizações de presença em tempo real — Os widgets de presença ao vivo são atualizados quando alguém entra ou sai de uma página, o que os torna adequados para páginas de lançamento, dashboards ao vivo e páginas em que a atividade atual importa.
• Contagens únicas com foco em privacidade — O rastreamento de visitantes únicos é descrito como persistente entre sessões, desduplicado no servidor e sem necessidade de cookies.
• Fluxo simples de incorporação — O site mostra uma única tag de script e marcação de widget no estilo componente, com detecção automática para stacks comuns como React, Next.js, Remix, Astro, Vite, Gatsby, HTML e JavaScript puro.
• Opções de estilo personalizadas — O playground mostra configurações ajustáveis de template, type, mode, label, size, icon e watermark, com algumas opções marcadas como exclusivas do Pro.

Como usar o Hum

Uma configuração típica começa escolhendo um template no playground e copiando a tag do widget gerada. Depois, os usuários podem colar o script ou o snippet de componente no site e configurar opções como estilo do template, tipo de contador, label, modo de tema e tamanho.

O site indica que a instalação leva menos de 60 segundos e que o Hum cuida da sincronização em tempo real e da análise na edge. Os desenvolvedores podem usar o fluxo baseado em pacote mostrado na página ou incorporar o widget diretamente com o snippet de script.

Casos de uso

• Contagem de visitantes em portfólio ou site pessoal — Exiba um total simples de visitantes únicos ou um contador de visualizações de página na homepage ou em uma página de projeto.
• Páginas de lançamento com atividade ao vivo — Mostre quantas pessoas estão online agora para que os visitantes vejam o interesse atual durante o lançamento de um produto ou campanha.
• Blogs e sites de documentação — Adicione contadores de visualizações por página e sparklines para indicar quais artigos ou docs são mais lidos.
• Páginas de status e widgets de prova social — Substitua um badge estático por um contador ao vivo ou um indicador de presença que muda conforme o tráfego muda.
• Sites que precisam de uma incorporação sem atrito — Use a configuração baseada em script ou componente quando quiser um widget sem construir seu próprio backend de contagem.

FAQ

O Hum exige um backend no meu site? Não é necessário backend do lado do cliente, de acordo com o texto do site. O widget é incorporado com uma tag de script ou de componente.

O Hum usa cookies para contagens de visitantes únicos? A página diz que as contagens de visitantes únicos são desduplicadas no servidor e não exigem cookies.

Posso usar o Hum com frameworks frontend comuns? Sim. A página diz que ele funciona bem com React, Next.js, Remix, Astro, Vite, Gatsby, HTML e JavaScript puro.

Há planos gratuitos e pagos? Sim. A seção de preços menciona um plano Hobby gratuito para 1 site e 5 mil visitas para sempre, além de planos pagos que escalam conforme sites e visitas.

Posso alterar a aparência do widget? Sim. O playground mostra vários templates e opções como type, mode, label, size, icon e watermark, embora algumas opções sejam marcadas como recursos Pro.

Alternativas

• Contadores próprios com analytics ou lógica de banco de dados — Uma implementação personalizada pode se ajustar exatamente ao modelo de dados do site, mas exige criar e manter você mesmo a lógica de contagem, as atualizações em tempo real e a interface.
• Badges estáticos de prova social — São mais simples de implantar, mas não são atualizados em tempo real e geralmente oferecem menos controle sobre o comportamento do contador ou a variedade de templates.
• Ferramentas gerais de analytics — Plataformas de analytics podem reportar visitas e visualizações de página, mas não são voltadas principalmente para renderizar widgets ao vivo incorporáveis em um site.
• Widgets de presença em tempo real ou chat — Eles podem mostrar usuários ativos, mas normalmente são criados para conversa ou suporte, e não para contagem de visitantes e badges de visualizações de página.