Cookielose Webanalyse für Webflow

Warum Noralytic mit Webflow

Webflow-Seiten sind auf Design und Geschwindigkeit ausgelegt, und ein schweres Analyse-Skript arbeitet dagegen. Noralytic fügt weniger als 1 KB hinzu und lässt Ihre Core Web Vitals unberührt.

Es passt zu Marketing-Seiten, Portfolios und Agenturprojekten, bei denen ein sauberes Besuchererlebnis zählt.

• 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.
• Eine Webflow-Seite in einem bezahlten Tarif, der Custom Code in den Seiteneinstellungen erlaubt.

So binden Sie Noralytic in Webflow 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
   Projekteinstellungen öffnen
   Öffnen Sie im Webflow Designer die Site settings.
2. 2
   Zu Custom code gehen
   Öffnen Sie den Tab Custom code und suchen Sie das Feld Head code.
3. 3
   Tracking-Code einfügen
   Fügen Sie das Noralytic-Snippet in Head code ein und speichern Sie.
4. 4
   Website veröffentlichen
   Veröffentlichen Sie auf Ihrer Live-Domain. Der Code läuft nur auf veröffentlichten Seiten.

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

Geben Sie einem Button oder Link eine Klasse wie <code>track-signup</code> und fügen Sie dies in das Feld Footer code ein, um Klicks und Formularsendungen zu zählen.

document.querySelectorAll('.track-signup').forEach(function (el) {
    el.addEventListener('click', function () {
        pa.track({ name: 'signup_click' });
    });
});

document.addEventListener('submit', function () {
    pa.track({ name: 'form_submit' });
});

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

• Custom Code braucht einen bezahlten Tarif. Ist das Feld gesperrt, prüfen Sie Ihren Webflow-Seitentarif.
• Staging-Domain: Tragen Sie Ihre Live-Domain in Noralytic ein. Besuche auf webflow.io werden nur gezählt, wenn Sie auch diese Domain hinzufügen.
• 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.