Effektives Tracking mit Statify: Zeitverzögerung + Scrolltiefe

Der Classic-Editor: Vertraut und zuverlässig –
Ihr bewährter Begleiter.

Erleben Sie den Classic Editor neu!
(Bilder von pixelcreatures)

Viele Nutzer schätzen die vertraute Umgebung des Classic-Editors, die eine einfache und schnelle Bearbeitung ermöglicht.

Mit dem Advanced Editor Tools auf das nächste Level –
Mehr Funktionen, mehr Möglichkeiten.

Classic Editor + Advanced Editor Tools
= Ihr Erfolgsrezept

Der Advanced Editor erweitert den Funktionsumfang des Classic-Editors und ermöglicht es, Inhalte noch effektiver zu bearbeiten.

Einfach und intuitiv –
Der Classic-Editor für alle.

Classic Editor & Advanced Editor Tools
Erleben Sie es.

Der Classic-Editor zeichnet sich durch Stabilität und Zuverlässigkeit aus, was für professionellen Anwender von Bedeutung ist.

Mehr schaffen in weniger Zeit –
Der Advanced Editor für kreative Köpfe.

Optimieren Sie Ihre Bearbeitung:
Advanced Editor Tools

Mit dem Advanced Editor können Designer und
Content Creatoren kreative Ideen umsetzten.

Statify ermöglicht als minimalistisches Tracking-Tool das Erfassen von Besuchen auf der eigenen Website – ganz ohne Cookies und externe Datenspeicherung. In der hier vorgestellten Methode werden Besuche nur gezählt, wenn eine Mindestaufenthaltsdauer und eine bestimmte Scrolltiefe erreicht sind. Damit gewinnt die Datenbasis an Aussagekraft und bietet wertvolle Anhaltspunkte, um gezielte Verbesserungen vorzunehmen und das Nutzererlebnis weiter zu optimieren.

Statify-Optimierung für rationelles Tracking:

IP-Ausschlusslogik für Statify (für Entwickler geeignet)
Dieser Beitrag erklärt, wie Admin-IP-Adressen automatisch vom Tracking ausgeschlossen werden. So kann die eigene Website in allen Browsern getestet werden, ohne in die Besucherstatistik von Statify einzufließen.
Der Beitrag hier:
Effektives Tracking mit Statify: Zeitverzögerung + Scrolltiefe
Hier geht es um die Erweiterung der Statify-Tracking-Funktionen, einschließlich der Möglichkeit, Zeitverzögerungen und Scrolltiefe zu messen, um tiefergehende Einblicke in das Nutzerverhalten zu erhalten.

Erweiterungen für effektives Tracking:

Click & Bounce Counter und Statify: im Duo für effektives Tracking
Eine Anleitung, wie die Kombination von Statify und dem Bounce Counter Plug-in zu einem leistungsstarken Tracking-System führt.
Verweildauer der Erweiterung 'Visit Duration'
Der Artikel zeigt, wie die Verweildauer von Besucher gemessen werden kann – ohne Cookies und ohne zusätzliche Datenbanktabellen.

Der Beitrag ist auch eine Fortsetzung von:

Besucherstatistik mit 'Statify' – dt. Erweiterungen

Im Hinblick auf die DSGVO benötigen Dienste wie Google Analytics und andere Zustimmung von Besuchern zur Verwendung von Cookies, um Besucherstatistiken aufzuzeichnen. Im Gegensatz dazu ... weiterlesen

WP Wegerl.at Link copie

Statify: Besuche effektiv tracken

Inhaltsverzeichnis

Für diesen entscheidenden Aspekt, um die Statistik relevanter zu gestalten, bieten wir drei Ausgaben an, wobei der dritte am effektivsten sein wird.

Zeitverzögerung des Trackings,
Scrolltiefe-Tracking oder zusammen
Zeitverzögerung + Scrolltiefe-Tracking

Da Statify selten Updates veröffentlicht, ist es unkompliziert, den angepassten Code direkt in der Datei snippet.min.js einzutragen. Der bestehende Code wird einfach auskommentiert, und das neue Snippet hinzugefügt. Plug-ins Update ist das zu erneuern.

