「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > CheckStat の作成方法: リアルタイムのサイト分析

CheckStat の作成方法: リアルタイムのサイト分析

2024 年 11 月 4 日に公開
ブラウズ:462

CheckStatとは何ですか

CheckStat は、ウェブサイトの所有者、開発者、アナリストがウェブ リソースで何が起こっているかをよりよく理解できるようにするために私が開発したプロジェクトです。このツールを使用すると、訪問者がサイト上で何をしているかをリアルタイムで追跡できます。これらの統計を分析すると、より多くの情報に基づいた意思決定を行い、ウェブサイトのパフォーマンスを向上させることができます。

1. アクティビティ

「アクティビティ」セクションでは、訪問者がサイト上で何をしているかをリアルタイムで監視できます。これにより、現在サイトに誰がいるのか、何をしているのか、どこから来たのかが完全に把握できます。

How CheckStat was created: Real-time site analytics

  • 各訪問者に固有のアイコン: サイト上のすべてのユーザーは固有のアイコンで表されるため、識別しやすくなります。特定の画像を選択してロックすることで、訪問者ごとにアイコンをカスタマイズできます。
  • 訪問時間情報: 訪問者がサイトにアクセスした時刻がタイムゾーンに従って表示され、サイト上のローカル イベントやプロモーションとデータを同期するのに役立ちます。
  • 訪問数: システムは、ユーザーが今日、今月、および全体でサイトにアクセスした回数を表示し、定期的な訪問者のロイヤルティとアクティビティを測定するのに役立ちます。
  • URL とページ タイトル: 訪問ごとに、閲覧しているページの URL とタイトルが表示され、どのコンテンツがユーザーの注目を集めているかを理解するのに役立ちます。
  • 地理位置情報: 訪問者が来た国、地域、都市が表示されます。これは、視聴者の地理的分布を分析するために重要です。
  • ユーザー アクティビティ: クリック、マウスの動き、キーストローク、センサーの操作、スクロールなどのパラメーターが追跡され、ユーザーのサイトへの関与を完全に理解できるようになります。
  • 技術的な詳細: システムは、ユーザーのオペレーティング システム、ブラウザ、デバイスの種類、画面解像度に関する情報を提供します。このデータは、さまざまなデバイス向けにコンテンツとデザインを最適化するのに役立ちます。
  • トラフィック ソース: 訪問者がどこから来たのか(検索エンジン、ソーシャル ネットワーク、その他のウェブサイトなど)を確認できるため、マーケティング キャンペーンの効果を評価するのに役立ちます。

さらに、「アクティビティ」セクションでフィルターをアクティブにして、サイトに関与しているアクティブなユーザーのみを表示できます。これにより、コンテンツに最も関与しているユーザーに焦点を当てることができます。

自動更新はデフォルトで有効になっており、新しい訪問はアニメーション付きでリアルタイムに表示されます。この機能は、プロモーションやマーケティング キャンペーン中など、サイト上の変更に即座に対応するのに役立ちます。

2. 統計

「統計」セクションは、より深い分析のために設計されています。ここでは、標準的な時間間隔に限定されず、任意の期間にわたってデータを収集して分析できます。

How CheckStat was created: Real-time site analytics

  • メイン グラフ: メイン グラフには、選択した期間のビューの合計数とユニーク ビジターの合計数の 2 つの線が表示されます。これは、サイトのアクティビティが数日、数週間、または数か月にわたってどのように変化したかを迅速に評価するのに役立ちます。
  • 訪問者マップ: 世界地図は、さまざまな国の訪問者データを視覚化します。白 (最小訪問者) から青 (最大訪問者) までの色のグラデーションにより、どの地域のトラフィックが最も多いかを簡単に確認できます。
  • パラメータ分析: ページの下部にあるブロックには、国、地域、都市、ブラウザ、オペレーティング システム、およびその他のパラメータごとのデータが表示されます。興味のあるパラメータを選択してフィルタに追加すると、必要な情報だけを表示できます。この柔軟なツールは、分析を改良し、より正確な意思決定を行うのに役立ちます。

特定のパラメータを含めたり除外したりするフィルタを設定して、それが全体の統計にどのような影響を与えるかを確認することもできます。たとえば、特定の地域のユーザーがサイトをどのように操作しているか、どのページがユーザーを最も惹きつけているかを確認できます。

3. ダッシュボード

「ダッシュボード」は、当日のサイトの主要な指標を表示し、過去 30 日間の変化を追跡する概要パネルです。

