> ## Documentation Index
> Fetch the complete documentation index at: https://www.macaly.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Hotjar

> Füge Hotjar zu deinem Macaly-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*.

<Callout icon="user">
  Verfügbar auf allen Plänen
</Callout>

## 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](https://www.hotjar.com)
* Deine **Hotjar Site ID**. Eine Zahl, die wie `1234567` aussieht

<Accordion title="So findest du deine Site ID">
  1. Melde dich bei [Hotjar](https://insights.hotjar.com) an
  2. Gehe zu **Settings**
  3. Klicke unter **Organization** auf **Sites & organizations**
  4. Deine **Site ID** steht neben dem Namen deiner Website
</Accordion>

## Hotjar zu deinem Projekt hinzufügen

Öffne den Chat in deinem Macaly-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.

<Tip>
  Ersetze `1234567` durch deine tatsächliche Site ID aus deinem Hotjar-Dashboard.
</Tip>

## Prüfen, ob es funktioniert

<Steps>
  <Step title="Die Entwicklertools deines Browsers öffnen">
    Gehe in Chrome zu **View > Developer > Developer Tools** und wähle den Tab **Network**.
  </Step>

  <Step title="Deine veröffentlichte Website besuchen">
    Öffne dein live geschaltetes Macaly-Projekt und lade die Seite neu.
  </Step>

  <Step title="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.
  </Step>
</Steps>

<Info>
  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.
</Info>

## 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öchtest | Beispiel-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"* |

<Info>
  **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. Der Agent kann dir eine solche Lösung mit [Iubenda](/docs/de/integrations/iubenda) einrichten.
</Info>

## 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](https://www.hotjar.com/pricing/)
* 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](/docs/de/integrations/google-tag-manager) nutzt, kannst du Hotjar über GTM laden, statt es direkt hinzuzufügen. Der Agent kann bei beiden Ansätzen helfen


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.