«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Как создавался CheckStat: аналитика сайта в режиме реального времени

Как создавался CheckStat: аналитика сайта в режиме реального времени

Опубликовано 4 ноября 2024 г.
Просматривать:254

Что такое CheckStat

CheckStat  — это проект, который я разработал, чтобы помочь владельцам веб-сайтов, разработчикам и аналитикам лучше понимать, что происходит на их веб-ресурсах. Этот инструмент позволяет отслеживать, что посетители делают на вашем сайте в режиме реального времени. Анализ этой статистики поможет вам принимать более обоснованные решения и улучшить производительность вашего сайта.

1. Действие

В разделе «Активность» вы можете в режиме реального времени наблюдать за тем, что делают посетители на вашем сайте. Это дает вам полное представление о том, кто сейчас находится на вашем сайте, что они делают и откуда они пришли.

How CheckStat was created: Real-time site analytics

  • Уникальные значки для каждого посетителя: каждый пользователь на вашем сайте представлен уникальным значком, что упрощает его идентификацию. Вы можете настроить иконку для каждого посетителя, выбрав и заблокировав определенное изображение.
  • Информация о времени посещения: время, когда посетитель зашел на ваш сайт, отображается в соответствии с вашим часовым поясом, что помогает синхронизировать данные с местными событиями или рекламными акциями на сайте.
  • Количество посещений: система показывает, сколько раз пользователь посетил сайт сегодня, в этом месяце и в целом, что помогает вам оценить лояльность и активность ваших постоянных посетителей.
  • URL-адрес и заголовок страницы: при каждом посещении отображаются URL-адрес и заголовок просматриваемой страницы, что помогает понять, какой контент привлекает внимание пользователей.
  • Геолокация: вы можете увидеть страну, регион и город, из которого пришел посетитель. Это важно для анализа географического распределения вашей аудитории.
  • Активность пользователя: отслеживаются такие параметры, как клики, движения мыши, нажатия клавиш, взаимодействие сенсоров и прокрутка, что дает вам полное представление о взаимодействии пользователя с вашим сайтом.
  • Технические сведения: система предоставляет информацию об операционной системе пользователя, браузере, типе устройства и разрешении экрана. Эти данные помогают оптимизировать контент и дизайн для различных устройств.
  • Источник трафика: вы можете увидеть, откуда пришел посетитель (например, из поисковых систем, социальных сетей или других веб-сайтов), что поможет вам оценить эффективность ваших маркетинговых кампаний.

Кроме того, в разделе «Активность» вы можете активировать фильтры, чтобы отображать только активных пользователей, взаимодействующих с сайтом. Это позволит вам сосредоточиться на пользователях, которые больше всего заинтересованы в вашем контенте.

Автообновление включено по умолчанию, и новые посещения отображаются в режиме реального времени с анимацией. Эта функция помогает мгновенно реагировать на изменения на сайте, например, во время рекламной или маркетинговой кампании.

2. Статистика

Раздел «Статистика» предназначен для более глубокой аналитики. Здесь вы можете собирать и анализировать данные за любой период, не ограничиваясь стандартными интервалами времени.

How CheckStat was created: Real-time site analytics

  • Основной график: На основном графике отображаются две линии — общее количество просмотров и уникальных посетителей за выбранный период времени. Это поможет вам быстро оценить, как изменилась активность на сайте за дни, недели или месяцы.
  • Карта посетителей: на карте мира визуализируются данные о посетителях из разных стран. Цветовой градиент от белого (минимальное количество посетителей) до синего (максимальное количество посетителей) позволяет легко увидеть, какие регионы приносят больше всего трафика.
  • Аналитика параметров: В нижней части страницы блоки отображают данные по стране, региону, городу, браузеру, операционной системе и другим параметрам. Вы можете выбрать интересующие вас параметры и добавить их в фильтр, чтобы видеть только нужную вам информацию. Этот гибкий инструмент поможет вам уточнить анализ и принять более точные решения.

Вы также можете настроить фильтры, чтобы включить или исключить определенные параметры и посмотреть, как это повлияет на общую статистику. Например, вы можете увидеть, как пользователи из определенного региона взаимодействуют с вашим сайтом и какие страницы привлекают их больше всего.

3. Панель управления

