Integrationen

Hotjar

Füge Hotjar zu deinem Vibewax-Projekt hinzu

Hotjar zeigt dir, wie Besucher deine Website wirklich nutzen. Heatmaps zeigen, wo Menschen klicken und scrollen. Session-Aufzeichnungen lassen dich echte Besuche mitverfolgen. Wenn Analytics dir zeigt, was passiert ist, zeigt dir Hotjar warum.

Warum Hotjar verwenden

  • Sieh, wo jeder Klick, jedes Scrollen und jeder Tap landet. Heatmaps zeigen, welche Bereiche deiner Seite Aufmerksamkeit bekommen und welche ignoriert werden.
  • Schau dir echte Besuche an, nicht nur Zahlen. Session-Aufzeichnungen zeigen dir, wo Besucher verwirrt sind, zögern oder abbrechen.
  • Erfahre die Meinung deiner Besucher, ohne sie die Seite verlassen zu lassen. Umfragen auf der Seite und Feedback-Buttons lassen Besucher dir sagen, was funktioniert.
  • Finde den Schritt, an dem Menschen deinen Ablauf abbrechen. Funnel-Reports zeigen genau, wo Anmeldungen, Checkouts oder Onboarding scheitern.

Was du brauchst

Bevor du startest, stelle sicher, dass du Folgendes hast:

  • Ein Hotjar-Konto. Erstelle eins kostenlos unter hotjar.com
  • Deine Hotjar Site ID. Eine Zahl, die wie 1234567 aussieht
So findest du deine Site ID
  1. Melde dich bei Hotjar an
  2. Gehe zu Settings
  3. Klicke unter Organization auf Sites & organizations
  4. Deine Site ID steht neben dem Namen deiner Website

Hotjar zu deinem Projekt hinzufügen

Öffne den Chat in deinem Vibewax-Projekt und frage den Agenten:

Füge Hotjar zu meiner Website hinzu. Meine Site ID ist 1234567.

Der Agent fügt das Hotjar-Tracking-Skript zu deinem Projekt hinzu. Sobald deine Website veröffentlicht ist, sammelt Hotjar automatisch Daten.

Ersetze 1234567 durch deine tatsächliche Site ID aus deinem Hotjar-Dashboard.

Prüfen, ob es funktioniert

1. Die Entwicklertools deines Browsers öffnen

Gehe in Chrome zu View > Developer > Developer Tools und wähle den Tab Network.

2. Deine veröffentlichte Website besuchen

Öffne dein live geschaltetes Vibewax-Projekt und lade die Seite neu.

3. Nach Hotjar filtern

Gib hotjar in das Filterfeld des Network-Tabs ein. Du solltest Anfragen sehen, die geladen werden, nur mit deiner Site ID darin. Das bedeutet, dass Hotjar korrekt installiert ist.

Tracking-Skripte laufen auch in der Editor-Vorschau, aber die Daten werden der Vorschau-Domain zugeordnet, nicht deiner veröffentlichten Website. Für genaue Aufzeichnungen und Heatmaps prüfe dein Hotjar-Dashboard nach dem Deployment.

Was du überwachen kannst

Hotjar beginnt, sobald es aktiv ist, mit der Aufzeichnung von Sessions und dem Erstellen von Heatmaps. Du kannst den Agenten auch um Hilfe bei fortgeschritteneren Einrichtungen bitten:

Was du möchtestBeispiel-Prompt
Eine bestimmte Seite überwachen“Ich möchte Hotjar-Heatmaps nur auf der Preisseite”
Ein Feedback-Widget hinzufügen“Füge auf jeder Seite unten rechts einen Hotjar-Feedback-Button hinzu”
Aufzeichnungen taggen“Tagge Hotjar-Aufzeichnungen, wenn jemand die Danke-Seite erreicht”
Nutzer identifizieren“Übergib die E-Mail des angemeldeten Nutzers an Hotjar, damit ich Aufzeichnungen nach Nutzer durchsuchen kann”

Cookie-Einwilligung. Hotjar setzt Cookies, um wiederkehrende Besucher zu erkennen und Sessions aufzuzeichnen. Wenn deine Website Besucher aus der EU, Großbritannien oder anderen Regionen mit Datenschutzgesetzen hat, bist du dafür verantwortlich, dass eine Lösung zur Cookie-Einwilligung vorhanden ist, bevor Hotjar lädt.

Gut zu wissen

  • Der kostenlose Plan von Hotjar umfasst eine begrenzte Anzahl an Session-Aufzeichnungen und Heatmaps pro Monat. Aktuelle Grenzen findest du in den Hotjar-Preisen
  • Heatmaps brauchen eine Mindestanzahl an Besuchen, bevor sie nützlich werden. Gib ihnen ein paar Tage Traffic
  • Hotjar maskiert automatisch sensible Felder wie Passwörter und Kreditkartennummern in Aufzeichnungen
  • Wenn du auch Google Tag Manager nutzt, kannst du Hotjar über GTM laden, statt es direkt hinzuzufügen. Der Agent kann bei beiden Ansätzen helfen