Hotjar ist ein beliebter Dienst für Webanalysen und Nutzerfeedback. Er bietet Tools für Flow-Besitzer und Marketing Manager, um zu verstehen, wie Nutzer mit ihren Websites oder, in unserem Fall, mit ihren Flows interagieren. Hotjar bietet Funktionen wie Heatmaps, Sitzungsaufzeichnungen und Umfragen, um Einblicke in das Verhalten und die Vorlieben der Nutzer zu erhalten.
Es gibt zwei Möglichkeiten, deinen Heyflow mit Hotjar zu verbinden:
Einfügen des Hotjar-Tracking-Codes in den Head-Bereich deines Flow
Über GTM (für den Fall, dass der Codebereich nicht zugänglich ist)
Hotjar via Head Code verbinden
Als Erstes muss dein Hotjar-Konto erstellt werden, was sehr einfach ist und in diesem Artikel nicht behandelt wird.
Um mehr über individuellen Head Code zu erfahren, wirf einen Blick auf diesen Hilfsartikel.
Sobald dein Hotjar-Konto erstellt ist, kannst du auf dein Dashboard zugreifen, das, wenn du es zum ersten Mal aufrufst, wie folgt aussieht:
Hier kannst du dann einfach den Tracking-Code kopieren und in den Headbereich deines Flows einfügen:
Wenn du das Skript nur laden möchtest, wenn der Benutzer die Cookies akzeptiert hat, füge dies dem Skript-Tag hinzu:
<script type="text/plain" data-cookieconsent="marketing">
Speichere den Headcode und veröffentliche deinen Heyflow erneut.
Wenn du Hotjar bereits verwendest, gehe zu Integrationen (oben rechts), klicke dann auf Organisationen und Websites (oben links) und wähle + Neue Website:
Hier fügst du dann die URL deines Flows ein und klicke auf Seite hinzufügen:
Dann klicke auf Tracking-Code installieren. Nachdem du Manuell installieren gewählt haben, kannst du den Code kopieren und in den Headbereich deines Heyflows einfügen.
Nachdem du den Code eingefügt hast, empfehlen wir dir, deinen Flow einmal zu testen und die Hotjar-Seite zu aktualisieren. Du solltest dann sehen, dass der Tracking-Code aktiv ist.
Der nächste Schritt besteht darin, die Installation des Tracking-Codes zu überprüfen. Nachdem du zu Organisationen und Websites zurückkehrst, klicke auf Tracking-Code installieren. Du siehst dann, dass die Verifizierung sehr einfach ist, indem du einfach auf Verify installation klickst:
Herzlichen Glückwunsch, dein Heyflow ist jetzt mit Hotjar verbunden! Nachdem die ersten Einsendungen eingegangen sind, kannst du dann auch die ersten Aufnahmen sehen usw.
Hotjar via GTM verbinden
Wenn du nicht auf den Code-Bereich in Heyflow zugreifen kannst, gibt es eine andere Möglichkeit, deinen Heyflow mit Hotjar zu verbinden: Google Tag Manager (GTM).
Um mehr über die allgemeine Einrichtung in GTM zu erfahren, wirf einen Blick auf diesen Hilfsartikel.
1. Der erste Schritt in GTM besteht darin, den Abschnitt "Tags" aufzurufen und auf Neu oben rechts zu klicken:
2. Klicke auf Tag-Konfiguration und suche nach dem Hotjar-Tracking-Code-Tag:
3. Wenn du den Hotjar Tracking Code Tag zu deinem Workspace hinzufügst, wirst du feststellen, dass du eine bestimmte ID benötigs, um die Einrichtung abzuschließen: Die Hotjar-Site-ID.
Diese Site-ID kannst du aus der URL (nach sites/) abrufen, wenn du die Hauptseite in Hotjar aufrufst:
Kopiere einfach die ID und füge sie in deinen Tag in GTM ein.
4. Als nächstes musst du einen Trigger mit diesem Tag verknüpfen. Klicke also auf Triggering...
... und wähle den Standard-Trigger Alle Seiten:
5. Nachdem du diese Einstellungen vorgenommen hast, speichere den Tag und vergiss nicht, in GTM auf "Submit" zu klicken (oben rechts).
Herzlichen Glückwunsch, du hast deinen Heyflow erfolgreich über GTM mit Hotjar verbunden!