Google Tag Manager sollte auf Ihrer Website installiert sein, bevor Sie diesem Leitfaden folgen
Wenn Sie Google Tag Manager noch nicht installiert haben, müssen Sie das zuerst einrichten. Verwenden Sie den Artikel von Google Setup und Installation von Tag Manager, um zu erfahren, wie es geht.
Dieser Leitfaden beschreibt, wie Sie den Hotjar-Tracking-Code mithilfe von Google Tag Manager (GTM) installieren. Die drei Optionen für diese Installation sind:
- Hotjar und Google Tag Manager Integration
- Hotjar Tracking-Code-Tag innerhalb von Google Tag Manager
- Benutzerdefiniertes HTML-Tag innerhalb von Google Tag Manager
Sie können GTM auch verwenden, um Ereignisse an Hotjar zu senden und Benutzerattribute festzulegen
Nach der Installation von Hotjar können Sie auch GTM verwenden, um Ereignisse und Benutzerattribute zu senden. Erfahren Sie mehr in unseren Artikeln Wie man Benutzerattribute mit Google Tag Manager sendet und Wie man Ereignisse an Hotjar mit Google Tag Manager sendet
Hotjar und Google Tag Manager Integration
Besuchen Sie Ihre Seiten und klicken Sie auf Tracking-Code installieren.
Wenn Hotjar zuvor auf Ihrer Website installiert war, aber später entfernt wurde, sehen Sie möglicherweise die Option "Tracking-Code installieren" nicht. Wenn die Option "Tracking-Code installieren" nicht vorhanden ist, müssen Sie eine der anderen in diesem Artikel erwähnten Installationsmöglichkeiten befolgen.
Klicken Sie im Fenster "Mit Google Tag Manager installieren" auf Setup starten.
Sie sehen diese Option nur, wenn auf Ihrer Website ein GTM-Container installiert ist
Ihnen wird der erste Schritt für diese Integration angezeigt, wenn Hotjar automatisch erkannt hat, dass Ihre Website einen GTM-Container hat. Wenn Sie den ersten Schritt nicht sehen, folgen Sie den Schritten zur Installation des Hotjar Tracking-Code-Tags innerhalb von Google Tag Manager.
Wählen Sie das mit dem GTM-Container auf Ihrer Website verbundene Google-Konto aus.
Dies ist die Website, auf der Sie den Hotjar-Tracking-Code installieren werden.
Sehen Sie einige leicht unterschiedliche Bildschirme?
Google kontrolliert alle Schritte, die das Einloggen in GTM und das Genehmigen von Hotjar betreffen. Der genaue Ablauf und das Erscheinungsbild der Seiten können sich ändern, aber die Schritte sollten sich nicht wesentlich ändern.
Wählen Sie alle Zugriffsberechtigungen für Hotjar aus und klicken Sie auf Fortfahren.
Wählen Sie Ihr GTM-Konto und Ihren GTM-Tag-Container aus und klicken Sie auf Tag erstellen und veröffentlichen.
Stellen Sie sicher, dass Sie den GTM-Container auswählen, der auf Ihrer Website installiert ist
Hotjar wird Ihnen hier mitteilen, wenn Sie keine Container in diesem Google-Konto haben. Wenn nicht, folgen Sie den Anweisungen in der offiziellen Google-Dokumentation.
Klicken Sie auf Bestätigen und Erstellen.
Warten Sie einige Minuten auf die Antwort von Google und klicken Sie dann auf Installation überprüfen.
Befolgen Sie die Anweisungen zur Überprüfung der Installation.
Sie sollten eine Nachricht sehen, die die Installation bestätigt. Wenn nicht, lesen Sie unseren Artikel So überprüfen Sie, ob Hotjar funktioniert. Kontaktieren Sie uns gerne, wenn Sie Hilfe benötigen!
Hotjar-Tracking-Code-Tag innerhalb von Google Tag Manager
Klicken Sie in Ihrem Google Tag Manager-Dashboard auf Neuen Tag hinzufügen.
Klicken Sie auf das Tag-Symbol und wählen Sie Hotjar-Tracking-Code aus der Liste aus.
Geben Sie Ihre Hotjar-Site-ID in das Textfeld ein.
Um Ihre Hotjar-Site-ID zu erhalten, besuchen Sie Ihre Seitenübersicht. Hier sehen Sie eine Liste der Websites und Organisationen, auf die Sie zugreifen können, sowie die Site-IDs links von der Site-URL.
Klicken Sie im Bereich Auslöser, um festzulegen, auf welchen Seiten der Tracking-Code erscheinen soll.
Wählen Sie Alle Seiten für den Auslöser aus und klicken Sie dann auf Speichern.
Einzelne Seitenanwendungen sollten nur den Auslösertyp "Seitenaufruf" verwenden
Die Zustandsänderungsauslöser von Google Tag Manager stehen im Konflikt mit dem eigenen System von Hotjar zur Erkennung von Änderungen in einzelnen Seitenanwendungen. Für weitere Informationen werfen Sie einen Blick auf den Google Tag Manager-Artikel zum Seitenaufruf-Auslöser.
Klicken Sie auf die Schaltfläche Senden oben rechts auf der Arbeitsbereichsseite.
Klicken Sie auf die Schaltfläche Veröffentlichen, um das Tag zu veröffentlichen.
Warten Sie einige Minuten auf Google und überprüfen Sie dann, ob die Installation innerhalb von Hotjar funktioniert hat.
Sie sollten eine Nachricht sehen, die die Installation innerhalb von Hotjar bestätigt. Wenn nicht, lesen Sie unseren Artikel So überprüfen Sie, ob Hotjar funktioniert.
Benutzerdefiniertes HTML-Tag innerhalb von Google Tag Manager
Gehe zu deiner Seitenübersicht und klicke auf den Link Tracking-Code anzeigen für die Seite, die du verfolgen möchtest.
Klicke auf In Zwischenablage kopieren.
Klicke auf der Google Tag Manager Arbeitsbereich-Seite auf die Schaltfläche Neuen Tag hinzufügen.
Klicke in den Bereich Tag-Konfiguration.
Wähle Benutzerdefiniertes HTML aus der Liste aus.
Füge den zuvor von Hotjar kopierten Code in das Textfeld ein.
Klicke in den Bereich Auslöser.
Klicke auf Alle Seiten.
Dies ist wichtig - wenn du einen anderen Auslöser wählst, funktioniert Hotjar nicht korrekt.
Benenne den Tag und klicke dann auf die Schaltfläche Speichern.
Änderungen übernehmen.
Stelle sicher, dass deine Live-Umgebung ausgewählt ist, und klicke auf Veröffentlichen.
Warte ein paar Minuten auf Google und überprüfe dann, ob die Installation innerhalb von Hotjar funktioniert hat.
Du solltest eine Bestätigungsnachricht über die Installation in Hotjar sehen. Wenn nicht, besuche Fehlerbehebung bei der Google Tag Manager-Installation, um deine GTM-Konfigurationen zu überprüfen.
Wenn du diesen Artikel durchgegangen bist und die Einstellungen in GTM korrekt sind, besuche unseren Leitfaden zur Überprüfung, ob Hotjar funktioniert für zusätzliche Fehlerbehebungsschritte.