Cookielose Webanalyse für Astro

Warum Noralytic mit Astro

Astro liefert standardmäßig fast kein JavaScript aus, und Ihre Analyse sollte das respektieren. Noralytic fügt weniger als 1 KB hinzu und keine Cookies.

Es passt zu Content-Seiten, Dokumentation und Marketing-Seiten, bei denen Performance und Datenschutz Priorität haben.

• 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.
• Ein Astro-Projekt mit gemeinsamem Layout, zum Beispiel src/layouts/Layout.astro.

So binden Sie Noralytic in Astro 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
   Layout öffnen
   Öffnen Sie das Layout, das Ihren <head> enthält.
2. 2
   Inline-Skript hinzufügen
   Fügen Sie das Snippet mit der Direktive is:inline ein, damit Astro die Attribute unverändert lässt.
3. 3
   Bauen und deployen
   Deployen Sie Ihre Seite und prüfen Sie die Echtzeit-Ansicht.

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

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 Astro messen

Nutzen Sie ein kleines Inline-Skript für Ereignisse an interaktiven Elementen.

<script is:inline>
  document.querySelector('#signup')?.addEventListener('click', () => {
    window.pa?.track({ name: 'signup' });
  });
</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

• is:inline verwenden: Ohne diese Direktive verarbeitet Astro das Skript möglicherweise und verwirft die Data-Attribute.
• View Transitions: Nutzen Sie den Client-Router, wird die Verlaufsnavigation automatisch erfasst.
• 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.