Wie kann ich Hotjar mit einem Tag-Manager richtig konfigurieren?

1. Vorbereitung und Hotjar Account
2. Erstellung des Hotjar-Tags im Tag-Manager
3. Festlegung des Triggers für das Hotjar-Tag
4. Testen und Veröffentlichen der Konfiguration
5. Zusätzliche Tipps zur Optimierung

Die Integration von Hotjar über einen Tag-Manager wie den Google Tag Manager (GTM) ermöglicht eine flexible und übersichtliche Verwaltung von Tracking-Skripten, ohne dass der Quellcode der Website direkt bearbeitet werden muss. Diese Methode wird häufig genutzt, um Hotjar schnell und effizient einzusetzen und gleichzeitig Änderungen zentral steuern zu können.

Vorbereitung und Hotjar Account

Bevor Sie Hotjar in Ihrem Tag-Manager einrichten, benötigen Sie zunächst einen Hotjar-Account. Nach der Registrierung erhalten Sie eine eindeutige Hotjar Site-ID, die für Ihr Projekt spezifisch ist. Diese ID ist essentiell, da sie im Tracking-Code eingefügt wird, damit Hotjar die richtigen Daten auf Ihrer Website erfasst.

Erstellung des Hotjar-Tags im Tag-Manager

Im nächsten Schritt loggen Sie sich in Ihren Tag-Manager ein. Dort erstellen Sie einen neuen Tag vom Typ "Benutzerdefiniertes HTML" (Custom HTML Tag). In diesem Tag fügen Sie den von Hotjar bereitgestellten Tracking-Code ein, der üblicherweise wie folgt aussieht:

<script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q|| ).push(arguments)}; h._hjSettings={hjid:IHRE_SITE_ID,hjsv:6}; a=o.getElementsByTagName(head) ; r=o.createElement(script);r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,https://static.hotjar.com/c/hotjar-,.js?sv=);</script>

Ersetzen Sie IHRE_SITE_ID durch die spezifische ID Ihres Hotjar-Projekts. Je nach Tag-Manager kann es sinnvoll sein, den Code in einer kompakten Zeile ohne Zeilenumbrüche einzufügen, um Syntaxprobleme zu vermeiden.

Festlegung des Triggers für das Hotjar-Tag

Damit das Hotjar-Tag ausgelöst wird und das Skript auf Ihrer Website geladen wird, müssen Sie einen passenden Trigger definieren. In der Regel wählen Sie als Trigger "Alle Seiten" (All Pages), damit das Hotjar-Skript auf jeder Seite Ihrer Website aktiviert wird. Falls Sie Hotjar nur auf bestimmten Seiten oder unter bestimmten Bedingungen laden möchten, können Sie hier auch spezifische Regeln einstellen, z. B. basierend auf URL-Pfaden oder benutzerdefinierten Variablen.

Testen und Veröffentlichen der Konfiguration

Nachdem Sie Tag und Trigger eingerichtet haben, empfiehlt es sich, den Debug-Modus Ihres Tag-Managers zu verwenden, um sicherzustellen, dass der Hotjar-Tag korrekt ausgelöst wird und keine Fehler auftreten. Überprüfen Sie zudem im Hotjar-Dashboard, ob Daten erfasst werden. Wenn alles einwandfrei funktioniert, veröffentlichen Sie Ihre Änderungen im Tag-Manager, damit die Konfiguration live geschaltet wird.

Zusätzliche Tipps zur Optimierung

Es kann sinnvoll sein, Hotjar nur nach expliziter Zustimmung der Nutzer zu laden, besonders im Hinblick auf Datenschutz und DSGVO. Dies lässt sich umsetzen, indem Sie den Trigger so konfigurieren, dass das Hotjar-Tag erst nach Zustimmung des Nutzers durch ein Consent-Management-Tool ausgelöst wird. Außerdem sollten Sie regelmäßig prüfen, ob die Hotjar-Version aktuell ist und keine Konflikte mit anderen Skripten auf Ihrer Website auftreten.

Mit dieser Vorgehensweise binden Sie Hotjar systematisch, sicher und flexibel über einen Tag-Manager ein, was die Wartung erleichtert und eine bessere Kontrolle über Ihre Tracking-Implementierung ermöglicht.