Formularereignisverfolgung mit Google Tag Manager
Veröffentlicht: 2021-07-19Wenn Sie nach einer einfachen Möglichkeit suchen, Ereignis-Tracking einzurichten, um Conversions auf Ihrer Website zu überwachen, sollten Sie den Google Tag Manager in Betracht ziehen.
In diesem Beitrag erkläre ich Google Tag Manager, zeige dir, wie du ihn installierst, und beschreibe, wie du Formularereignis-Tracking auf deiner Website einrichtest.
Was ist Google Tag Manager?
Google Tag Manager (GTM) ist ein kostenloses Tool, das es Webmastern und Vermarktern erleichtert, Website-Tags hinzuzufügen und zu aktualisieren. Es gibt viele Möglichkeiten, GTM zu verwenden, aber die meisten Unternehmen verwenden es für die Ereignisverfolgung, um den Erfolg ihrer digitalen Marketingstrategie zu messen. Eine ausführlichere Erklärung von GTM finden Sie in unserem einführenden Blogbeitrag.
Warum GTM für die Ereignisverfolgung verwenden?
GTM gibt Ihnen die volle Kontrolle über Ihre Event-Tags. Sie können sie zu Ihrer Website hinzufügen, ohne Ihren Entwickler um eine harte Programmierung bitten zu müssen. Dadurch wird ihre Zeit für die Arbeit an anderen kritischen Projekten frei.
GTM ermöglicht es Ihnen auch, Ihr Event-Tracking selbst zu ändern und zu testen, was den Prozess natürlich viel einfacher macht.
Darüber hinaus sehen wir immer mehr Websites, auf denen die Formulare mit JavaScript erstellt werden. Diese Websites verwenden keine Ziel-URLs, was bedeutet, dass Sie in Analytics keine einfachen Ziele verwenden können. Um die Verwaltung Ihrer Website zukunftssicher zu gestalten, sollten Sie sich mit GTM auseinandersetzen.
GTM installieren
Die Installation von GTM ist der Einrichtung von Google Analytics sehr ähnlich:
- Melden Sie sich mit Ihrem Google-Konto bei Google Tag Manager an – idealerweise mit demselben, das Sie für Analytics verwenden. Folgen Sie dann den Schritten auf dem Bildschirm:
Erstellen Sie ein Konto im Google Tag Manager - Lesen und akzeptieren Sie die Allgemeinen Geschäftsbedingungen. Sie erhalten dann den Installationscode. Sie müssen diesen Code auf jeder Seite Ihrer Website direkt nach dem öffnenden <body>-Tag hinzufügen. Wenn Sie dies nicht selbst tun können, sollte Ihr Entwickler in der Lage sein, Ihnen zu helfen:
Fügen Sie den GTM-Code auf jeder Seite Ihrer Website ein
Das ist es. Sie haben auf Ihrer Website einen Tag Manager- Container eingerichtet. Dieser Container enthält schließlich alle Tags, die Sie im GTM-Dashboard erstellen.
Ich beschreibe jetzt, wie Sie die Ereignisverfolgung mit GTM einrichten. Dazu müssen Sie mehrere integrierte Variablen in Seiten, Klicks und Formularen aktivieren. Diese sind beim Einrichten von GTM standardmäßig nicht aktiviert. Bevor wir beginnen, navigieren Sie zu Variablen und überprüfen Sie die folgenden Optionen:
Formularereignisverfolgung
Mit der Verfolgung der Formularübermittlung können Sie überwachen, wann Besucher ein Formular auf Ihrer Website senden. Dies kann ein Kontaktformular auf Ihrer Kontaktseite oder ein Anfrageformular in der Fußzeile der Seite sein. Fast jede Website hat ein Formular, daher ist dies eine gute Möglichkeit, sich mit Tag Manager vertraut zu machen.
Es ist relativ einfach, die Ereignisverfolgung mit GTM einzurichten, da Sie Tags verwenden können, die bereits in die GTM-Benutzeroberfläche integriert sind. Grundkenntnisse in HTML-Code sind nützlich, aber in diesem Handbuch wird alles erklärt, was Sie wissen müssen.
Keine Sorge, es ist unmöglich, Ihre Website mit dem Tag Manager zu beschädigen, und Sie können alles testen, bevor Sie Ihre Tags live schalten.
Lass uns das machen!
Schritt 1 – URL identifizieren
Notieren Sie sich die URL, unter der sich Ihr Formular befindet:
Wenn Sie ein Formular auf mehreren Seiten haben, zum Beispiel ein Anfrageformular in der Fußzeile, müssen Sie nur die Domain kennen. In diesem Fall verwenden wir hallam.co.uk .
Schritt 2 – Identifizieren Sie die Formular-ID
Suchen Sie die Formular-ID für die Senden-Schaltfläche. Wenn Sie Google Chrome oder Firefox verwenden, können Sie dies tun, indem Sie mit der rechten Maustaste auf das Formular klicken und "Element überprüfen" auswählen. Sie müssen im <form> nach dem 'id'-Attribut suchen. Hier ist ein Beispiel, wie das aussehen könnte:
Tipp : Wenn Sie im Inspektor Strg + f drücken, können Sie nach Dingen suchen.
Hinweis : Wenn es keine eindeutige ID für Ihr Formular gibt, müssen Sie möglicherweise Ihren Entwickler bitten, eine hinzuzufügen. Wenn Ihre Website jedoch ein Formular-Plugin wie das Kontaktformular 7 für WordPress verwendet, können Sie selbst eine ID hinzufügen.
Schritt 3 – Erstellen Sie einen Auslöser
Erstellen Sie in GTM einen neuen Auslöser und geben Sie ihm einen Titel, der die Identifizierung später erleichtert. Etwas wie "Anfrageformular senden" oder "Kontaktseitenformular senden" reicht aus.
Wählen Sie unter Ereignis auswählen die Formularübermittlung aus:
Klicken Sie auf Weiter und aktivieren Sie dann "Auf Tags warten" und "Überprüfung prüfen", um sicherzustellen, dass Ihr Auslöser für erfolgreiche (gültige) Formularübermittlungen ausgelöst wird:
Klicken Sie auf Weiter und geben Sie den zuvor notierten URL-Pfad ein:
Wenn sich Ihr Formular auf mehreren Seiten befindet, können Sie Ihren Trigger so einrichten, dass er auf Seiten ausgelöst wird, die Ihre Domain enthalten:
Klicken Sie auf „Weiter“ und wählen Sie „Einige Formulare“ aus:
Um Ihren Trigger abzuschließen, fügen Sie die zuvor notierte Formular-ID hinzu (verwenden Sie nicht meine Formular-ID!):
Sie haben nun die Bedingungen festgelegt, die für das Auslösen Ihres Auslösers erforderlich sind. Als Nächstes erstellen wir ein Tag.
Schritt 4 – Erstellen Sie ein Tag
Erstellen Sie ein neues Universal Analytics-Tag. Dieses Tag sendet die Ereignisinformationen an Google Analytics. Achten Sie auch hier darauf, ihm einen einprägsamen Namen zu geben:
Fügen Sie im nächsten Feld Ihre Google Analytics-Tracking-ID hinzu:
Geben Sie dann den Track-Typ als Ereignis ein und bestimmen Sie Ihre Tracking-Parameter für Kategorie und Label:
Wenn Sie dies für ein Formular einrichten, das auf mehreren Seiten zu finden ist, wie in diesem Beispiel, klicken Sie auf das Kästchen rechts neben dem Etikett und wählen Sie {{Seitenpfad}} aus dem Dropdown-Menü. Dadurch wird sichergestellt, dass Sie in Ihren Analytics-Ereignisberichten sehen können, von welcher Seite das Formular-Sendeereignis ausgelöst wurde:
Unter 'Nicht-Interaktionstreffer' können Sie entweder wahr oder falsch auswählen. Nicht-Interaktionstreffer ist ein Parameter, mit dem Sie entscheiden können, ob sich das ausgelöste Ereignis auf Metriken wie Ihre Absprungrate auswirkt oder nicht . Wenn Sie beispielsweise eine Seite haben, auf der ein Video automatisch abgespielt wird, möchten Sie "true" auswählen. Andernfalls würde jeder, der auf dieser Seite landet, ein Ereignis auslösen und die Absprungrate wäre null.
Für die Verfolgung der Formulareinreichung empfehle ich die Auswahl von „false“ – insbesondere wenn sich das von Ihnen verfolgte Formular auf einer Zielseite befindet, auf der der Besucher alle benötigten Informationen sieht und Ihr Anfrageformular ausfüllt. Auch wenn sie keine andere Seite auf Ihrer Website anzeigen, haben sie interagiert und die gewünschte Aktion ausgeführt, sodass es ein Interaktionstreffer sein sollte:
Klicken Sie anschließend auf Weiter und wählen Sie unter „Feuer an“ „mehr“ aus. Wählen Sie "Formular" und navigieren Sie dann zu dem zuvor erstellten Trigger:
Klicken Sie auf "Tag erstellen", und Ihr fertiges Tag sieht in etwa so aus:
Schritt 5 – Testen
Rufen Sie den Vorschau- und Debug-Modus auf, um zu testen, ob Ihr neues Ereignis-Tracking funktioniert:
Öffnen Sie im selben Browser einen neuen Tab und navigieren Sie zu Ihrer Website, wo Tag Manager den Debug-Modus für Sie öffnet. Von hier aus können Sie Ihren Container in der Vorschau anzeigen und erfahren, welche Tags auf Ihrer Seite ausgelöst wurden oder nicht:
Im obigen Beispiel wurde keines dieser Tags auf meiner Seite ausgelöst, einschließlich meiner Anfrageformulare. Jetzt kann ich das Formular direkt auf der Seite testen und sehen, ob das richtige Tag auf "Tags auf dieser Seite ausgelöst" verschoben wird:
Schritt 6 – Veröffentlichen
Nachdem Sie getestet haben, ob Ihr Tag funktioniert, gehen Sie zurück zum GTM-Dashboard und veröffentlichen Sie Ihre Version. Denken Sie daran, Sie können Versionen umbenennen und zu Versionen zurückkehren, wenn die nächste Version nicht ganz funktioniert:
Ta-da – Ihr neues Ereignis-Tracking-Tag und -Auslöser ist jetzt live.
Formularoptimierung
Möglicherweise möchten Sie die Formulare auf Ihrer Website verbessern, um Ihre Conversions zu steigern. Sie können GTM verwenden, um jedes Formularfeld zu verfolgen, um herauszufinden, was getestet und verbessert werden muss. Alternativ können Sie einen Dienst wie Hotjar nutzen, um Ihnen nützliche Funnel-Analysen zur Conversion-Rate-Optimierung zu liefern.
Fazit
Wenn Sie die Effizienz steigern und Test-Kopfschmerzen beim Einrichten von Event-Tracking beseitigen möchten, empfehle ich Ihnen dringend, den Google Tag Manager zu verwenden.
Ich habe festgestellt, dass Entwickler diese Entscheidung zu schätzen wissen, wenn sie an größeren laufenden Projekten auf einer Website arbeiten, da sie dadurch ihre Zeit gewinnen. Auf der Einstiegsebene können Sie die integrierten Tags in Tag Manager verwenden und die Versionskontroll- und Debug-Modus-Funktionen ermöglichen es Ihnen, alles selbst zu testen.
Wenn Sie Google Tag Manager verwendet haben, um das Tracking von Formularereignissen mithilfe dieses Leitfadens zu implementieren, würden wir uns freuen, in den Kommentaren unten davon zu erfahren. Alternativ erreichen Sie mich auf Twitter @Digital_Kym.
Wenn Sie Hilfe bei Ihrem benötigen, zögern Sie nicht, uns zu kontaktieren.