Testen: Teste die Änderungen in deiner Umgebung, um sicherzustellen, dass der Tracking-Impuls wie gewünscht funktioniert und keine anderen Funktionalitäten der Seite beeinträchtigt werden.

Zeitverzögerung des Trackings

Statt sofort beim Laden der Seite die Besuche zu erfassen, wartet das Script eine kurze Zeitspanne ab. So werden nur Besuche erfasst, die länger als einige Sekunden dauern, was eine präzisere Analyse des Nutzerverhaltens ermöglicht und Streubesuche ausfiltert.

Entfernt die sofortige Ausführung des Tracking-Impulses.
Fügt einen Timer hinzu, der den Tracking-Impuls nach 10 Sekunden sendet.

Datei anpassen: die statify/js/snippet.min.js-Datei öffnen:

vorhandenen Code auskommentieren,
den modifizierten Code einfügen und
Abspeichern.

snippet.min.js

// Zeitverzögerung des Trackings
(function(){
    var statifyReq;

    // Funktion zum Senden des Tracking-Impulses
    function sendTracking() {
        try {
            statifyReq = new XMLHttpRequest();
            statifyReq.open('POST', statify_ajax.url, true);
            statifyReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;');
            statifyReq.send('_ajax_nonce=' + statify_ajax.nonce + 
                            '&action=statify_track' + 
                            '&statify_referrer=' + encodeURIComponent(document.referrer) + 
                            '&statify_target=' + encodeURIComponent(location.pathname + location.search));
        } catch(e) {
            console.error('Fehler beim Senden der Tracking-Daten:', e);
        }
    }

    // Timer für 10 Sekunden
    var timer = setTimeout(sendTracking, 10000); // 10 Sekunden

    // Wenn der Benutzer die Seite verlässt, Timer abbrechen
    window.addEventListener('beforeunload', function() {
        clearTimeout(timer);
    });
})();

Statt jeden Besuch sofort zu tracken, wird nun eine Strategie gewählt, die das Tracking erst nach einer kurzen Verweildauer (z. B. 10 Sekunden) aktiv werden lässt.

sendTracking-Funktion: Der ursprüngliche Code wird in eine Funktion sendTracking umgewandelt, die dann nach 10 Sekunden aufgerufen wird.
setTimeout: Der Tracking-Impuls wird durch setTimeout mit einer Verzögerung von 10 Sekunden ausgelöst.
beforeunload-Event: Der Timer wird zurückgesetzt, falls der Benutzer die Seite verlässt, bevor der Tracking-Impuls gesendet wird.

Tracking nach Scrolltiefe

Das Scrolltiefe-Tracking ermöglicht die Interaktion der Besucher mit den Inhalten zu messen und dabei zu erfassen, wie weit sie auf der Seite nach unten scrollen. Eine Scrolltiefe von 50 % signalisiert ein echtes Interesse an den Inhalten und stellt sicher, dass nur solche Besuche in die Statistiken einfließen, die eine echte Auseinandersetzung mit der Seite darstellen.

Die Scrolltiefe ab 50 % trackt das Seiten-Tracking.

Datei anpassen: die statify/js/snippet.min.js-Datei öffnen:

vorhandenen Code auskommentieren,
den modifizierten Code einfügen und
Abspeichern.

snippet.min.js

// Tracking nach Scrolltiefe
(function() {
    var statifyReq;
    var hasTrackedScrollDepth = false; // Flag zur Überprüfung, ob die Scrolltiefe bereits erfasst wurde

    // Funktion zur Überprüfung der Scrolltiefe
    function checkScrollDepth() {
        var scrollDepth = (window.scrollY + window.innerHeight) / document.body.scrollHeight;

        // Überprüfen, ob mehr als 50 % gescrollt wurde
        if (scrollDepth >= 0.5 && !hasTrackedScrollDepth) {
            hasTrackedScrollDepth = true; // Flag setzen, um mehrfaches Tracking zu vermeiden
            trackScrollDepth(); // Scrolltiefe erfassen
        }
    }

    // Funktion zum Senden der Scrolltiefe für das Tracking
    function trackScrollDepth() {
        try {
            statifyReq = new XMLHttpRequest();
            statifyReq.open('POST', statify_ajax.url, true);
            statifyReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;');
            statifyReq.send('_ajax_nonce=' + statify_ajax.nonce + '&action=statify_track' + 
                '&statify_referrer=' + encodeURIComponent(document.referrer) + 
                '&statify_target=' + encodeURIComponent(location.pathname + location.search) + 
                '&scroll_depth=50'); // Parameter für die Scrolltiefe hinzufügen
        } catch (e) {
            console.error('Fehler beim Tracking der Scrolltiefe:', e); // Fehlerprotokollierung
        }
    }

    window.addEventListener('scroll', checkScrollDepth); // Scroll-Event-Listener hinzufügen
})();

