Cookielose Webanalyse für statische Seiten

Warum Noralytic mit statischen Seiten und HTML

Bei statischen Seiten geht es um Geschwindigkeit und Einfachheit, und Noralytic bewahrt beides. Es gibt keinen Servercode, keine Cookies und keine Consent-Tools, die Sie hinzufügen müssten.

Es funktioniert für Dokumentation, Portfolios und Blogs, die irgendwo gehostet sind, auch bei GitHub Pages, Netlify und Cloudflare Pages.

• Keine Cookies, kein lokaler Speicher und keine gespeicherten IP-Adressen, daher braucht die Analyse allein kein Einwilligungsbanner.
• Ein Tracking-Skript unter 1 KB, das Ihre Seiten nicht verlangsamt.
• Echtzeit-Statistiken, Top-Seiten, Quellen, Länder, Geräte, Kampagnen und Ereignisse in einem einfachen Dashboard.
• Navigation innerhalb von Single-Page-Anwendungen wird automatisch erfasst, weil das Skript dem Browserverlauf folgt.

Was Sie brauchen

• Ein kostenloses Noralytic-Konto mit Ihrer Website unter ihrer genauen Domain.
• Zugriff auf das Template oder die HTML-Datei, die den <head> Ihrer Seiten enthält.

So binden Sie Noralytic in statische Seiten und HTML ein

Der Tracking-Code besteht aus einer Zeile. Die Schritte unten zeigen, wohin er gehört.

<script data-host="https://noralytic.com" src="https://noralytic.com/js/script.js" id="ZwSg9rf6GA" async defer></script>

1. 1
   Reines HTML
   Fügen Sie das Snippet im <head> jeder Seite ein oder in Ihr gemeinsames Header-Include.
2. 2
   Hugo
   Fügen Sie es in layouts/partials/head.html oder in baseof.html ein.
3. 3
   Jekyll und Eleventy
   Fügen Sie es in _includes/head.html (Jekyll) oder Ihr Basis-Layout (Eleventy) ein.
4. 4
   Neu bauen und deployen
   Bauen Sie Ihre Seite neu, deployen Sie sie und prüfen Sie die Echtzeit-Ansicht.

Prüfen, ob das Tracking funktioniert

1. 1
   Website öffnen
   Nutzen Sie ein privates Browserfenster, damit Erweiterungen und Ihr Login nicht stören.
2. 2
   Noralytic-Echtzeit-Ansicht öffnen
   Öffnen Sie in Ihrem Noralytic-Dashboard Ihre Website und wechseln Sie zu Echtzeit.
3. 3
   Ihren Besuch suchen
   Ihr Seitenaufruf sollte innerhalb weniger Sekunden erscheinen. Klicken Sie ein paar Seiten durch, um zu sehen, dass jede gezählt wird.

Eigene Ereignisse in statischen Seiten und HTML messen

Nutzen Sie ein kleines Skript am Seitenende, um Klicks auf wichtige Elemente zu messen.

<script>
  document.querySelector('#download')?.addEventListener('click', function () {
    window.pa && pa.track({ name: 'download' });
  });
</script>

Ereignisse erscheinen in Ihrem Ereignisbericht. Wert und Einheit sind optional, zum Beispiel pa.track({ name: 'purchase', value: 49.9, unit: 'EUR' }).

Eigene Besuche und Bots ausschließen

Damit Ihre Zahlen sauber bleiben, öffnen Sie die Website-Einstellungen in Noralytic und tragen Ihre eigene IP-Adresse unter den ausgeschlossenen IP-Adressen ein. Stellen Sie sicher, dass der Bot-Filter aktiviert ist, damit bekannte Crawler ignoriert werden.

Fehlerbehebung

• Jede Seite braucht das Snippet: Setzen Sie es in ein gemeinsames Template, damit keine Seite fehlt.
• Hosting-Cache: Laden Sie nach dem Deploy hart neu oder leeren Sie Ihren CDN-Cache, bevor Sie testen.
• Nach einigen Minuten keine Daten? Prüfen Sie, ob die Domain in Noralytic genau zu Ihrer Website passt und das Skript im Seitenquelltext erscheint.
• Werbeblocker: Manche Blocker verstecken Analyse-Skripte. Testen Sie in einem privaten Fenster ohne Erweiterungen.
• Content Security Policy: Nutzen Sie eine, erlauben Sie noralytic.com als Skript- und Verbindungsquelle.