Hum

Humとは？

Humは、Webサイト向けのリアルタイム訪問者プラットフォームです。小さなスクリプトやコンポーネントタグで追加できる、ユニーク訪問者カウンター、ライブ在席インジケーター、ページビューのバッジなどの埋め込みウィジェットを提供します。

この製品は、利用者側でバックエンドを用意しなくても動作するよう設計されています。サイトによると、50以上のテンプレート、ユニーク数のサーバーサイド重複排除、WebSocketsによるリアルタイム在席更新、エッジベースの同期を備え、訪問者の出入りに合わせてウィジェットデータが更新されます。

主な機能

• 訪問者カウンターとバッジ — Humには、ユニーク訪問者、現在ページ上にいるライブユーザー、ページビュー向けのウィジェットが含まれており、用途に応じて異なる種類のトラフィック संकेतを表示できます。
• 50以上のテンプレート — ショールームには、minimal、terminal、glass、neon、retro、compact、floating、brutalist、editorial、playful、dashboard、animated、modern など、複数のビジュアルスタイルがあります。
• リアルタイム在席更新 — ライブ在席ウィジェットは、誰かがページに参加または離脱すると更新されるため、ローンチページ、ライブダッシュボード、現在のアクティビティが重要なページに適しています。
• プライバシーに配慮したユニーク数 — ユニーク訪問者の追跡はセッションをまたいで保持され、サーバー側で重複排除され、Cookieを必要としないと説明されています。
• シンプルな埋め込みフロー — サイトには単一のscriptタグとコンポーネント形式のウィジェットマークアップが表示され、React、Next.js、Remix、Astro、Vite、Gatsby、HTML、vanilla JavaScript といった一般的なスタックを自動判定します。
• カスタムスタイル設定 — プレイグラウンドでは、template、type、mode、label、size、icon、watermark を設定でき、一部のオプションはPro限定として表示されています。

Humの使い方

一般的なセットアップは、まずプレイグラウンドでテンプレートを選び、生成されたウィジェットタグをコピーするところから始まります。その後、scriptまたはコンポーネントのスニペットをサイトに貼り付け、template style、counter type、label、theme mode、size などのオプションを設定します。

サイトには、インストールが60秒未満で完了し、Humがエッジ上でリアルタイム同期と分析を処理すると記載されています。開発者は、ページで示されているパッケージベースのフローを使うか、scriptスニペットで直接ウィジェットを埋め込めます。

用途

• ポートフォリオや個人サイトの訪問数表示 — ホームページやプロジェクトページに、シンプルなユニーク訪問者数やページビューカウンターを表示します。
• ライブアクティビティ付きのローンチページ — 今どれだけの人がオンラインかを表示し、製品ローンチやキャンペーン中の関心の高まりを訪問者に示します。
• ブログやドキュメントサイト — ページごとの閲覧数カウンターやスパークラインを追加して、どの記事やドキュメントが最も読まれているかを示します。
• ステータスページやソーシャルプルーフウィジェット — 静的なバッジを、トラフィックの変化に応じて変わるライブカウンターや在席インジケーターに置き換えます。
• 低摩擦で埋め込みたいサイト — 独自のカウント用バックエンドを構築せずにウィジェットを使いたい場合に、scriptベースまたはコンポーネントベースのセットアップを利用します。

FAQ

Humには自分のサイト側でバックエンドが必要ですか？
いいえ。サイトの説明によると、利用者側でバックエンドは不要です。ウィジェットはscriptまたはコンポーネントタグで埋め込みます。

Humはユニーク訪問者数にCookieを使いますか？
ページでは、ユニーク訪問者数はサーバー側で重複排除され、Cookieは不要だと説明されています。

Humは一般的なフロントエンドフレームワークで使えますか？
はい。ページによると、React、Next.js、Remix、Astro、Vite、Gatsby、HTML、vanilla JavaScript と相性がよいとされています。

無料プランと有料プランはありますか？
はい。料金セクションでは、1サイト・5k visits が永年無料のHobbyプランに加え、サイト数と訪問数に応じて拡張する有料プランが案内されています。

ウィジェットの見た目は変更できますか？
はい。プレイグラウンドでは、複数のテンプレートと、type、mode、label、size、icon、watermark などのオプションが表示されますが、一部はPro機能として示されています。

代替案

• 分析ツールやデータベースロジックで自作したカウンター — サイトの正確なデータモデルに合わせられますが、カウントロジック、リアルタイム更新、UIを自分で構築・保守する必要があります。
• 静的なソーシャルプルーフバッジ — 導入は簡単ですが、リアルタイムでは更新されず、通常はカウンター挙動やテンプレートの種類に対する自由度も低めです。
• 汎用分析ツール — アクセス数やページビューは把握できますが、サイト上に埋め込むライブウィジェットの表示を主目的にはしていません。
• リアルタイム在席やチャットのウィジェット — アクティブユーザーは表示できますが、通常は会話やサポート向けで、訪問者カウントやページビューのバッジ向けではありません。