今、リアルタイムにサイトを見ているユーザー数を表示する方法「Real Time User」

今、サイトに、今、そのサイトを見ているユーザー数をリアルタイムで表示する方法を紹介します。

Real Time User

Real Time Userは、60秒以内にサイトを閲覧したユーザー数をカウントして、その人数をリアルタイムに表示することができるJavaScriptです。

ユーザー数のカウントはドメイン単位で行ってくれるようなので、サイト全体にJavaScriptを埋め込めば、そのサイトを閲覧しているユーザー数をリアルタイムに表示することができます。

Google Analyticsの機能にあるような、リアルタイムユーザー数をサイトに表示することができます。

Google Analyticsのリアルタイムユーザー数

デモ

デモページを用意しました。

ページを表示して、数秒でページを閲覧しているユーザー数が表示されます。複数ブラウザで閲覧すると、カウントが増えていくのが分かります。

リアルタイムユーザー数のデモ

使い方

HTML

HTMLは1行だけです。黒背景に白文字のスタイルです。

プレーンテキストバージョンも用意されています。こちらをベースに自分でCSSを調整するのもいいと思います。

JavaScript

あとは、JavaScriptを読み込むだけです。場所は、HTMLのコードより後に記述します。</body>閉じタグの前などがいいと思います。

以上で、Real Time Userの実装は完了です。

まとめ

Real Time Userを使って、サイトに現在サイトを閲覧しているユーザー数をリアルタイムに表示する方法を紹介しました。ある程度のアクセス数があるサイトの場合、閲覧ユーザー数を表示することで人気のあるサイトであることをアピールすることができます。実装も簡単です。

人気の記事

日本語対応の無料WordPressテーマ10選
日本語対応の無料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
アドセンス運用に最適なWordPressテーマ3選
アドセンス運用に最適なWordPressテーマ3選

コメント

  • Posted on
  • Updated on
  • Views 1,081