Technologie

Wie kann ich das Hotjar Tracking-Skript korrekt auf meiner Webseite installieren?

Melden
  1. Einleitung
  2. Hotjar-Konto erstellen und Webseite hinzufügen
  3. Das Tracking-Skript erhalten
  4. Integration des Skripts in Ihre Webseite
  5. Testen der Installation
  6. Wichtige Hinweise
  7. Zusammenfassung

Einleitung

Hotjar ist ein Tool zur Analyse des Nutzerverhaltens auf Webseiten, das Heatmaps, Besucheraufzeichnungen und Feedback bietet. Um Hotjar auf Ihrer Webseite zu nutzen, müssen Sie ein Tracking-Skript in Ihren Seitenquellcode einfügen. Dieses Skript sammelt Daten über das Verhalten der Besucher und sendet diese an die Hotjar-Server.

Hotjar-Konto erstellen und Webseite hinzufügen

Bevor Sie das Tracking-Skript erhalten, müssen Sie ein Konto bei Hotjar erstellen. Nach der Registrierung können Sie in Ihrem Hotjar-Dashboard eine neue Webseite hinzufügen. Dabei erhalten Sie eine eindeutige Hotjar-ID, die für Ihre Webseite spezifisch ist und im Tracking-Skript verwendet wird.

Das Tracking-Skript erhalten

Im Hotjar-Dashboard finden Sie unter dem Menüpunkt Tracking Code das JavaScript-Snippet, das Sie auf Ihrer Webseite einfügen müssen. Dieses sieht ungefähr so aus:

<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_HOTJAR_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_HOTJAR_ID durch die von Hotjar bereitgestellte ID.

Integration des Skripts in Ihre Webseite

Das Tracking-Skript sollte im <head>-Bereich Ihrer Webseite eingefügt werden, damit es möglichst früh geladen wird und alle Seitenbesuche erfasst werden können. Öffnen Sie Ihre HTML-Datei und platzieren Sie das Skript am besten ganz oben innerhalb des <head>-Tags, direkt nach dem <title> oder parallel zu anderen Meta-Tags.

Beispiel:

<head> <title>Meine Webseite</title> <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q|| ).push(arguments)}; h._hjSettings={hjid:1234567,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></head>

Testen der Installation

Nach dem Einfügen des Skripts sollten Sie Ihre Webseite aufrufen und überprüfen, ob das Hotjar-Skript erfolgreich geladen wird. Im Browser können Sie dazu die Entwicklertools öffnen (meistens über F12) und im Netzwerk-Tab nach hotjar filtern. Wenn das Skript geladen wird, ist Ihre Installation erfolgreich.

Zusätzlich zeigt Hotjar im Dashboard häufig innerhalb einiger Stunden an, ob Daten erfasst werden.

Wichtige Hinweise

Verwenden Sie keine Ad-Blocker oder ähnliche Tools beim Testen, da diese die Ausführung des Hotjar-Skripts blockieren können. Außerdem sollten Sie sicherstellen, dass Sie die Datenschutzbestimmungen einhalten und Besucher über die Verwendung von Tracking-Technologien informieren (zum Beispiel durch eine Datenschutzerklärung und ggf. Cookie-Hinweise).

Bei der Verwendung von CMS-Systemen wie WordPress gibt es oft Plugins, mit denen Sie Hotjar einbinden können, ohne den Code manuell einzufügen.

Zusammenfassung

Das Hotjar Tracking-Skript wird im <head>-Bereich der Webseite eingebaut, nachdem Sie im Hotjar-Dashboard Ihre Webseite registriert und die individuelle Hotjar-ID erhalten haben. Das Skript lädt asynchron und sammelt anonymisierte Nutzerdaten zur Auswertung. Eine korrekte Installation ermöglicht Ihnen ein besseres Verständnis des Nutzerverhaltens und die Optimierung Ihrer Webseite.

0

Kommentare