Verbessern Sie die Leistung Ihrer Website und steigern Sie die Conversions mit besseren A/B-Tests. So richten Sie es mit Microsoft Clarity und GA4 ein.
Als Vermarkter möchten Sie die Leistung Ihrer Website verbessern und mehr Conversions erzielen. In vielen Fällen könnten A/B-Tests die Antwort sein.
Indem Sie zwei Versionen einer Webseite vergleichen, können Sie feststellen, welche bei der Erreichung Ihrer Ziele effektiver ist.
In diesem Artikel werden wir Sie durch die Schritte zum Einrichten von A/B-Tests mit Microsoft Clarity und GA4 führen.
Microsoft Clarity ist ein kostenloses Heatmap-Analysetool, das über alle erforderlichen Segmentierungsfunktionen zum Einrichten von A/B-Tests verfügt, insbesondere wenn Google Optimize als Vermarkter untergeht. Sie benötigen alternative Möglichkeiten, um Ihre Tests auszuführen.
Der einfachste und unkomplizierteste Weg, A/B-Tests einzurichten, besteht darin, zwei Versionen der Webseite einzurichten und den Traffic auf jede zu lenken.
Mit einem URL-Filter von Microsoft Clarity können Sie Daten segmentieren und für verschiedene Versionen Ihrer Webseite analysieren.
Aber was ist, wenn Sie verschiedene Layouts der Seite im Live-Verkehr ohne unterschiedliche URLs testen möchten?
Glücklicherweise verfügt Clarity über benutzerdefinierte Tags (und benutzerdefinierte GA4-Dimensionen), sodass Sie Ihre Benutzer markieren und in Berichten filtern können.
Contents
- 1 Was sind benutzerdefinierte Microsoft Clarity-Tags?
- 2 Gibt es Grenzen für benutzerdefinierte Tags in Microsoft Clarity?
- 3 So markieren Sie einen Besucher mit Microsoft Clarity
- 4 1. A/B-Tests Statische Bannerwerbung vs. animierte Bannerwerbung
- 5 2. Linke Seitenleiste Vs. Rechte Seitenleiste
- 6 3. A/B-Testmenübeschriftungen
- 7 Fazit
Was sind benutzerdefinierte Microsoft Clarity-Tags?
Die benutzerdefinierten Tags von Clarity sind beliebige alphanumerische benutzerdefinierte Labels, die Sie dem Besucher zuweisen und später verwenden können, um Daten zu segmentieren und Aufzeichnungen und Heatmaps für verschiedene Testgruppen zu analysieren.
Gibt es Grenzen für benutzerdefinierte Tags in Microsoft Clarity?
Es gibt keine Grenzen. Sie können Ihrem Projekt ohne Einschränkungen oder Einschränkungen so viele Tags hinzufügen, wie Sie möchten.
So markieren Sie einen Besucher mit Microsoft Clarity
Das Taggen ist so einfach wie das Ausführen eines kleinen JavaScript-Codeausschnitts:
clarity(„set“, „experiment“, „group_name“);
Aber ich möchte Sie durch ein konkretes, reales Beispiel führen, wie dies aus unserer Erfahrung verwendet werden kann.
Bei SEJ führen wir verschiedene Tests mit verschiedenen Arten von Anzeigen und Webseiten-Layouts durch, um Erkenntnisse darüber zu gewinnen, wie sich das Nutzerverhalten durch Faktoren wie die Art der Bannerwerbung oder das Webseiten-Layout auswirkt.
Beispiele für A/B-Tests, die wir durchführen:
- Statische Bannerwerbung vs. animierte Bannerwerbung.
- Linke Seitenleiste vs. rechte Seitenleiste.
- Ändern der Menübezeichnungen.
Ziel ist es zu verstehen, in welchem Fall Benutzer tiefer in den Artikel scrollen und sich so auf das Lesen einlassen – oder ob das Ändern von Menübezeichnungen dazu beitragen kann, mehr Klicks zu erzielen.
1. A/B-Tests Statische Bannerwerbung vs. animierte Bannerwerbung
Wir verwenden Google Ad Manager, um Anzeigen auf unserer Webseite zu laden, und können daher die Google Publisher Tag API verwenden, um Schlüsselwerte an unseren Anzeigenserver zu übergeben.
Wir verteilen den Verkehr gleichmäßig, indem wir die Mathematik verwenden.random() -Funktion in JavaScript, die 1 oder 2 zurückgibt.
Um das Experiment zum Laufen zu bringen, kopieren Sie das Folgende und fügen Sie es ein.
Wir verwenden den Schlüssel „ads_type“ mit vordefinierten Werten „static_ads“ und „animated_ads“ in GAM, um auch Berichte über Anzeigen auf der GAM-Seite ausführen zu können, z. B. CTR für jede Gruppe.
Screenshot von Google Ad Manager, Mai 2023
Kopieren Sie dann auf Ihrer Webseite
Den JS-Code und fügen Sie ihn ein, oder Sie können das benutzerdefinierte HTML-Tag von GTM für jeden Seitenaufruf verwenden, auf dem Sie Anzeigen haben.
Wenn das Ereignis „DOMContentLoaded“ ausgelöst wird, werden normalerweise das Publisher-Tag und Clarity geladen. Wenn nicht, können Sie erwägen, JS mit einer kleinen Verzögerung in eine setTimeout() -Funktion zu setTimeout() .
Mit dem ads_type-Schlüssel in GAM ist es möglich, verschiedene Bannertypen zu konfigurieren, die für jede Gruppe bereitgestellt werden. Da wir diesen Schlüssel als Tag-Wert für „experiment“ key in Clarity eingerichtet haben, können wir Daten für jede Gruppe analysieren und Ihre Berichte ausführen.
Screenshot von Clarity, Mai 2023
Wenn Sie ein bestimmtes Setup benötigen, das erweiterte Codierung erfordert, können Sie versuchen, ChatGPT zu verwenden, um für Sie einen Code zu schreiben.
Wenn Sie verfolgen möchten, wie sich die Konversionsraten der Benutzer in GA4 ändern, können Sie mit dem Schlüssel „experiment“ in GA4 eine benutzerdefinierte Dimension hinzufügen und diese beim Laden des Konfigurations-Tags mit ausfüllendatenschicht.push-Methode.
Datenschicht.push({ ‚experiment‘: Gruppenname });
Alternativ können Sie die JavaScript-Variable GTM verwenden, um das Fenster abzurufen.der globale Variablenwert group_name, den wir oben als Testparameter festgelegt haben.
Screenshot von GA4, Mai 2023
Richten Sie im Konfigurations-Tag eine benutzerdefinierte Dimension ein, um diesen Variablenwert wie folgt zu übergeben:
Screenshot von GA4, Mai 2023
Benutzerdefinierte Dimension „experiment“ aus dem globalen JS-Variablenfenster auffüllen.gruppenname und voila!
Jetzt wird Ihre benutzerdefinierte Experimentdimension an GA4 übergeben, und Sie können Berichte mithilfe des benutzerdefinierten Dimensionsexperiments filtern.“
(Kurzer Tipp: Wenn Sie Ihre benutzerdefinierten Abmessungen benennen, stellen Sie sicher, dass Sie keinen der reservierten Parameternamen verwenden, um sie ordnungsgemäß zu funktionieren.)
2. Linke Seitenleiste Vs. Rechte Seitenleiste
Das Prinzip ist das gleiche. Verwenden Sie Mathe.random () -Funktion in JavaScript, um den Test zu teilen.