How CheckStat was created: Real-time site analytics

  • 主要な指標: パネルには、ユニーク訪問者数、合計ビュー数、訪問者あたりの平均ビュー数、および平均セッション時間が表示されます。このデータは、サイトの現在のパフォーマンスを迅速に評価するのに役立ちます。
  • アクティビティ グラフ: ダッシュボードには、過去 3 時間のユーザー アクティビティを 10 分間隔でグループ化して示すグラフが表示されます。これは、アクティビティのピーク期間を評価し、サイトへのアクセスが最も多い時期を判断するのに役立ちます。
  • 上位 5 つの主要パラメータ: ここには、上位 5 か国、オペレーティング システム、トラフィック ソース、デバイス タイプに関するデータが表示されます。このデータは、ユーザーが使用しているデバイスとプラットフォーム、およびユーザーがどこからアクセスしているかを理解するのに役立ちます。

「ダッシュボード」は、サイトで何が起こっているかの全体像をすぐに把握できる場所です。

技術的な詳細

CheckStat は、高いパフォーマンスと拡張性を保証する最新のテクノロジーを使用して構築されています:

  • PHP: サーバー側の開発とアプリケーション ロジックの処理に使用される主な言語。
  • MySQL と Elasticsearch: MySQL は信頼性の高いデータ ストレージに使用され、Elasticsearch は大量の情報の高速検索と分析を可能にします。
  • Kibana: Elasticsearch と統合されたリアルタイム データ視覚化ツール。
  • Nginx: サイトへの高速かつ安定したアクセスを提供する Web サーバー。
  • JavaScript と AJAX: クライアント側で動的でインタラクティブな要素を作成するために使用されます。
  • UAParser.js および current-device: デバイスとその特性を識別するためのライブラリ。
  • ApexCharts および ECharts: データ視覚化に使用されるチャートとグラフを作成するためのツール。
  • vanilla-datetimerange-picker: 日付範囲を簡単に選択できるライブラリで、ユーザー側の分析がより便利になります。

これらのテクノロジーは、CheckStat が大量のデータを迅速に処理し、リアルタイム分析を提供するのに役立ちます。

使用例

CheckStat は、ウェブサイトの改善に非常に役立つツールです。使用方法は次のとおりです:

  • ユーザーのアクションを監視する: [アクティビティ] セクションでは、訪問者がサイト上で何をしているかをリアルタイムで確認できます。誰がアクセスしたか、どのページを閲覧しているか、どこから来たのか、どのようなデバイスやブラウザを使用しているのか、すべてがそこにあります。これは、人々があなたのコンテンツにどのように反応するか、そしてどこで興味を失う可能性があるかを理解するのに役立ちます。
  • データのフィルターと分析: 「統計」では、必要な情報のみを表示するフィルターを設定できます。たとえば、特定の地域やトラフィック ソースごとにデータを選択し、不要なものを除外できます。これにより、本当に重要なことに集中することができます。
  • コンテンツの最適化: 「アクティビティ」と「統計」のデータを使用して、人気のあるページを特定し、改善できます。ユーザーが特定のページに多くの時間を費やしていることがわかった場合は、そのページにさらに役立つコンテンツを追加する価値があるかもしれません。
  • トラフィック ソースの分析: CheckStat は、検索エンジン、ソーシャル ネットワーク、直接エントリなど、訪問者がどこから来ているかを示します。これは、どのチャネルが最も効果的で、どこにもっと力を注ぐべきかを理解するのに役立ちます。

これらの例は、CheckStat がサイトで何が起こっているかを理解し、サイトを改善するのにどのように役立つかを示しています。

開発者について

CheckStat は、進行中の戦争とエネルギー インフラの損傷による定期的な停電という困難な状況下で、ウクライナで開発されました。これらの課題にもかかわらず、プロジェクトは無事に完了し、進化し続けています。

結論

CheckStat は、ユーザーをより深く理解し、Web サイトをより良くしたいと考えている人のために設計されたツールです。これにより、サイトのアクティビティを簡単に追跡し、主要な指標を分析し、データに基づいた意思決定を行うことができます。 CheckStat を試してみて、それがいかに便利で役に立つかを自分の目で確かめてください。

サイトリンク: CheckStat.net

リリースステートメント この記事は次の場所に転載されています: https://dev.to/filmovtv/how-checkstat-was-created-real-time-site-analytics-3h7d?1 侵害がある場合は、削除するために[email protected]に連絡してください。それ
最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3