How CheckStat was created: Real-time site analytics

What is CheckStat

CheckStatis a project I developed to help website owners, developers, and analysts better understand what's happening on their web resources. This tool lets you track what your visitors are doing on your site in real-time. Analyzing these stats helps you make more informed decisions and improve your website's performance.

1.Activity

In the "Activity" section, you can watch what your visitors are doing on your site in real-time. This gives you a complete picture of who is on your site right now, what they're doing, and where they came from.

• Unique icons for each visitor: Every user on your site is represented by a unique icon, making it easier to identify them. You can customize the icon for each visitor, selecting and locking a specific image.
• Visit time information: The time when a visitor entered your site is displayed according to your time zone, which helps sync data with local events or promotions on the site.
• Visit count: The system shows how many times a user has visited the site today, this month, and overall, helping you gauge the loyalty and activity of your regular visitors.
• URL and page title: For each visit, the URL and title of the page they are viewing are displayed, helping you understand what content is capturing users' attention.
• Geolocation: You can see the country, region, and city from which the visitor came. This is important for analyzing the geographic distribution of your audience.
• User activity: Parameters such as clicks, mouse movements, keystrokes, sensor interactions, and scrolling are tracked, giving you a full understanding of the user's engagement with your site.
• Technical details: The system provides information about the user's operating system, browser, device type, and screen resolution. This data helps in optimizing content and design for different devices.
• Traffic source: You can see where the visitor came from (e.g., search engines, social networks, or other websites), helping you assess the effectiveness of your marketing campaigns.

Additionally, in the "Activity" section, you can activate filters to display only active users who are engaging with the site. This allows you to focus on the users who are most involved with your content.

Auto-refresh is enabled by default, and new visits are displayed in real-time with animation. This feature helps you react instantly to changes on the site, such as during a promotion or marketing campaign.

2.Statistics

The "Statistics" section is designed for deeper analytics. Here, you can collect and analyze data over any period, not limited to standard time intervals.

• Main chart: The main chart displays two lines — the total number of views and unique visitors over the selected time period. This helps you quickly assess how site activity has changed over days, weeks, or months.
• Visitor map: The world map visualizes visitor data from different countries. The color gradient from white (minimum visitors) to blue (maximum visitors) makes it easy to see which regions bring in the most traffic.
• Parameter analytics: At the bottom of the page, blocks display data by country, region, city, browser, operating system, and other parameters. You can select the parameters you're interested in and add them to a filter to see only the information you need. This flexible tool helps you refine your analysis and make more accurate decisions.

You can also set up filters to include or exclude certain parameters and see how this affects overall statistics. For example, you can see how users from a specific region interact with your site and which pages attract them the most.

3.Dashboard

The "Dashboard" is a summary panel that displays your site's key metrics for the current day and tracks changes over the last 30 days.

• Metrik utama: Panel menunjukkan bilangan pelawat unik, jumlah tontonan, purata tontonan bagi setiap pelawat dan purata tempoh sesi. Data ini membantu anda menilai prestasi semasa tapak anda dengan pantas.
• Carta aktiviti: Pada papan pemuka, anda boleh melihat carta yang menunjukkan aktiviti pengguna sepanjang tiga jam yang lalu, dikumpulkan dalam selang 10 minit. Ini membantu anda menilai tempoh aktiviti puncak dan menentukan masa tapak anda paling kerap dikunjungi.
• 5 parameter utama teratas: Di sini, anda akan menemui data pada 5 negara, sistem pengendalian, sumber trafik dan jenis peranti teratas. Data ini membantu anda memahami peranti dan platform yang digunakan oleh pengguna anda dan dari mana asalnya.

"Papan Pemuka" ialah tempat di mana anda boleh mendapatkan gambaran keseluruhan dengan cepat tentang perkara yang berlaku di tapak anda.

Butiran Teknikal

