Hum

Was ist Hum?

Hum ist eine Realtime-Besucherplattform für Websites. Sie bietet einbettbare Widgets wie Zähler für eindeutige Besucher, Live-Präsenzanzeigen und Seitenaufruf-Badges, die mit einem kleinen Script oder einem Component-Tag hinzugefügt werden können.

Das Produkt ist so konzipiert, dass es ohne Backend-Setup auf Kundenseite funktioniert. Laut Website bietet es 50+ Vorlagen, serverseitige De-Duplizierung für eindeutige Zählungen, Realtime-Präsenz-Updates über WebSockets und Edge-basiertes Syncing, sodass sich die Widget-Daten aktualisieren, wenn Besucher kommen und gehen.

Hauptfunktionen

• Besucherzähler und Badges — Hum enthält Widgets für eindeutige Besucher, Live-Nutzer, die sich gerade auf einer Seite befinden, und Seitenaufrufe, sodass Websites je nach Anwendungsfall verschiedene Arten von Verkehrssignalen anzeigen können.
• 50+ Vorlagen — Der Showroom umfasst mehrere visuelle Stile, darunter minimalistische, Terminal-, Glas-, Neon-, Retro-, kompakte, schwebende, brutalistische, redaktionelle, verspielte, Dashboard-, animierte und moderne Varianten.
• Realtime-Präsenz-Updates — Live-Präsenz-Widgets aktualisieren sich, wenn jemand eine Seite betritt oder verlässt, wodurch sie sich für Launch-Seiten, Live-Dashboards und Seiten eignen, bei denen aktuelle Aktivität wichtig ist.
• Datenschutzfreundliche eindeutige Zählungen — Das Tracking eindeutiger Besucher wird als sitzungsübergreifend persistent beschrieben, serverseitig de-dupliziert und ohne Cookies.
• Einfacher Embed-Workflow — Die Website zeigt ein einzelnes Script-Tag und Widget-Markup im Component-Stil, mit automatischer Erkennung für gängige Stacks wie React, Next.js, Remix, Astro, Vite, Gatsby, HTML und Vanilla JavaScript.
• Anpassungsoptionen für das Design — Der Playground zeigt konfigurierbare Einstellungen für Vorlage, Typ, Modus, Label, Größe, Icon und Watermark, wobei einige Optionen als Pro-only markiert sind.

So verwenden Sie Hum

Ein typisches Setup beginnt damit, im Playground eine Vorlage auszuwählen und das generierte Widget-Tag zu kopieren. Anschließend können Nutzer das Script oder den Component-Snippet in ihre Website einfügen und Optionen wie Vorlagenstil, Zählertyp, Label, Theme-Modus und Größe konfigurieren.

Die Website gibt an, dass die Installation unter 60 Sekunden dauert und dass Hum Realtime-Sync und Analytics am Edge übernimmt. Entwickler können den auf der Seite gezeigten paketbasierten Workflow verwenden oder das Widget direkt mit dem Script-Snippet einbetten.

Anwendungsfälle

• Besucherzahlen für Portfolio- oder persönliche Websites — Zeigen Sie auf einer Startseite oder Projektseite eine einfache Anzahl eindeutiger Besucher oder einen Seitenaufrufzähler an.
• Launch-Seiten mit Live-Aktivität — Zeigen Sie an, wie viele Personen gerade online sind, damit Besucher während eines Produkt-Launches oder einer Kampagne das aktuelle Interesse sehen können.
• Blogs und Dokumentationsseiten — Fügen Sie Seitenaufrufzähler und Sparklines pro Seite hinzu, um anzuzeigen, welche Artikel oder Dokus am häufigsten gelesen werden.
• Statusseiten und Social-Proof-Widgets — Ersetzen Sie ein statisches Badge durch einen Live-Zähler oder eine Präsenzanzeige, die sich mit dem Traffic verändert.
• Seiten, die einen möglichst einfachen Embed benötigen — Nutzen Sie das script- oder component-basierte Setup, wenn Sie ein Widget möchten, ohne Ihr eigenes Counting-Backend zu bauen.

FAQ

Benötigt Hum ein Backend auf meiner Website?
Laut Website-Text ist auf Kundenseite kein Backend erforderlich. Das Widget wird mit einem Script- oder Component-Tag eingebettet.

Verwendet Hum Cookies für eindeutige Besucherzählungen?
Die Seite sagt, dass eindeutige Besucherzählungen serverseitig de-dupliziert werden und keine Cookies erfordern.

Kann ich Hum mit gängigen Frontend-Frameworks verwenden?
Ja. Die Seite sagt, dass es gut mit React, Next.js, Remix, Astro, Vite, Gatsby, HTML und Vanilla JavaScript funktioniert.

Gibt es kostenlose und kostenpflichtige Pläne?
Ja. Im Pricing-Bereich wird ein Hobby-Plan erwähnt, der für 1 Website und 5.000 Besuche für immer kostenlos ist, plus kostenpflichtige Pläne, die mit Websites und Besuchen skalieren.

Kann ich das Erscheinungsbild des Widgets ändern?
Ja. Der Playground zeigt mehrere Vorlagen und Optionen wie Typ, Modus, Label, Größe, Icon und Watermark, wobei einige Optionen als Pro-Features markiert sind.

Alternativen

• Selbst entwickelte Zähler mit Analytics- oder Datenbanklogik — Eine Custom-Implementierung kann genau zum Datenmodell einer Website passen, erfordert aber, dass Sie die Zähl-Logik, Realtime-Updates und UI selbst bauen und warten.
• Statische Social-Proof-Badges — Diese lassen sich einfacher bereitstellen, aktualisieren sich aber nicht in Echtzeit und bieten meist weniger Kontrolle über das Zählerverhalten oder die Vorlagenvielfalt.
• Allgemeine Analytics-Tools — Analytics-Plattformen können Besuche und Seitenaufrufe erfassen, sind aber nicht primär dafür ausgelegt, einbettbare Live-Widgets auf einer Website zu rendern.
• Realtime-Präsenz- oder Chat-Widgets — Diese können aktive Nutzer anzeigen, sind aber typischerweise für Kommunikation oder Support gedacht und nicht für Besucherzähler und Seitenaufruf-Badges.