ホームページ > バックエンド開発 > PHPチュートリアル > CheckStat の作成方法: リアルタイムのサイト分析

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

WBOY
リリース: 2024-08-26 22:30:32
オリジナル
594 人が閲覧しました

CheckStatとは何ですか

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

1. アクティビティ

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

How CheckStat was created: Real-time site analytics

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

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

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

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

以上がCheckStat の作成方法: リアルタイムのサイト分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート