• Erstellung und Auswertung benutzerdefinierter Click Events

    Inhaltsverzeichnis

    Kurz & Knapp

    Varify.io® erfasst selbst keine Daten. Dennoch hast du die Möglichkeit, Elemente, die ausschließlich in den Varianten deiner A/B-Tests auftreten, mithilfe deines eigenen Webanalyse-Systems zu tracken. Hier stellen wir dir das Vorgehen mit Google Analytics 4 vor.

    Click Tracking auf ein Element in einer Variante

    Click Tracking bei neu hinzugefügten Elementen

    Um Klicks auf Elemente deiner Website zu erfassen, auch auf solche, die durch eine Variante hinzugefügt wurden, kannst du das folgende JavaScript nach deinen Bedürfnissen anpassen und ganz einfach in eine Variante eines Experiments einbinden. Füge den Code mit Hilfe der Funktion “Add JS” hinzu. 

    Achte darauf, dass wenn du weiteren JS Code hinzugefügt hast, dass der Code am Ende platziert wird. Außerdem sollten die neu hinzugefügten, klickbaren Elemente eine eigene ID erhalten. Passe anschließend den Wert von myBtn in Zeile 2 entsprechend der von dir für das neue Element vergebene ID an.

    				
    					//Replace myBtn with the ElementID of your new Element
    document.getElementById("myBtn").addEventListener("click", VarifyTrack);
    function VarifyTrack() {
        gtag('event', 'VarifyClick', {
            'VarifyClick': '1',
            'revenue': '1',
            'example': 'testing'
        });
    }
    				
    			

    Click Tracking bei vorhandenen Elementen

    Mit Varify.io kannst du Click-Events von beliebigen Elementen deiner Website direkt an Google Analytics senden. Pass den folgenden Code einfach nach deinen Bedürfnissen an. Es ist entscheidend, dass du den korrekten CSS-Selektor in Zeile 2 des Codes einfügst. Ersetze dafür den Platzhalter .test123 mit dem gewünschten CSS-Selektor. Füge den Code mit Hilfe der Funktion “Add JS” hinzu. 

    Um den passenden Selektor zu identifizieren, wähle das Element im Varify-Editor aus. Die CSS-Klasse des Elements wird dann oberhalb angezeigt. Beachte: Es kann vorkommen, dass mehrere Elemente auf einer Seite dieselbe Klasse haben. Wenn du ein spezifisches Element tracken möchtest, ist es ratsam, eine ID (vorangestellt mit #) zu verwenden.

    				
    					// Ersetze .test12 mit dem Query-Selektor deines Elements
    document.querySelector(".test123").addEventListener("click", VarifyTrack);
    
    function VarifyTrack() {
        gtag('event', 'VarifyClick', {
            'VarifyClick': '1',
            'revenue': '1',
            'example': 'testing'
        });
    }
    
    				
    			

    Auswertung benutzerdefinierter Click Events in GA4

    Damit du die erstellten Click Events nun auch in den Ergebnissen deiner A/B Tests auswerten kannst, legst du nun entsprechend der Events Custom Metrics in Google Analytics an. Custom Metrics kannst du im Anschluss in der Explorativen Datenanalyse in GA4 unter Metriken importieren. 

    Dazu haben wir dir einen eigenen Beitrag erstellt: Custom Events in explorativen Reports auswerten.

    Wir empfehlen grundsätzlich mit Custom Metrics anstelle von Custom Conversions zu arbeiten, da Custom Metrics im Gegensatz zu Custom Conversions deutlich besser einzeln auswertbar sind. 

  • Erste Schritte

    Tracking & Auswertung

    Targeting

    Advanced

    Funktionsübersicht

    Weitere nützliche Inhalte