サイトに現在の接続数を表示させたい

Question

前提

ド素人です。
WEBサービスを作ろうと思いWEB知識なしで調べながら作っているのですが、用語がわからない為今わかる知識で検索してもうまくヒットしませんでした。

実現したいこと

サイトページに今現在接続しているユーザーの数を表示させたいです。
例: あなたの他に○○人接続しています。

補足情報

多分サーバー側から情報を持ってくるのかな？と思っているのですが、まだHTMLで最初のページを作っている段階です。
構想的に最初に作ると楽かなと考えています。

WEBサイト、サービスを作るのは初めてなので最初はHTML、CSSでページ作ってからサーバーサイドやったほうが楽とかあれば教えてもらえると助かります。

Comments

[m.ts10806]

楽とか何もないと思いますけど、「何を元に接続中であると判断するか」が決まらないと手法も何もありません。これは「決め」の問題なので作る人が要件をまとめて確定しなければなりません。

[y0shida]

「何を元に接続中であると判断するか」といのは
ユーザーがページを表示させている や 何かしらのデバイスでサイトにアクセスしている的な意味合いですか？

[退会済みユーザー]

質問者さんの言う「接続中」が「ページを表示させている」であれば、それをサーバー側で知ることはできません。要求があったこと、その時間はログで分かるかもしれませんが、ユーザーがまだ見ているかどうかはサーバーは知り得ないからです。

「デバイス」というのが何だか分かりませんが、やはりサーバー側では今ユーザーが何をしているかは知り得ないでしょうから、同じことかと思いますが。

[m.ts10806]

ですから、作る人が決めてください。

Answer 1

試したことはないのですが、GoogleアナリティクスAPIを使うのはどうでしょうか？
おそらく、それなりのスキルが必要です。

いままさに訪問中のアクティブユーザや、いままさに多くのユーザが訪れているページの上位10件などをとれて、リアルタムデータを表示する

Google Analytics Real Time Reporting API 事始め - Qiita

　

Real Time Reporting API では、認証されたユーザーのリアルタイム データ （プロパティのリアルタイム アクティビティなど）をリクエストすることが できます。

概要  |  アナリティクス Real Time Reporting API  |  Google Developers

　

GET https://www.googleapis.com/analytics/v3/data/realtime

リアルタイム データ: get  |  アナリティクス Real Time Reporting API  |  Google Developers

　

指標

rt:activeUsers

現在プロパティを利用中のユーザー数です。
ユーザー - ディメンションと指標のリファレンス  |  アナリティクス Real Time Reporting API

Comments

[miyabi_pudding]

やはり、GAでなにかしろのAPIありましたか。
やはりGoogle様には頭上がりませんね・・・（怖くて）

[Lhankor_Mhy]

Google is watching you.

[miyabi_pudding]

ひぇwww

[y0shida]

これ調べながら使ってみようと思います
ありがとうございます

Answer 2

閲覧ユーザー監視を自作するなら、下記のような流れになるかと思います。

1. サーバーをWebSocket対応にする
2. JSでアクセス開始と離脱を監視、行動を起こすたびに（ページ遷移、離脱）WebSocketにて、サーバーにプッシュで知らせる&情報を送信する
3. サーバー側でなんらかの方法でモニタリングする。（監視用のページを用意とか、アプリに通知とか、DBに情報保存とか）
4. 閲覧数表示したいなら、そのWebSocketからの通知などを使って、情報表示する

懸念点、実装においての壁となることは下記です。

• プライバシーポリシー問題

ユーザーの情報を取得する関係上、プライバシーポリシーを記載する必要があるかもしれません。
（完全個人特定にならないかもなので、詳しくは法律を調べる必要あり）

• セキュリティ問題

スクリプトを使う上での、自身のサーバーにおいても、ユーザーに対しても、セキュリティはしっかり配慮しないといけないと思います。
特にDBに情報を登録する場合は、自身のサーバーにおいても、ユーザーの情報を漏洩させないためにも、セキュリティはしっかりする必要があります。

• サーバー負担が大きい

GoogleがGAなどでなぜそもそもやれているか、というと、
サーバーがとんでもなく強いからです。
一般のレンタルサーバーだと、アクセス少ないうちはよくとも、
アクセス増えると、無理かもしれません。

• そもそもできないかも

上記も含め、サーバーの状況も加味し、そもそも技術的にも不可能かもしれません。

ただ、自作なんてしないで、
Lhankor_Mhyさんの回答通り、偉大なGoogle様のAPIがあるならそれを使うが吉かと。
実装においても、まだ楽になります。
（使ってもけっこう大変だと思うって話）
もし、自作するってなっても、少なくとも私自身はやり方調べる気にもなりません。（それくらい大変と予想される）