Google Tag Manager - Erweitertes Tracking
Es ist Zeit, sich einige komplexe Szenarien anzusehen, in denen Sie kritische Elemente für das Unternehmen verfolgen können. Wir werden untersuchen, wie ein benutzerdefiniertes Ereignis erstellt wird, das nicht vordefiniert oder standardmäßig verfügbar ist.
In diesem Kapitel werden wir uns ansehen -
- Benutzerdefinierte Ereignisse implementieren
- Maus-Scroll-Tracking
Benutzerdefinierte Ereignisse implementieren
Es wird Fälle geben, in denen Sie möglicherweise ein Ereignis erstellen möchten, das sich von den verfügbaren Ereignissen in GTM unterscheidet. Um dies zu erreichen, müssen wir ein benutzerdefiniertes Ereignis erstellen, das die vorhandenen Variablen aus der Datenschicht verwendet.
Stellen Sie sich das Szenario vor, wenn wir auf den zuvor erstellten internen Link klicken. Erstellen wir ein benutzerdefiniertes Ereignis namens urlClick, das die Datenschichtvariable gtm.elementurl liest.
Step 1- Erstellen Sie dazu eine Variable namens urlName aus dem Abschnitt Variablen. Erstellen Sie die Variable wie gewohnt.
Oben ist ein Beispiel für eine Datenschichtvariable - urlName - dargestellt.
Jetzt werden wir diese Variable verwenden, um unser benutzerdefiniertes Ereignis zu erstellen. Benutzerdefiniertes Ereignis wird verwendet, wenn wir den Trigger erstellen. Siehe den folgenden Screenshot als Referenz.
Step 2- Erstellen Sie einen Auslöser, um das bereits vorhandene Ereignis auszulösen, indem Sie auf den internen Link klicken. Geben Sie unter Ereignisname gtm.linkClick an.
Lassen Sie uns nun das Tag erstellen.
Step 3- Gehen Sie zum Erstellen des Tags genauso vor. Hier sind die Details -
- Tag-Typ - Universal Analytics
- Spurtyp - Ereignis
- Kategorie - Link Klicken
- Aktion - Klicken Sie auf
Step 4 - Verwenden Sie für die Bezeichnung die kürzlich erstellte Bezeichnung urlName.
Step 5- Aktivieren Sie anschließend die Option Überschreibende Einstellungen in diesem Tag aktivieren. Geben Sie im Textfeld Tracking-ID Ihren Google Analytics-Tracking-Code ein.
Stellen Sie bei der Auswahl eines Auslösers sicher, dass Sie den zuletzt erstellten Auslöser auswählen - URL angeklickt.
Step 6- Speichern Sie das Tag. Klicken Sie auf Vorschau, um die Änderungen in Ihrem Blog anzuzeigen.
Step 7- Strg + Klicken Sie auf den internen Link. Sie sollten das Ereignis gtm.linkClick im Feld Zusammenfassung sehen können. Außerdem sollte das Tag wie im folgenden Screenshot gezeigt ausgelöst werden.
Auf diese Weise können wir die vorhandenen Ereignisse verwenden, um eigene benutzerdefinierte Ereignisse zu erstellen und die gewünschten Steuerelemente erfolgreich zu verfolgen.
Maus-Scroll-Tracking
Wenn es darum geht, die Benutzer in das Blog einzubeziehen, möchte ein Produktvermarkter möglicherweise eine Mausrolle erkennen. Die Erkennung von Mausrollen ist von entscheidender Bedeutung, da weitere Aktionen erforderlich sind, z. B. das Anzeigen eines Newsletter-Links oder das Auslösen eines Popups, das einen Rabatt auf das Produkt bietet.
Mit Google Tag Manager können wir das Bildlaufereignis einfach verfolgen. Zu diesem Zweck müssen wir einen Code von Drittanbietern verwenden, den wir beim Erstellen eines Tags verwenden.
Der Code ist an dieser Stelle verfügbar . Wir werden es beim Erstellen eines Tags verwenden.
Step 1- Erstellen Sie einen Trigger. Wir werden diesen Trigger nennen - einen Scroll-Trigger.
Die Triggerkonfiguration finden Sie in der folgenden Abbildung.
Step 2- Auslösertyp konfigurieren - DOM bereit. Lassen Sie diesen Trigger auslösen - Alle DOM-fähigen Ereignisse.
Step 3 - Klicken Sie einmal mit den obigen Schritten auf SPEICHERN.
Lassen Sie uns nun das Tag erstellen.
Step 4 - Wählen Sie dieses Mal beim Erstellen eines Tags einen anderen Tracking-Typ aus, wie im folgenden Screenshot gezeigt.
Step 5 - Wenn benutzerdefiniertes HTML ausgewählt ist, wird ein Leerzeichen für die Eingabe des HTML-Codes angezeigt.
Step 6- Geben Sie den von diesem Link kopierten Code ein .
Step 7- Scrollen Sie nach unten, um den Trigger zu konfigurieren. Der kürzlich erstellte Trigger (Scroll-Trigger oben) muss ausgewählt werden.
Step 8 - Klicken Sie auf SPEICHERN.
Step 9- Starten Sie jetzt den GTM-Debugger und aktualisieren Sie die Blog-Seite. Im Abschnitt Zusammenfassung und Tag werden zwei wichtige Änderungen angezeigt.
Step 10 - Scrollen Sie jetzt nach unten, um den Rest des Blogs zu sehen. Es werden einige weitere Ereignisse ausgelöst.
- ScrollDistance
- ScrollTiming
Diese Ereignisse werden schließlich verwendet, um die Position des Mauslaufs zu erkennen und weitere Maßnahmen entsprechend zu ergreifen.