Google Tag Manager-Tutorial Teil 3: Formularübermittlungen verfolgen – Update 2020

In Teil 2 unseres aktualisierten Google Tag Manager-Tutorials haben wir das Tracking von Download-Links behandelt. Wenn Sie es verpasst haben, können Sie hier beginnen . In diesem dritten Teil werfen wir einen genaueren Blick auf ein sehr beliebtes Thema – Formulareinreichungen . Die meisten Vermarkter werden daran interessiert sein, dies zu verfolgen, da das Ziel vieler Kampagnen darin besteht, Leads über Kontaktformulare zu generieren. Daher sind dies die Conversions, die den Erfolg einer Kampagne messen.

Google Analytics verfolgt diese Aktivität nicht automatisch, aber Google Tag Manager (GTM) bietet eine automatisierte Lösung zum Verfolgen von Formulareinsendungen.

In dieser Anleitung gehen wir davon aus, dass Sie bereits über ein Google Tag Manager-Konto verfügen, einen Container erstellt und auf Ihrer Website installiert haben. Außerdem sollten Sie für Ihre Website ein Google Analytics-Konto eingerichtet und mit GTM verknüpft haben.

Richten Sie die Verfolgung der Formularübermittlung ein, indem Sie die folgenden Schritte ausführen.

Schritt 1: Finden Sie eine eindeutige Kennung

Wie Sie dies einrichten, zeigen wir Ihnen am Beispiel eines Kontaktformulars. Die folgenden Schritte beschreiben den allgemeinen Vorgang und geben an, welche Teile für Ihre spezielle Website geändert werden müssen.

Der erste Schritt besteht darin, etwas zu finden, das Ihnen hilft, Ihr Formular zu identifizieren. Wir werden dies tun, indem wir uns das HTML-Element des Formulars ansehen und entscheiden, was dabei hilft, dieses Formular eindeutig zu identifizieren.

Um das Formular auf Ihrer Website zu überprüfen, klicken Sie mit der rechten Maustaste, um auf die Entwicklertools Ihres Browsers zuzugreifen. (Klicken Sie beispielsweise in Chrome mit der rechten Maustaste auf das Element, das Sie überprüfen möchten, und wählen Sie "Untersuchen".) Dadurch werden verschiedene Attribute angezeigt, die für das Formular einzigartig sind, z. B. Inhalt, CSS-Klasse und andere Elemente.

In unserem Beispiel unten sehen Sie, dass das Formular ein ID- Kontaktformular hat . Eine ID ist eine geeignete Kennung, die normalerweise für das Element eindeutig ist und nirgendwo sonst auf der Website verwendet wird. Wenn Ihr Formular keine eindeutige ID hat, können Sie auch die Formularklassen, die Seiten-URL der Formularaktion oder den Formulartext verwenden, um dieses spezielle Formular zu identifizieren. Die Verwendung von IDs oder Klassen ist am einfachsten, daher empfehlen wir, diese nach Möglichkeit zu verwenden.

Als letzten Ausweg könnten Sie einfach die Seiten-URL verwenden, auf der das Formular auftritt, um es zu identifizieren, aber seien Sie dabei vorsichtig. Wenn Sie ein anderes Formular auf der Seite haben, z. B. ein Suchfeld, kann dieses Formular Ihr Kontaktformular-Ereignis auslösen.

Schritt 2: Aktivieren Sie die integrierte Formularvariable

Für Ihre Ereignis - Tag - Konfiguration, werden Sie die integrierten Variable Formular - ID (oder Formularklassen , wenn das Formular eine eindeutige Klasse) erfordern. Wenn Sie diese Variable noch nicht verwendet haben, müssen Sie sie auswählen und aktivieren. Dazu navigieren Sie Variablen in der GTM - Schnittstelle und im Abschnitt Integrierte Variablen klicken Sie auf Konfigurieren. Scrollen Sie zu den verschiedenen Form-Variablen und setzen Sie ein Häkchen bei Form-ID .

Schritt 3: Erstellen Sie den Auslöser für die Formularübermittlung

Dieser Trigger definiert, was genau eine Kontaktformular-Übermittlung ist. Es hört auf Formulareingaben auf bestimmten Seiten Ihrer Website und prüft, ob diese die Bedingungen erfüllen, die Sie speziell für Ihr Kontaktformular festgelegt haben.

Gehen Sie für das Trigger-Setup wie folgt vor:

• Navigieren Sie in der linken Seitenleiste zu Triggers und erstellen Sie einen neuen.
• Ersetzen Sie Untitled Trigger durch einen beschreibenden Namen wie Form Submission – Contact Form .
• Wählen Sie Triggertyp: Formularübermittlung . Dies wird auf gesendete Formulare hören.

Für die Triggerkonfiguration stellen Sie ein:

• Aktivieren Sie nicht das Kontrollkästchen Auf Tags warten . Wir empfehlen nicht, diese Option standardmäßig mit Formularen zu verwenden, da dies die Übermittlung von Formularen unterbrechen kann. Es kann verwendet werden, wenn es gründlich getestet wird.
• Aktivieren Sie das Kontrollkästchen Validierung prüfen . Dadurch wird überprüft, ob das Formular tatsächlich gesendet wurde.
• Aktivieren, wenn:
  • Seitenpfad enthält Kontakt .

