„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Wie CheckStat erstellt wurde: Website-Analyse in Echtzeit

Wie CheckStat erstellt wurde: Website-Analyse in Echtzeit

Veröffentlicht am 04.11.2024
Durchsuche:515

Was ist CheckStat?

CheckStat ist ein Projekt, das ich entwickelt habe, um Websitebesitzern, Entwicklern und Analysten dabei zu helfen, besser zu verstehen, was auf ihren Webressourcen passiert. Mit diesem Tool können Sie in Echtzeit verfolgen, was Ihre Besucher auf Ihrer Website tun. Durch die Analyse dieser Statistiken können Sie fundiertere Entscheidungen treffen und die Leistung Ihrer Website verbessern.

1. Aktivität

Im Bereich „Aktivität“ können Sie in Echtzeit beobachten, was Ihre Besucher auf Ihrer Website tun. Dadurch erhalten Sie ein vollständiges Bild davon, wer sich gerade auf Ihrer Website befindet, was sie tun und woher sie kommen.

How CheckStat was created: Real-time site analytics

  • Einzigartige Symbole für jeden Besucher: Jeder Benutzer auf Ihrer Website wird durch ein eindeutiges Symbol dargestellt, sodass er leichter zu identifizieren ist. Sie können das Symbol für jeden Besucher anpassen, indem Sie ein bestimmtes Bild auswählen und sperren.
  • Informationen zur Besuchszeit: Die Zeit, zu der ein Besucher Ihre Website betrat, wird entsprechend Ihrer Zeitzone angezeigt, was die Synchronisierung von Daten mit lokalen Ereignissen oder Werbeaktionen auf der Website erleichtert.
  • Besuchsanzahl: Das System zeigt an, wie oft ein Benutzer die Website heute, in diesem Monat und insgesamt besucht hat, und hilft Ihnen so, die Loyalität und Aktivität Ihrer regelmäßigen Besucher einzuschätzen.
  • URL und Seitentitel: Bei jedem Besuch werden die URL und der Titel der angezeigten Seite angezeigt, sodass Sie besser verstehen, welcher Inhalt die Aufmerksamkeit der Benutzer auf sich zieht.
  • Geolocation: Sie können das Land, die Region und die Stadt sehen, aus der der Besucher kam. Dies ist wichtig für die Analyse der geografischen Verteilung Ihrer Zielgruppe.
  • Benutzeraktivität: Parameter wie Klicks, Mausbewegungen, Tastenanschläge, Sensorinteraktionen und Scrollen werden verfolgt, sodass Sie ein umfassendes Verständnis der Interaktion des Benutzers mit Ihrer Website erhalten.
  • Technische Details: Das System stellt Informationen über das Betriebssystem, den Browser, den Gerätetyp und die Bildschirmauflösung des Benutzers bereit. Diese Daten helfen bei der Optimierung von Inhalten und Design für verschiedene Geräte.
  • Verkehrsquelle: Sie können sehen, woher der Besucher kam (z. B. Suchmaschinen, soziale Netzwerke oder andere Websites) und so die Wirksamkeit Ihrer Marketingkampagnen beurteilen.

Zusätzlich können Sie im Abschnitt „Aktivität“ Filter aktivieren, um nur aktive Benutzer anzuzeigen, die mit der Website interagieren. Dadurch können Sie sich auf die Nutzer konzentrieren, die sich am meisten mit Ihren Inhalten beschäftigen.

Die automatische Aktualisierung ist standardmäßig aktiviert und neue Besuche werden in Echtzeit mit Animation angezeigt. Mit dieser Funktion können Sie sofort auf Änderungen auf der Website reagieren, beispielsweise während einer Werbe- oder Marketingkampagne.

2. Statistiken

Der Abschnitt „Statistik“ dient der tiefergehenden Analyse. Hier können Sie Daten über einen beliebigen Zeitraum sammeln und analysieren, nicht nur auf Standardzeitintervalle.

How CheckStat was created: Real-time site analytics

  • Hauptdiagramm: Das Hauptdiagramm zeigt zwei Zeilen an – die Gesamtzahl der Aufrufe und einzelnen Besucher im ausgewählten Zeitraum. So können Sie schnell beurteilen, wie sich die Website-Aktivität über Tage, Wochen oder Monate hinweg verändert hat.
  • Besucherkarte: Die Weltkarte visualisiert Besucherdaten aus verschiedenen Ländern. Durch den Farbverlauf von Weiß (Mindestbesucherzahl) zu Blau (Maximale Besucherzahl) lässt sich leicht erkennen, welche Regionen den meisten Verkehr anziehen.
  • Parameteranalyse: Unten auf der Seite werden die Anzeigedaten nach Land, Region, Stadt, Browser, Betriebssystem und anderen Parametern blockiert. Sie können die Parameter auswählen, die Sie interessieren, und sie einem Filter hinzufügen, um nur die Informationen anzuzeigen, die Sie benötigen. Dieses flexible Tool hilft Ihnen, Ihre Analyse zu verfeinern und genauere Entscheidungen zu treffen.

Sie können auch Filter einrichten, um bestimmte Parameter einzuschließen oder auszuschließen und zu sehen, wie sich dies auf die Gesamtstatistik auswirkt. Sie können beispielsweise sehen, wie Benutzer aus einer bestimmten Region mit Ihrer Website interagieren und welche Seiten sie am meisten anziehen.

3. Dashboard

Das „Dashboard“ ist ein Übersichtsbereich, der die wichtigsten Kennzahlen Ihrer Website für den aktuellen Tag anzeigt und Änderungen in den letzten 30 Tagen verfolgt.

