CheckStat 是如何创建的:实时站点分析

WBOY
发布: 2024-08-26 22:30:32
原创
332 人浏览过

Qu'est-ce que CheckStat

CheckStatest un projet que j'ai développé pour aider les propriétaires de sites Web, les développeurs et les analystes à mieux comprendre ce qui se passe sur leurs ressources Web. Cet outil vous permet de suivre ce que font vos visiteurs sur votre site en temps réel. L'analyse de ces statistiques vous aide à prendre des décisions plus éclairées et à améliorer les performances de votre site Web.

1.Activité

Dans la section « Activité », vous pouvez surveiller ce que font vos visiteurs sur votre site en temps réel. Cela vous donne une image complète de qui est actuellement sur votre site, de ce qu'ils font et d'où ils viennent.

How CheckStat was created: Real-time site analytics

  • Icônes uniques pour chaque visiteur: Chaque utilisateur de votre site est représenté par une icône unique, facilitant son identification. Vous pouvez personnaliser l'icône pour chaque visiteur, en sélectionnant et en verrouillant une image spécifique.
  • Informations sur l'heure de visite: L'heure à laquelle un visiteur est entré sur votre site est affichée en fonction de votre fuseau horaire, ce qui permet de synchroniser les données avec les événements locaux ou les promotions sur le site.
  • Nombre de visites: le système indique combien de fois un utilisateur a visité le site aujourd'hui, ce mois-ci et globalement, vous aidant à évaluer la fidélité et l'activité de vos visiteurs réguliers.
  • URL et titre de la page: pour chaque visite, l'URL et le titre de la page qu'ils consultent sont affichés, vous aidant à comprendre quel contenu capte l'attention des utilisateurs.
  • Géolocalisation: Vous pouvez voir le pays, la région et la ville d'où vient le visiteur. Ceci est important pour analyser la répartition géographique de votre audience.
  • Activité de l'utilisateur: les paramètres tels que les clics, les mouvements de la souris, les frappes au clavier, les interactions avec les capteurs et le défilement sont suivis, vous donnant une compréhension complète de l'engagement de l'utilisateur avec votre site.
  • Détails techniques: Le système fournit des informations sur le système d'exploitation, le navigateur, le type d'appareil et la résolution de l'écran de l'utilisateur. Ces données aident à optimiser le contenu et la conception pour différents appareils.
  • Source de trafic: vous pouvez voir d'où vient le visiteur (par exemple, moteurs de recherche, réseaux sociaux ou autres sites Web), vous aidant ainsi à évaluer l'efficacité de vos campagnes marketing.

De plus, dans la section « Activité », vous pouvez activer des filtres pour afficher uniquement les utilisateurs actifs qui interagissent avec le site. Cela vous permet de vous concentrer sur les utilisateurs les plus impliqués dans votre contenu.

L'actualisation automatique est activée par défaut et les nouvelles visites sont affichées en temps réel avec animation. Cette fonctionnalité vous aide à réagir instantanément aux changements sur le site, par exemple lors d'une promotion ou d'une campagne marketing.

2.Statistiques

La section « Statistiques » est conçue pour des analyses plus approfondies. Ici, vous pouvez collecter et analyser des données sur n'importe quelle période, sans vous limiter aux intervalles de temps standard.

How CheckStat was created: Real-time site analytics

  • Graphique principal: le graphique principal affiche deux lignes : le nombre total de vues et de visiteurs uniques sur la période sélectionnée. Cela vous aide à évaluer rapidement l'évolution de l'activité du site au fil des jours, des semaines ou des mois.
  • Carte des visiteurs: La carte du monde visualise les données des visiteurs de différents pays. Le dégradé de couleurs du blanc (visiteurs minimum) au bleu (visiteurs maximum) permet de voir facilement quelles régions génèrent le plus de trafic.
  • Analyse des paramètres: au bas de la page, les blocs affichent les données par pays, région, ville, navigateur, système d'exploitation et autres paramètres. Vous pouvez sélectionner les paramètres qui vous intéressent et les ajouter à un filtre pour voir uniquement les informations dont vous avez besoin. Cet outil flexible vous aide à affiner votre analyse et à prendre des décisions plus précises.

Vous pouvez également configurer des filtres pour inclure ou exclure certains paramètres et voir comment cela affecte les statistiques globales. Par exemple, vous pouvez voir comment les utilisateurs d'une région spécifique interagissent avec votre site et quelles pages les attirent le plus.

3.Tableau de bord

Le « Tableau de bord » est un panneau récapitulatif qui affiche les indicateurs clés de votre site pour la journée en cours et suit les modifications au cours des 30 derniers jours.

How CheckStat was created: Real-time site analytics

  • 关键指标:面板显示独立访客数量、总观看次数、每位访客的平均观看次数以及平均会话持续时间。这些数据可以帮助您快速评估网站的当前性能。
  • 活动图表:在仪表板上,您可以看到显示过去三个小时内用户活动的图表,以 10 分钟为间隔进行分组。这可以帮助您评估活动高峰期并确定您的网站访问量最大的时间。
  • 前 5 个关键参数:在这里,您将找到有关前 5 个国家/地区、操作系统、流量来源和设备类型的数据。这些数据可帮助您了解用户正在使用哪些设备和平台以及他们来自哪里。

“仪表板”是您可以快速全面了解网站上发生的情况的地方。

技术细节

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

以上是CheckStat 是如何创建的:实时站点分析的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!