CheckStat dibina menggunakan teknologi moden yang memastikan prestasi tinggi dan berskala:

• PHP: Bahasa utama yang digunakan untuk pembangunan sisi pelayan dan pemprosesan logik aplikasi.
• MySQL dan Elasticsearch: MySQL digunakan untuk penyimpanan data yang boleh dipercayai, manakala Elasticsearch membolehkan carian pantas dan analisis volum maklumat yang besar.
• Kibana: Alat untuk visualisasi data masa nyata, disepadukan dengan Elasticsearch.
• Nginx: Pelayan web yang menyediakan akses pantas dan stabil ke tapak.
• JavaScript dan AJAX: Digunakan untuk mencipta elemen dinamik dan interaktif di sisi pelanggan.
• UAParser.js dan peranti semasa: Perpustakaan untuk mengenal pasti peranti dan ciri-cirinya.
• ApexCharts dan ECharts: Alat untuk mencipta carta dan graf yang digunakan untuk visualisasi data.
• vanilla-datetimerange-picker: Sebuah perpustakaan untuk pemilihan julat tarikh yang mudah, menjadikan analitis di sisi pengguna lebih mudah.

Teknologi ini membantu CheckStat memproses sejumlah besar data dengan pantas dan menyediakan analisis masa nyata.

Kes Penggunaan

CheckStat ialah alat yang benar-benar membantu meningkatkan tapak web anda. Begini cara anda boleh menggunakannya:

• Pantau tindakan pengguna: Dalam bahagian "Aktiviti", anda boleh melihat dalam masa nyata perkara yang pelawat anda lakukan di tapak anda. Siapa yang masuk, halaman apa yang mereka lihat, dari mana asalnya, peranti dan penyemak imbas yang mereka gunakan — semuanya ada di sana. Ini berguna untuk memahami cara orang berinteraksi dengan kandungan anda dan tempat mereka mungkin kehilangan minat.
• Tapis dan analisis data: Dalam "Statistik," anda boleh menyediakan penapis untuk melihat maklumat yang anda perlukan sahaja. Contohnya, anda boleh memilih data mengikut kawasan atau sumber trafik tertentu dan mengecualikan yang tidak perlu. Ini membantu anda fokus pada perkara yang benar-benar penting.
• Optimumkan kandungan: Menggunakan data daripada "Aktiviti" dan "Statistik," anda boleh mengenal pasti halaman mana yang popular dan menambah baik halaman tersebut. Jika anda melihat bahawa orang ramai menghabiskan banyak masa di halaman tertentu, ia mungkin berbaloi untuk menambah kandungan yang lebih berguna kepada mereka.
• Analisis sumber trafik: CheckStat menunjukkan dari mana pelawat anda datang — sama ada enjin carian, rangkaian sosial atau entri langsung. Ini membantu anda memahami saluran mana yang paling berkesan dan tempat untuk melabur lebih banyak usaha.

Contoh ini menunjukkan cara CheckStat boleh membantu anda memahami perkara yang berlaku di tapak anda dan menjadikannya lebih baik.

Mengenai Pemaju

CheckStat dibangunkan di Ukraine, dalam keadaan perang yang mencabar dan gangguan bekalan elektrik berkala akibat kerosakan pada infrastruktur tenaga. Walaupun menghadapi cabaran ini, projek ini berjaya disiapkan dan terus berkembang.

Kesimpulan

CheckStat ialah alat yang direka untuk mereka yang ingin lebih memahami pengguna mereka dan menjadikan tapak web mereka lebih baik. Ia membolehkan anda menjejak aktiviti tapak dengan mudah, menganalisis metrik utama dan membuat keputusan berdasarkan data. Cuba CheckStat dan lihat sendiri betapa mudah dan bergunanya.

Pautan Tapak: CheckStat.net

The above is the detailed content of How CheckStat was created: Real-time site analytics. For more information, please follow other related articles on the PHP Chinese website!