How CheckStat was created: Real-time site analytics

  • Wichtige Kennzahlen: Das Panel zeigt die Anzahl der einzelnen Besucher, Gesamtansichten, durchschnittliche Ansichten pro Besucher und durchschnittliche Sitzungsdauer. Mithilfe dieser Daten können Sie schnell die aktuelle Leistung Ihrer Website beurteilen.
  • Aktivitätsdiagramme: Auf dem Dashboard können Sie Diagramme sehen, die die Benutzeraktivität in den letzten drei Stunden zeigen, gruppiert in 10-Minuten-Intervallen. Dies hilft Ihnen, Spitzenaktivitätszeiten einzuschätzen und festzustellen, wann Ihre Website am häufigsten besucht wird.
  • Top-5-Schlüsselparameter: Hier finden Sie Daten zu den Top-5-Ländern, Betriebssystemen, Traffic-Quellen und Gerätetypen. Diese Daten helfen Ihnen zu verstehen, welche Geräte und Plattformen Ihre Benutzer verwenden und woher sie kommen.

Das „Dashboard“ ist ein Ort, an dem Sie sich schnell einen Überblick über die Vorgänge auf Ihrer Website verschaffen können.

Technische Details

CheckStat basiert auf modernen Technologien, die eine hohe Leistung und Skalierbarkeit gewährleisten:

  • PHP: Die Hauptsprache, die für die serverseitige Entwicklung und Anwendungslogikverarbeitung verwendet wird.
  • MySQL und Elasticsearch: MySQL dient der zuverlässigen Datenspeicherung, während Elasticsearch die schnelle Suche und Analyse großer Informationsmengen ermöglicht.
  • Kibana: Ein Tool zur Echtzeit-Datenvisualisierung, integriert in Elasticsearch.
  • Nginx: Ein Webserver, der schnellen und stabilen Zugriff auf die Website bietet.
  • JavaScript und AJAX: Wird verwendet, um dynamische und interaktive Elemente auf der Clientseite zu erstellen.
  • UAParser.js und current-device: Bibliotheken zur Identifizierung des Geräts und seiner Eigenschaften.
  • ApexCharts und ECharts: Tools zum Erstellen von Diagrammen und Grafiken zur Datenvisualisierung.
  • vanilla-datetimerange-picker: Eine Bibliothek zur einfachen Datumsbereichsauswahl, die die Analyse auf Benutzerseite komfortabler macht.

Diese Technologien helfen CheckStat dabei, große Datenmengen schnell zu verarbeiten und Echtzeitanalysen bereitzustellen.

Anwendungsfälle

CheckStat ist ein Tool, das wirklich dabei hilft, Ihre Website zu verbessern. So können Sie es verwenden:

  • Benutzeraktionen überwachen: Im Bereich „Aktivität“ können Sie in Echtzeit sehen, was Ihre Besucher auf Ihrer Website tun. Wer kam herein, welche Seiten sehen sie sich an, woher kamen sie, welche Geräte und Browser verwenden sie – hier ist alles klar. Dies ist nützlich, um zu verstehen, wie Menschen mit Ihren Inhalten interagieren und wo sie möglicherweise das Interesse verlieren.
  • Daten filtern und analysieren: In „Statistik“ können Sie Filter einrichten, um nur die Informationen anzuzeigen, die Sie benötigen. Sie können beispielsweise Daten nach bestimmten Regionen oder Verkehrsquellen auswählen und unnötige Daten ausschließen. Das hilft Ihnen, sich auf das Wesentliche zu konzentrieren.
  • Inhalt optimieren: Mithilfe der Daten aus „Aktivität“ und „Statistik“ können Sie ermitteln, welche Seiten beliebt sind, und diese verbessern. Wenn Sie feststellen, dass die Leute viel Zeit auf bestimmten Seiten verbringen, könnte es sich lohnen, ihnen weitere nützliche Inhalte hinzuzufügen.
  • Traffic-Quellen analysieren: CheckStat zeigt, woher Ihre Besucher kommen – ob Suchmaschinen, soziale Netzwerke oder Direkteinträge. Dies hilft Ihnen zu verstehen, welche Kanäle am besten funktionieren und wo Sie mehr Aufwand investieren müssen.

Diese Beispiele zeigen, wie CheckStat Ihnen helfen kann, die Vorgänge auf Ihrer Website zu verstehen und sie zu verbessern.

Über den Entwickler

CheckStat wurde in der Ukraine unter schwierigen Bedingungen mit anhaltendem Krieg und periodischen Stromausfällen aufgrund von Schäden an der Energieinfrastruktur entwickelt. Trotz dieser Herausforderungen wurde das Projekt erfolgreich abgeschlossen und entwickelt sich weiter.

Abschluss

CheckStat ist ein Tool für diejenigen, die ihre Benutzer besser verstehen und ihre Website verbessern möchten. Es ermöglicht Ihnen, die Website-Aktivität einfach zu verfolgen, wichtige Kennzahlen zu analysieren und datengesteuerte Entscheidungen zu treffen. Probieren Sie CheckStat aus und überzeugen Sie sich selbst, wie praktisch und nützlich es sein kann.

Site-Link: CheckStat.net

Freigabeerklärung Dieser Artikel ist abgedruckt unter: https://dev.to/filmovtv/how-checkstat-was-created-real-time-site-analytics-3h7d?1 Bei Verstößen wenden Sie sich bitte an [email protected], um ihn zu löschen Es
Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3