Hubspot-Formular-Konversionen mit Google Tag Manager verfolgen [2023 Guide]

Wenn Sie diesen Artikel gelesen haben, haben Sie wahrscheinlich schon versucht, einen Google Tag Manager (GTM)-Trigger bei der Übermittlung eines Hubspot-Formulars auszulösen, aber ohne Erfolg.

Oder vielleicht fragen Sie sich: “Wie kann ich einen Tag mit Hubspot-Formularen auslösen”.

Hier ist das Problem: Die “Standard”-Methode des Hinzufügens eines GTM “Form Submission”-Triggers wird nicht funktionieren, da Hubspot’s Form Builder nicht die “traditionellen” <form> Tags oder Events verwendet, auf die GTM hören muss.

Aber keine Sorge – wir haben ein paar alternative Methoden, um Hubspots Formularübermittlung zu erkennen und ein Ereignis auszulösen.

So können Sie Tags von Diensten wie Google Analytics, Google Ads oder Facebook abfeuern, wenn ein Benutzer Ihr Hubspot-Formular ausfüllt.

Warum Konversionen mit HubSpot und Google Tag Manager verfolgen?

Wahrscheinlich predigen wir hier nur, aber die Verfolgung von Konversionen ist unerlässlich, um die Wirksamkeit Ihrer Marketingstrategie zu verstehen. Wenn Sie Konversionen verfolgen, können Sie sehen, welche Marketingkanäle die meisten Leads bringen, und Ihre Bemühungen entsprechend optimieren.

Darüber hinaus können Sie durch die Verfolgung von Konversionen die Kapitalrendite (ROI) Ihrer Marketingkampagnen messen und so datengestützte Entscheidungen darüber treffen, wo Sie Ihr Budget einsetzen sollten.

Die Integration von HubSpot und Google Tag Manager ist eine großartige Möglichkeit, Ihre Tags zu organisieren, und bringt folgende Vorteile mit sich

1. Benutzerfreundlichkeit: Google Tag Manager bietet eine benutzerfreundliche Schnittstelle für die Verwaltung von Tags, die die Implementierung von Tracking erleichtert, ohne dass man auf einen Entwickler angewiesen ist.
2. Flexibel: Durch die Kombination von HubSpot und Google Tag Manager können Sie Konversionen über mehrere Plattformen hinweg verfolgen und erhalten so einen umfassenderen Überblick über Ihre Marketingleistung.
3. Datengenauigkeit: Durch die Verwendung von Google Tag Manager zur Nachverfolgung von Konversionen können Sie sicherstellen, dass Ihre Daten genau und aktuell sind, da Sie Änderungen an Ihrer Tracking-Einrichtung problemlos vornehmen können, ohne dass Code-Updates erforderlich sind.

[Method 1] – Umleitung des Hubspot-Formulars auf eine benutzerdefinierte Dankeseite

Diese Methode ist in ihrer Einfachheit wunderschön: Sie konfigurieren Hubspot so, dass es nach dem Absenden Ihres Formulars auf eine bestimmte Dankeseite weiterleitet.

Anschließend können Sie mit dem Google Tag Manager die Besucher der “Danke”-Seite überwachen und so Konversionen auslösen.

Der Hauptvorteil dieser Methode ist, dass sie absolut keinen eigenen Code erfordert. Es ist ein solider, zuverlässiger und wartbarer Weg, um Ihre GTM-Tags auszulösen, wenn eine Formularübermittlung empfangen wird.

Der größte Nachteil dieser Methode ist, dass Sie Ihre Nutzer auf eine Dankeseite schicken müssen. Das mag kein Problem sein, aber wenn Sie möchten, dass die Nutzer auf der Seite bleiben und stattdessen nur eine Dankesnachricht sehen, ist dies möglicherweise nicht die beste Option für Sie.

Führen Sie die folgenden Schritte aus, um das Conversion-Tracking mit dieser Methode einzurichten:

