Diese Anleitung erklärt, wie Sie Google Tag Manager (GTM) verwenden, um bestimmte Schaltflächenklicks auf Ihrer Discourse-Website zu verfolgen, wie z. B. „Registrieren“, „Anmelden“ oder „Antworten“.
Erforderliches Benutzerniveau: Administrator mit Zugriff auf Google Tag Manager
Schaltflächenklicks mit Google Tag Manager verfolgen
Die Verfolgung, wie Benutzer mit bestimmten Schaltflächen interagieren, liefert wertvolle Daten zum Verständnis des Benutzerverhaltens und der Conversion-Pfade. Obwohl Discourse viele Ereignisse standardmäßig verfolgt, möchten Sie möglicherweise bestimmte UI-Elemente wie die Schaltfläche „Registrieren“ überwachen. Die Verwendung des Vorschau-Modus von Google Tag Manager (GTM) ist der effizienteste Weg, um die richtigen Elemente zu identifizieren und genaue Auslöser einzurichten.
Zusammenfassung
Um eine bestimmte Schaltfläche zu verfolgen, müssen Sie zunächst herausfinden, wie GTM diese Schaltfläche „sieht“, wenn darauf geklickt wird. Der Prozess umfasst das Aktivieren von Klickvariablen, das Erstellen eines generischen Debug-Auslösers, die Verwendung des Tag Assistant zur Identifizierung der eindeutigen Eigenschaften des Elements und anschließend das Erstellen eines spezifischen Tags für diese Schaltfläche.
Klickvariablen aktivieren
Bevor Sie Klicks verfolgen können, müssen Sie sicherstellen, dass GTM die erforderlichen Daten vom Browser erfasst.
- Navigieren Sie in Ihrem GTM-Arbeitsbereich zu Variablen.
- Wählen Sie Konfigurieren.
- Aktivieren Sie unter der Überschrift Klicks alle verfügbaren Kontrollkästchen:
Klickelement,Klick-Klassen,Klick-ID,Klick-Ziel,Klick-URLundKlick-Text.
Einen generischen Klick-Auslöser erstellen
Sie benötigen einen „Auffang“-Auslöser, um jedes Klickereignis in der Debug-Konsole zu sehen, während Sie testen.
- Navigieren Sie zu Auslöser und wählen Sie Neu.
- Klicken Sie auf Auslöserkonfiguration und wählen Sie Klick – Alle Elemente.
- Wählen Sie Alle Klicks.
- Benennen Sie den Auslöser „Alle Klicks – Debug“ und klicken Sie auf Speichern.
Die Tag Assistant-Erweiterung verwenden
Die Erweiterung Tag Assistant Companion hilft Ihnen dabei, genau nachzuverfolgen, welches Element GTM empfängt, wenn Sie mit Ihrer Website interagieren.
- Installieren Sie die Erweiterung in Ihrem Browser.
- Wählen Sie in Ihrem GTM-Arbeitsbereich oben rechts Vorschau.
- Geben Sie Ihre Website-URL (
discourse.example.com) ein und klicken Sie auf Verbinden.
Spezifische Schaltflächenelemente identifizieren
Sobald das Vorschaufenster geöffnet ist, können Sie die eindeutigen Identifikatoren für Ihre Zielschaltfläche finden.
- Klicken Sie auf der Website auf die Schaltfläche, die Sie verfolgen möchten (z. B. die Schaltfläche Registrieren).
- Wechseln Sie zurück zur Registerkarte Tag Assistant.
- Suchen Sie im linken Zusammenfassungsbereich das neueste Klick-Ereignis.
- Wählen Sie die Registerkarte Datenebenen, um die Eigenschaften des angeklickten Elements anzuzeigen.
Um speziell die Schaltfläche Registrieren anzusprechen, können Sie deren eindeutige Klasse verwenden: sign-up-button.
Verwenden Sie beim Erstellen Ihres permanenten Auslösers einen CSS-Selektor, um sicherzustellen, dass Klicks erfasst werden, auch wenn der Benutzer auf den Text innerhalb der Schaltfläche klickt. Verwenden Sie für die Schaltfläche „Registrieren“:
button.sign-up-button, button.sign-up-button *
Das * (Platzhalter) am Ende des Selektors stellt sicher, dass der Auslöser trotzdem ausgelöst wird, wenn ein Benutzer auf das Text-Span innerhalb der Schaltfläche klickt.
Best Practices
- Beschreibende Namen verwenden: Benennen Sie Ihre Auslöser und Tags klar, z. B. „GA4 – Ereignis – Klick auf Registrieren-Schaltfläche“.
- Anonym testen: Beim Testen von Klicks für Schaltflächen wie „Registrieren“ ist es oft am besten, ein Inkognito-Fenster zu verwenden oder sich von Ihrer Discourse-Website abzumelden, um sicherzustellen, dass die Schaltfläche sichtbar ist.
- Vor der Veröffentlichung validieren: Überprüfen Sie immer den Bereich Zusammenfassung im Tag Assistant, um sicherzustellen, dass Ihr spezifisches Tag nur ausgelöst wird, wenn die beabsichtigte Schaltfläche angeklickt wird.