Die Scrolltiefe individuell festlegen, so lässt sich der Wert an die spezifischen Anforderungen und Inhalte der Website anpassen. Um die Scrolltiefe im Tracking-Code anzupassen, sind zwei Parameter zu ändern:

Die Bedingung zur Scrolltiefe im JavaScript-Code:
- Dieser Wert bestimmt, ab wann die Scrolltiefe als erreicht gilt. Beispielsweise für 70 %

if (scrollDepth >= 0.7 && !hasTrackedScrollDepth) {

Der Parameter in der HTTP-Anfrage:
- Hier wird der Wert für die Scrolltiefe gesendet. Auch hier für 70 %

'&scroll_depth=70');

Beide Änderungen sind relevant, damit der Code korrekt funktioniert und die gewünschten Ergebnisse liefert.

Relevants statt nur Klicks – Mehr Aussagekraft für Statify.

Zeitverzögerung + Scrolltiefe-Tracking

Tracking nur bei echtem Insteresse – Zeitverzögerung und Scrolltiefe im Fokus.

Dieses Snippet sorgt dafür, dass Besuche nur dann erfasst werden, wenn der Besucher eine gewisse Zeit auf der Seite bleibt und mindestens zur Hälfte gescrollt hat. So wird sichergestellt, dass nur echte, engagierte Interaktionen in die Statistik eingehen. Kurze Besuche und oberflächliches Scrollen werden herausgefiltert.

Verzögert die Auslösung des Tracking-Impulses um 10 Sekunden.
Erfasst nur Besuche mit einer Scrolltiefe von mindestens 50 %, um ein realistisches Bild vom Nutzerinteresse zu erhalten.

Datei anpassen: die statify/js/snippet.min.js-Datei öffnen:

vorhandenen Code auskommentieren,
den modifizierten Code einfügen und
Abspeichern.

snippet.min.js

// Zeitverzögerung + Scrolltiefe-Tracking

(function() {
    let hasTracked = false;            // Verhindert mehrfaches Tracking
    let scrollDepthReached = false;    // Flag für Scrolltiefe
    let timerReached = false;          // Flag für 10-Sekunden-Timer

    // Funktion zum Senden des Tracking-Impulses
    async function sendTracking() {
        if (scrollDepthReached && timerReached && !hasTracked) {
            hasTracked = true;  // Tracking als abgeschlossen markieren, um mehrfaches Senden zu vermeiden
            try {
                await fetch(statify_ajax.url, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded'
                    },
                    body: `_ajax_nonce=${statify_ajax.nonce}&action=statify_track&statify_referrer=${encodeURIComponent(document.referrer)}&statify_target=${encodeURIComponent(location.pathname + location.search)}&scroll_depth=50`
                });
            } catch (e) {
                console.error('Fehler beim Senden der Tracking-Daten:', e);
            }
        }
    }

    // Timer für 10 Sekunden
    setTimeout(() => {
        timerReached = true;
        sendTracking(); // Tracking versuchen, wenn Scrolltiefe erreicht ist
    }, 10000);

    // Scrolltiefe prüfen
    function checkScrollDepth() {
        const scrollDepth = (window.scrollY + window.innerHeight) / document.body.scrollHeight;
        if (scrollDepth >= 0.5) {
            scrollDepthReached = true;
            sendTracking(); // Tracking versuchen, wenn Timer abgelaufen ist
        }
    }

    // Verhindert Tracking beim Verlassen der Seite
    window.addEventListener('beforeunload', () => {
        hasTracked = true;
    });

    // Scroll-Event-Listener hinzufügen
    window.addEventListener('scroll', checkScrollDepth);
})();

