Javascript-Code auf dem Bildschirm

Verfolgung von HubSpot-Formularen und Chats mit Google Analytics

Dieser Beitrag wurde am 25. September 2019 aktualisiert, um die neu verfügbaren Chat-Widget-Unterhaltungsereignisse aufzunehmen. Die neuen Ereignisse ermöglichen eine echte Gesprächsverfolgung und nicht nur das Öffnen und Schließen des Chat-Fensters.

Wenn Sie HubSpot für Ihre Website-Formulare und den Benutzer-Chat verwenden, möchten Sie vielleicht auch Ziele in Google Analytics einrichten, um aufzuzeichnen, wie oft diese Formulare ausgefüllt oder eine Chat-Sitzung initiiert wird.

Es gibt keine Integrationsmöglichkeiten in HubSpot, um dies automatisch zu tun, aber es ist dennoch möglich.

Verfolgung eingebetteter Hubspot-Formulare

Dies sind die am einfachsten zu verfolgenden Formulartypen, da die Formular-Api einen Formularübermittlungs-Callback bereitstellt (API-Dokumentation).

Unten sehen Sie den ursprünglichen Code zum Einbetten des Formulars und nach der Änderung, um nach erfolgreicher Übermittlung ein Ereignis zu senden.

Verfolgung von HubSpot LeadFlow-Formularen

Lead Flow-Formulare werden über das standardmäßige Tracking-Embed-Skript hinzugefügt, so dass es nicht möglich ist, den Code direkt zu ändern.

Diese Formulare können nachverfolgt werden, indem ein Listener an die "Message"-Ereignisse angehängt wird (API-Dokumentation)

Nachverfolgung von HubSpot-Chat-Aktionen

Update: Hubspot hat jetzt Ereignisse für den Beginn und das Ende von Konversationen sowie für ungelesene Nachrichten hinzugefügt. Die Gist unten enthält Tracking für diese neuen Ereignisse.

Die offizielle Dokumentation finden Sie hier: https://developers.hubspot.com/docs/methods/conversations_api/widget_events


Die Verfolgung von Chat-Widgets ist traditionell schwierig, da sie in der Regel als iframes hinzugefügt werden, auf die die aktuelle Seite keinen Zugriff hat.

Einige Leute schlagen vor, den Chat mit einem unsichtbaren Div zu überdecken, es zu entfernen, nachdem der Benutzer darauf geklickt hat, und den Klick zu verfolgen. Dies lässt das Chat-Widget natürlich kaputt aussehen, da der Benutzer zweimal darauf klicken muss, damit es funktioniert. Einmal, um das unsichtbare Div zu entfernen und ein weiteres Mal, um das Chat-Fenster zu öffnen.

Glücklicherweise zeigt die Protokollierung aller Ereignisse beim Abhören der Nachrichtenwarteschlange einige Chat-Widget-Interaktionen, die wir zur Protokollierung verschiedener Aktionen verwenden können.

Unten sehen Sie ein Ereignis des Typs "open-change" mit einem Datenwert von entweder true oder false, je nachdem, ob das Chatfenster geöffnet oder geschlossen wurde.

Browser-Konsole zeigt Hubspot-Ereignisse an

Wenn die Begrüßungsnachricht über dem Chat-Fenster geschlossen wird, wird ein Ereignis vom Typ "closed-welcome-message" ausgelöst.

Brower-Konsole zeigt ein Ereignis an, das das Schließen des Hubspot-Chatfensters protokolliert

Da die Daten in Form eines JSON-Objekts vorliegen, müssen wir sie zunächst parsen, um auf die Werte zugreifen zu können.

Nach dem Parsen können wir auf den Datentyp prüfen und entsprechende Analyseereignisse senden.

Zusammengefasst sieht das Skript zur Chat-Verfolgung wie folgt aus:

Lesen Sie mehr Artikel von diesem Autor

hier klicken