Панель мониторинга – это сводная панель, на которой отображаются ключевые показатели вашего сайта за текущий день и отслеживаются изменения за последние 30 дней.

How CheckStat was created: Real-time site analytics

  • Ключевые показатели: на панели отображается количество уникальных посетителей, общее количество просмотров, среднее количество просмотров на посетителя и средняя продолжительность сеанса. Эти данные помогут вам быстро оценить текущую эффективность вашего сайта.
  • Диаграммы активности: на панели управления вы можете увидеть диаграммы, показывающие активность пользователей за последние три часа, сгруппированные по 10-минутным интервалам. Это поможет вам оценить периоды пиковой активности и определить, когда ваш сайт наиболее посещаем.
  • Пять основных параметров: здесь вы найдете данные по пяти ведущим странам, операционным системам, источникам трафика и типам устройств. Эти данные помогут вам понять, какие устройства и платформы используют ваши пользователи и откуда они приходят.

Панель управления – это место, где вы можете быстро получить общую картину того, что происходит на вашем сайте.

Технические детали

CheckStat построен с использованием современных технологий, обеспечивающих высокую производительность и масштабируемость:

  • PHP: основной язык, используемый для разработки на стороне сервера и обработки логики приложений.
  • MySQL и Elasticsearch: MySQL используется для надежного хранения данных, а Elasticsearch обеспечивает быстрый поиск и анализ больших объемов информации.
  • Kibana: инструмент для визуализации данных в реальном времени, интегрированный с Elasticsearch.
  • Nginx: веб-сервер, обеспечивающий быстрый и стабильный доступ к сайту.
  • JavaScript и AJAX: используются для создания динамических и интерактивных элементов на стороне клиента.
  • UAParser.js и current-device: библиотеки для идентификации устройства и его характеристик.
  • ApexCharts и ECharts: инструменты для создания диаграмм и графиков, используемых для визуализации данных.
  • vanilla-datetimerange-picker: библиотека для простого выбора диапазона дат, что делает аналитику на стороне пользователя более удобной.

Эти технологии помогают CheckStat быстро обрабатывать большие объемы данных и предоставлять аналитику в режиме реального времени.

Варианты использования

CheckStat — это инструмент, который действительно помогает улучшить ваш сайт. Вот как вы можете его использовать:

  • Отслеживание действий пользователей: в разделе «Активность» вы можете в режиме реального времени видеть, что посетители делают на вашем сайте. Кто заходил, какие страницы просматривает, откуда пришли, какие устройства и браузеры используют — там все в порядке. Это полезно для понимания того, как люди взаимодействуют с вашим контентом и где они могут потерять интерес.
  • Фильтрация и анализ данных: В разделе «Статистика» вы можете настроить фильтры, чтобы видеть только нужную вам информацию. Например, вы можете выбрать данные по конкретным регионам или источникам трафика и исключить лишнее. Это поможет вам сосредоточиться на том, что действительно важно.
  • Оптимизация контента: используя данные из разделов «Активность» и «Статистика», вы можете определить, какие страницы популярны, и улучшить их. Если вы видите, что люди проводят много времени на определенных страницах, возможно, стоит добавить на них больше полезного контента.
  • Анализ источников трафика: CheckStat показывает, откуда приходят ваши посетители — будь то поисковые системы, социальные сети или прямые входы. Это поможет вам понять, какие каналы работают лучше всего и куда вложить больше усилий.

Эти примеры показывают, как CheckStat может помочь вам понять, что происходит на вашем сайте, и сделать его лучше.

О разработчике

CheckStat был разработан в Украине в сложных условиях продолжающейся войны и периодических отключений электроэнергии из-за повреждения энергетической инфраструктуры. Несмотря на эти трудности, проект был успешно завершен и продолжает развиваться.

Заключение

CheckStat — это инструмент, созданный для тех, кто хочет лучше понимать своих пользователей и делать свой сайт лучше. Это позволяет вам легко отслеживать активность сайта, анализировать ключевые показатели и принимать решения на основе данных. Попробуйте CheckStat и убедитесь сами, насколько это может быть удобно и полезно.

Ссылка на сайт: CheckStat.net

Заявление о выпуске Эта статья переиздана по адресу: https://dev.to/filmovtv/how-checkstat-was-real-real-site-site-analytics-3h7dчай.
Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3