1. Erstellen Sie eine benutzerdefinierte Dankeseite: Entwerfen Sie eine Dankeseite auf Ihrer Website, zu der die Benutzer nach dem Absenden eines HubSpot-Formulars weitergeleitet werden. Fügen Sie eine klare Nachricht ein, in der Sie den Nutzern für ihre Einsendung danken, und geben Sie bei Bedarf zusätzliche Informationen oder weitere Schritte an. Sie können jederzeit das Landing Page-Tool von Hubspot verwenden, um die Dankeseite auch in Hubspot zu erstellen.
2. Richten Sie eine Weiterleitung in HubSpot ein: Gehen Sie in Ihrem HubSpot-Konto zum Formulareditor und wählen Sie die Registerkarte “Optionen”. Wählen Sie im Abschnitt “Was soll geschehen, nachdem ein Besucher dieses Formular abgeschickt hat?” die Option “Weiterleitung zu einer anderen Seite” und geben Sie die URL Ihrer benutzerdefinierten Dankeseite ein.
3. Erstellen Sie einen neuen Auslöser im Google Tag Manager: Gehen Sie in GTM auf “Auslöser” und klicken Sie auf “Neu”. Klicken Sie auf das Bestätigungsfeld für den Auslöser und wählen Sie “Seitenansicht”. Wählen Sie dann “Einige Seitenaufrufe”. Verwenden Sie die bereitgestellten Regeln, um Ihre Danksagungsseite anzupassen – z. B.. “Seiten-URL”… “Enthält”… “/dankeschön”.
4. Wenden Sie den Auslöser auf Ihren Tag an: Erstellen Sie in GTM einen neuen Tag, falls Sie dies noch nicht getan haben. Fügen Sie in den Einstellungen Ihres Tags einen Auslöser hinzu und wählen Sie das in Schritt 3 erstellte Tag aus.

Natürlich gehen diese Anweisungen davon aus, dass Sie Google Tag Manager bereits für Hubspot-Landingpages aktiviert haben.

Vergessen Sie nicht, Ihre Änderungen zu speichern und an GTM zu übermitteln.

Voilà – Sie feuern jetzt Tags ab, wenn ein Benutzer Ihre Dankeseite besucht, und damit auch, wenn jemand Ihr Formular ausfüllt.

[Method 2] – Verwendung eines benutzerdefinierten Skripts, um das Ereignis “hsFormCallback” von Hubspot Form zu nutzen

Obwohl Hubspot keine altmodischen Formularhandler verwendet, was das Auslösen von Konvertierungen ein wenig umständlich macht, können wir ihnen dafür danken, dass sie ein “Ereignis” ausgeben, wenn das Formular ausgefüllt wird.

Wir fügen unserer GTM-Installation einen benutzerdefinierten Code hinzu, der auf dieses Ereignis wartet und es an die Datenschicht weiterleitet, wo wir es in GTM verarbeiten können.

Diese Methode macht eine benutzerdefinierte Dankeseite überflüssig und bietet eine direktere Möglichkeit zur Erfassung von Abschusskonversionen.

Führen Sie die folgenden Schritte aus, um das Conversion-Tracking mit dieser Methode einzurichten:

1) In GTM: Erstellen Sie eine Datenschichtvariable und erfassen Sie die Hubspot-Formular-ID

Zunächst erstellen wir eine Datenschichtvariable in GTM. Das bedeutet nur, dass wir die Formular-ID verwenden können, wenn wir sie von Hubspot erhalten:

• Navigieren Sie in Ihrem Google Tag Manager (GTM)-Konto zu “Variablen” und klicken Sie auf “Neu” unter “Benutzerdefinierte Variablen”.
• Geben Sie Ihrer Variablen einen aussagekräftigen Namen, z. B. “Hubspot Form ID”.
• Wählen Sie unter “Variablenkonfiguration” als Variablentyp “Datenschichtvariable”.
• Geben Sie in das Feld “Name der Datenschichtvariable” “hubspotFormId” (ohne Anführungszeichen) ein.
• Speichern Sie Ihre Variable.