Dadurch wird der Trigger auf Seiten aktiviert, die Kontakt im Pfad haben, zum Beispiel https://amazeemetrics.com/contact. Sie sollten dies ändern, um den Trigger auf der Seite oder den Seiten Ihrer Website zu aktivieren, die das Kontaktformular enthalten. Sie können den Trigger bei Bedarf auch auf allen Seiten aktivieren.

• Feuer an:
  • Wählen Sie Optionen: Formular-ID entspricht contact-form .

Dies verwendet die Variable, die Sie in Schritt 2 aktiviert haben, und die eindeutige ID, die Sie in Schritt 1 identifiziert haben, um genau anzugeben, welches Formular Sie als Kontaktformular-Übermittlung verfolgen möchten.

• Ändern Sie die Formular-ID in den Bezeichner, den Sie in Schritt 1 gefunden haben, und die entsprechende Variable, die Sie in Schritt 2 aktiviert haben.

Klicken Sie auf Speichern , um das Trigger-Setup abzuschließen.

Schritt 4: Erstellen Sie das Ereignis-Tag für die Formularübermittlung

Der letzte Schritt beim Verfolgen von Formulareinsendungen besteht darin, einfach ein Tag zu erstellen, das das Ereignis in Google Analytics mit den gewünschten Informationen aufzeichnet. Das Ereignis wird ausgelöst, wenn die Bedingungen des Triggers, die Sie im vorherigen Schritt eingerichtet haben, erfüllt sind. Erstellen Sie nun das Tag, indem Sie alle Teile zusammenfügen:

• Gehen Sie zu > Tags > Neu , um ein neues Tag zu erstellen
• Benennen Sie es GA – Veranstaltung – Übermittlung des Kontaktformulars
• Wählen Sie für Ihre Tag-Konfiguration Google Analytics: Universal Analytics als Tag-Typ aus.
• Track-Typ: Ereignisse
• Kategorie: Formular eingeben
• Aktion: Geben Sie die Übermittlung des Kontaktformulars ein . Sie können die Ereigniskategorie und die Aktion so umbenennen, dass sie der von Ihnen verwendeten Ereignisbenennungskonvention entsprechen.
• Bezeichnung: Erfolgreich eingeben . Dies ist optional und Sie können dies ändern oder das Feld leer lassen.
• Nicht-Interaktionstreffer: Belassen Sie die Standardeinstellung false . Dies bedeutet, dass dieses Ereignis Ihre Absprungrate ändert, da es als Interaktion auf Ihrer Website gezählt wird.

Als letzten Schritt wählen Sie den Trigger aus, den Sie in Schritt 3 erstellt haben, um das Tag auszulösen, wenn eine bestimmte Bedingung erfüllt ist. Hier eine Übersicht über das endgültige Setup:

Schritt 5: Version speichern, testen und veröffentlichen

Du bist fast fertig! Das soeben erstellte Tag funktioniert erst, wenn Sie es veröffentlichen, aber zuerst sollten Sie gründlich testen, ob es wie erwartet funktioniert. Nachdem Sie Ihr Tag gespeichert haben, aktivieren Sie den Vorschaumodus (klicken Sie oben rechts auf Vorschau ), gehen Sie zu Ihrer Website und aktualisieren Sie die Seite.

Stellen Sie sicher, dass Sie diese Testszenarien für die Verfolgung von Formulareinsendungen abdecken:

• Klicken Sie auf den Absenden-Button, ohne das Formular ausgefüllt zu haben. Das Tag sollte in diesem Fall nicht ausgelöst werden.
• Füllen Sie das Formular mit den richtigen Angaben aus und klicken Sie dann auf Absenden. Das Tag sollte jetzt ausgelöst werden.

Der Echtzeit-Ereignisbericht von Google Analytics sollte Ihre Ereignistreffer anzeigen, wenn alles ordnungsgemäß funktioniert. Lesen Sie unseren Blogbeitrag zu Google Tag Manager Testing Problems und wie Sie diese beheben können, wenn Probleme auftreten.

Wenn alle Tests erfolgreich sind, dann können Sie die Schaltfläche in GTM Senden klicken. Geben Sie dieser veröffentlichten Version einen beschreibenden Namen wie das Ereignis „Contact Form Submission“ hinzugefügt und klicken Sie auf „ Veröffentlichen“ .

Nächstes Tutorial steht vor der Tür

Die Verwendung des Formular-Sende-Triggers ist ein einfacher Ansatz, um die Verfolgung von Kontaktformularen zu meistern. Dies funktioniert jedoch je nach Form und Technologie möglicherweise nicht immer. Formulare gibt es in vielen Formen und Größen, weshalb wir es für angemessen hielten, Ihnen verschiedene Tracking-Techniken zu präsentieren, damit Sie flexibel sind.

Bleiben Sie dran für unseren kommenden Blog-Beitrag, in dem wir einen fortgeschritteneren Ansatz für das Verfolgen von Formularen behandeln: Der Element-Sichtbarkeits-Trigger.