Teil 3: Newsletter-Anmeldungen
Im dritten Teil unseres Google Tag Manager Guides schauen wir uns Formulare an. Das Ausfüllen von Formularen auf der Webseite ist schwierig zu messen, wenn keine dedizierte Bestätigungs- oder Dankesseite existiert. Abhilfe schaffen hier die eingebauten Event Tracking Tags im Google Tag Manager, mit denen dies ohne zusätzliches Implementieren von JavaScript gemessen werden kann.
In diesem Teil schauen wir uns das etwas einfachere Formular zur Newsletter-Anmeldung an. In den folgenden drei Schritten lernen Sie das generelle Vorgehen für das Aufsetzen des Event Trackings und wir zeigen Ihnen, wo Sie individuelle Anpassungen für Ihre Webseite vornehmen müssen.
1. Formularübermittlungs-Listener
Wie wir in Teil 1 schon gezeigt haben, sind im Google Tag Manager bereits Ereignis-Listeners vorhanden, die auf bestimmte Nutzerinteraktionen «hören» und Informationen zu diesen Interaktionen erfassen. Um Formularübermittlungen zu messen, muss als erstes ein Formularübermittlungs-Listener erstellt werden, der auf die Formular-Eingaben reagiert:
- Klicken Sie auf «Neu» und wählen Sie im Dropdown-Menü die Option «Tag».
- Geben Sie «Formularübermittlungs-Listener» als Tag-Namen ein.
- Wählen Sie den folgenden Tag-Typ: Ereignis-Listener > Formularübermittlungs-Listener.
- Wählen Sie die folgende Auslösungsregel: Alle Seiten. (Diese Regel ist im Google Tag Manager vordefiniert.)
- Wählen Sie die folgende Option: Bestätigung überprüfen. (Wir empfehlen, diese Option zu aktivieren. Diese Option prüft, ob die Formular-Eingabe erfolgreich war. Wenn zum Beispiel eine Fehlermeldung darauf hinweist, dass nicht alle notwendigen Felder ausgefüllt wurden, wird dies nicht als Ereignis gezählt. Durch das Aktivieren dieser Option werden nur die erfolgreichen Formularübermittlungen gemessen.)
- Klicken Sie auf «Speichern».
Bitte beachten Sie, dass dieser Listener auf allen Seiten Ihrer Webseite aktiv ist. Sie können ihn jedoch auch so definieren, dass er nur auf bestimmten Seiten der Webseite reagiert.
2. Regel für die Newsletter-Anmeldung
Um eine Regel aufzusetzen, die eine Newsletter-Anmeldung definiert, müssen wir erst besser verstehen, wie das Formular zur Newsletter-Anmeldung auf der Webseite funktioniert. Als Beispiel nehmen wir das Formular unserer Webseite advance-metrics.com:
Wenn Sie sich das Formular mit den Developer Tools des Browsers ansehen, sehen Sie die HTML-Elemente, aus denen das Formular zusammengesetzt ist.
Sie müssen nun Attribute finden, die nur für das «Abonnieren»-Formular gelten. In unserem Beispiel lautet die Klasse des Eingabe-Elementes «newsletter-form». Da dies in keinem anderen Element auf der Webseite benutzt wird, ist es ein perfektes Identifizierungsmerkmal für das «Abonnieren»-Formular. Damit kann nun die Regel erstellt werden:
- Klicken Sie auf «Neu» und wählen Sie im Dropdown-Menü die Option «Regel» aus.
- Geben Sie «Newsletter-Anmeldung» als Regel-Namen ein.
- Geben Sie die folgenden Bedingungen ein:
- {{event}} ist gleich «gtm.formSubmit»
- {{element classes}} ist gleich «newsletter-form»
- Klicken Sie auf «Speichern».
Diese Bedingungen definieren den Formularübermittlungs-Listener, den wir in Schritt 1 erstellt haben und bedeuten, dass ein Formular gesendet wurde (event = gtm.formSubmit) und das Formular mit einem Klassen-Attribut «newsletter-form» gesendet wurde.
Anstelle des «newsletter-form» sollten Sie in Ihrem Fall die Bedingung für {{element classes}} mit der Klasse befüllen, die Sie in Ihrer Webseite gefunden haben. Falls Ihr Eingabefeld ein ID-Attribut benutzt, können Sie alternativ auch {{element id}} benutzen,.
3. Newsletter-Anmeldungs-Tag
Im letzten Schritt muss nun noch ein Tag erstellt werden, der das Ereignis in Google Analytics speichert.
Hier die drei Schritte noch einmal zusammengefasst:
- Der Formularübermittlungs-Listener reagiert auf Interaktionen und meldet Google Tag Manager, wenn ein Ereignis stattfindet.
- Die definierte Regel für die Newsletter-Anmeldung prüft die vorgegebenen Bedingungen und gibt als Resultat wahr oder falsch aus.
- Der Event Tracking Tag schliesslich (in diesem Fall der Newsletter-Anmeldungs-Tag) erfasst das Ganze als Ereignis und sendet es an Google Analytics.
Um den Newsletter-Anmeldungs-Tag zu erstellen, führen Sie die folgenden Schritte durch:
- Klicken Sie auf «Neu» und wählen Sie im Dropdown-Menü die Option «Tag».
- Geben Sie «Newsletter-Anmeldung» als Tag-Namen ein.
- Wählen Sie den folgenden Tag-Typ aus: Google Analytics > Universal Analytics ODER Klassisches Google Analytics (abhängig davon, welche Version Sie für Ihre Webseite verwenden).
- Tragen Sie die Google Analytics Web-Property-ID Ihrer Webseite ein.
- Wählen Sie die folgende Auslösungsregel: Newsletter Subscribe.
- Wählen Sie den folgenden Erfassungstyp: Ereignis.
- Geben Sie die Ereignis-Tracking-Parameter an: (Hier können Sie selber entscheiden, was für Sie sinnvolle Namen sind und wie die Ereignisse in Google Analytics erscheinen sollen.)
- Kategorie: kontact
- Aktion: anmeldung
- Label: {{url}}
- Klicken Sie auf Speichern.
Sie haben es fast geschafft!
Wie immer sollten Sie noch debuggen, um sicherzustellen, dass Ihr Setup funktioniert, Ihre Version speichern und veröffentlichen.
Im letzten Teil unseres Google Tag Managers werden wir Ihnen das Vorgehen für das noch etwas kompliziertere Kontaktformular vorstellen.