Schön – GTM kann nun auf die Hubspot-Formular-ID von der Datenebene aus zugreifen, sobald sie von unserem benutzerdefinierten Skript dorthin übertragen wurde.

2) In GTM: Erstellen Sie ein benutzerdefiniertes Skript, um auf das Hubspot-Ereignis zu warten

Als Nächstes müssen Sie ein benutzerdefiniertes Skript erstellen, das auf das Hubspot-Formularabschlussereignis wartet. Sie müssen dieses Skript auf allen Seiten platzieren, die ein Hubspot-Formular enthalten.

So geht’s:

• Gehen Sie in GTM auf “Tags” und klicken Sie auf “Neu”.
• Geben Sie Ihrem Tag einen beschreibenden Namen, z. B. “Listen for Hubspot Form Submit”.
• Wählen Sie als Tag-Typ “Benutzerdefiniertes HTML”.
• Fügen Sie den folgenden Code in das HTML-Feld ein:

<script type="text/javascript">
  function handleMessage(event) {
    if (event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmitted') {
      window.dataLayer.push({
        'event': 'hubspotFormSubmit',
        'hubspotFormId': event.data.id
      });
    }
  }

  window.addEventListener("message", handleMessage);
</script>

• Wählen Sie unter “Triggering” aus, ob dieses Tag auf “Alle Seiten” oder auf den spezifischen Seiten, auf denen Ihr Hubspot-Formular vorhanden ist, ausgelöst werden soll.
• Speichern Sie Ihren Tag

Es sieht ein wenig kompliziert aus, aber dieser Code lauscht einfach auf ein Ereignis namens “hsFormCallback” und setzt ein Ereignis in die GTM-Datenschicht, so dass wir einen Auslöser daraus erstellen können.

3) In GTM: Erstellen Sie einen benutzerdefinierten Ereignisauslöser, um auf das Ereignis zu hören

Jetzt müssen Sie nur noch einen Trigger erstellen, wenn die Datenschicht von GTM das in Schritt 2 erstellte Ereignis empfängt:

• Gehen Sie in GTM auf “Auslöser” und klicken Sie auf “Neu”.
• Nennen Sie Ihren Auslöser z. B. “Hubspot Form Submit Trigger”.
• Wählen Sie als Auslösertyp “Benutzerdefiniertes Ereignis” (zum Zeitpunkt der Erstellung dieses Dokuments ist er mit einem orangefarbenen Symbol gekennzeichnet und befindet sich ganz unten in der Liste).
• Geben Sie in das Feld “Ereignisname” “hubspotFormSubmit” (ohne Anführungszeichen) ein.
• Lassen Sie “Dieser Auslöser wird ausgelöst bei” auf “Alle benutzerdefinierten Ereignisse” eingestellt.
• Speichern Sie Ihren Auslöser.

Dieser Trigger wartet auf das Ereignis “hubspotFormSubmit” in der Datenschicht.

Tipp für Fortgeschrittene: Wenn Sie mehrere Formulare haben, können Sie hier “Einige Ereignisse” anstelle von “Alle benutzerdefinierten Ereignisse” auswählen und festlegen, dass nur dann ein Auslöser ausgelöst wird, wenn die Hubspot-Formular-ID diejenige ist, die Sie interessiert. Sie können dann für jedes Formular einen anderen Auslöser verwenden.

4) In GTM: Konfigurieren Sie Ihr Tag so, dass es ausgelöst wird, wenn Ihr Trigger ausgelöst wird

Jetzt haben wir unseren Auslöser eingerichtet. Jetzt müssen wir nur noch unseren Tag auslösen, wenn er ausgelöst wird:

• Erstellen Sie ein neues Tag oder bearbeiten Sie ein bestehendes Conversion-Tracking-Tag in GTM.
• Wählen Sie den entsprechenden Tag-Typ und konfigurieren Sie die Tag-Einstellungen wie gewünscht.
• Klicken Sie im Abschnitt “Auslöser” auf die Schaltfläche “+”, um einen Auslöser hinzuzufügen.
• Wählen Sie den “Hubspot Form Submit Trigger”, den Sie in Schritt 3 erstellt haben.
• Speichern Sie Ihren Tag.