Tracking nur bei echtem Interesse: Der Code erfasst nur Besuche, die sowohl eine Zeitverzögerung von 10 Sekunden als auch eine Scrolltiefe von 50 % überschreiten.
Vermeidung mehrfachen Trackings: Ein Flag (hasTracked) sorgt dafür, dass der Tracking-Impuls nur einmal gesendet wird, um Duplikate zu vermeiden.
Asynchrone Datenübertragung: Nutzt die fetch-API für eine moderne und effiziente Übertragung der Tracking-Daten an den Server.
Echtzeit-Scrollverfolgung: Ein Event-Listener prüft kontinuierlich die Scrolltiefe der Seite und sendet den Tracking-Impuls, wenn die 50 %-Marke erreicht ist.
Timer für Verzögerung: Ein Timer wartet 10 Sekunden, bevor er den Tracking-Impuls sendet, um spontane Besuche auszuschließen.
Handling beim Verlassen der Seite: Ein Event-Listener bricht den Tracking-Prozess ab, wenn der Benutzer die Seite verlässt, um falsche Zählungen zu vermeiden.

Zeitverzögerung und Scrolltiefe

Die 10-Sekunden-Zeitverzögerung ist eine gute Ausgangsbasis, weil sie kurz genug ist, um spontane Absprünge herauszufiltern, aber lang genug, um echtes Interesse abzubilden. Diese Zeit ist oft ideal für informelle Seiten, News, Blogs oder Plattformen, wo Besucher in den ersten Sekunden entscheiden, ob sie weiterlesen. Ein paar Punkte zur Feinabstimmung:

1. Zeitverzögerung – optimales Timing

Kürzere Zeiten (z. B. 5 Sekunden): Sie können sinnvoll sein, wenn Seiten tendenziell kürzere Verweildauern aufweisen oder wenn das Hauptaugenmerk eher auf „schnellen“ Inhalten liegt. Zum Beispiel könnte eine 5-Sekunden-Verzögerung auf Seiten mit starkem Fokus auf kurze Texte oder Bildmaterial sinnvoll sein.
Längere Zeiten (z. B. 15–20 Sekunden): Diese Verzögerung ist für Seiten nützlich, die eher auf tiefergehende Inhalte setzen, wie Fachartikel oder Erklärungen, bei denen ernsthaftes Interesse erst ab einer längeren Verweildauer anzunehmen ist.

Die 10-Sekunden-Variante ist also ein Kompromiss und bietet einen breiten Rahmen, wenn die Besucher schnell entscheiden, ob sie tiefer in die Inhalte eintauchen.

2. Scrolltiefe – 50 % als Engagement-Indikator

50 % Scrolltiefe ist ein gutes Signal für echtes Interesse. Es bedeutet, dass Besucher nicht nur kurz hereinschauen, sondern sich wirklich mit den Inhalten auseinandersetzen. Es funktioniert auch für Artikel mit mittlerer bis langer Lesedauer, wo das Überfliegen des oberen Inhaltsbereichs schnell passiert.
Alternativ könnte für längere, scroll-intensive Seiten ein Wert von 70 % oder sogar 80 % noch spezifischer zeigen, ob die Besucher wirklich dabei sind, aber das kann zu restriktiv werden, besonders für kürzere Inhalte.

Die Kombination beider Werte – 10 Sekunden und 50 % Scrolltiefe – trifft also die Balance zwischen Besucher-Engagement und realistischer Erfassung.

Kurz geklickt? Nicht gezählt! Echte Besucher im Fokus.

Nachdem in Statify die Gesamtanzahl an Klicks nun nicht mehr nachvollziehbar ist, sollte ein separates Plug-in in der Lage sein, diese anzuzeigen. Dabei werden nur die Klicks insgesamt gezählt, und auch eine separate Absprungrate wird erfasst. Siehe dazu den Beitrag:

Bounce Counter; alter Abakus aus Holz einfärbig.

Click & Bounce Counter: Klickzähler und Absprungrate

Das 'Click & Bounce Counter' Plug-in ist ein praktisches Tool für WordPress-Seitenbetreiber, die das Nutzerverhalten besser verstehen möchten. Es erfasst die gesamte Klickzahl sowie Absprünge ... weiterlesen

WP Wegerl.at Link copie