Das war’s – Sie können die Hubspot-Formular-ID auch wie jede andere Variable verwenden, was besonders nützlich ist, wenn Sie Daten an Analytics-Tools zurücksenden.

Testen und Überprüfen von Conversion Tracking

Bevor Sie sich auf die Daten aus Ihrem Conversion-Tracking-Setup verlassen können, müssen Sie unbedingt testen und überprüfen, ob alles richtig funktioniert. Führen Sie dazu die folgenden Schritte aus:

1. Zeigen Sie eine Vorschau Ihres Google Tag Manager-Containers an: Klicken Sie in Ihrem Google Tag Manager-Konto auf die Schaltfläche “Vorschau”, um den Vorschaumodus zu aktivieren. So können Sie in Echtzeit sehen, welche Tags auf Ihrer Website ausgelöst werden.
2. Senden Sie ein Testformular: Besuchen Sie Ihre Website und senden Sie ein Testformular über das HubSpot-Formular, das Sie für die Konversionsverfolgung eingerichtet haben. Wenn Sie Ihr Tracking korrekt eingerichtet haben, sollten Sie sehen, dass Ihr Conversion-Tag im Vorschaufenster des Google Tag Managers ausgelöst wird.
3. Überprüfen Sie die Conversions auf der Plattform Ihrer Wahl: Überprüfen Sie Ihr Google Ads oder Google Analytics-Konto (je nachdem, welche Plattform Sie für das Conversion-Tracking verwenden), um sicherzustellen, dass die Test-Conversion aufgezeichnet wird. Es kann ein paar Stunden dauern, bis sie erscheinen, also haben Sie etwas Geduld.

Fehlerbehebung bei häufigen Problemen mit HubSpot und Google Tag Manage

Wenn Sie beim Einrichten des Conversion-Trackings mit HubSpot und Google Tag Manager auf Probleme stoßen, beachten Sie die folgenden Tipps zur Fehlerbehebung:

1. Falscher Name der Datenschichtvariablen:
   • Stellen Sie sicher, dass der Variablenname “hubspotFormId” (ohne Anführungszeichen) lautet.
2. Benutzerdefinierter HTML-Tag wird nicht ausgelöst:
   • Prüfen Sie, ob das Tag auf den entsprechenden Seiten, die das Hubspot-Formular enthalten, hinzugefügt wurde.
3. Benutzerdefinierter Ereignisauslöser erkennt das Ereignis nicht:
   • Stellen Sie sicher, dass der Ereignisname im Auslöser “hubspotFormSubmit” (ohne Anführungszeichen) lautet.
4. Conversion-Tracking-Tag wird nicht ausgelöst:
   • Stellen Sie sicher, dass der “Hubspot Form Submit Trigger” ordnungsgemäß mit dem Conversion-Tracking-Tag verknüpft ist.
5. GTM-Container nicht veröffentlicht oder veraltet:
   • Veröffentlichen Sie die neueste Version Ihres GTM-Containers, nachdem Sie alle Änderungen vorgenommen haben.

Einführung eines besseren Formularerstellers

Wenn Sie schon immer Ihre Konversionsraten verbessern und mehr Leads einfangen wollten, könnte Growform für Sie interessant sein.

Growform ist ein Formularersteller, der von Grund auf entwickelt wurde, um mehr Leads aus dem gleichen Traffic zu generieren, indem er sich auf die Prinzipien der Conversion Rate Optimierung (CRO) konzentriert:

Damit können Sie schnell schöne Formulare erstellen, die auf jedem Gerät gut aussehen, Leads an Hubspot (oder 300+ Ziele über Zapier) senden und Tags mit Google Tag Manager oder anderen 1-Klick-Anzeigenplattformen auslösen.

Wenn Sie bereit sind, mehr Leads zu bekommen, probieren Sie eine 14-tägige kostenlose Testversion aus.