> ## 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

> Voeg Hotjar toe aan uw Macaly-project

Hotjar laat u zien hoe bezoekers uw site daadwerkelijk gebruiken. Heatmaps onthullen waar mensen klikken en scrollen. Sessie-opnames laten u echte bezoeken bekijken. Als analytics u vertelt *wat* er is gebeurd, laat Hotjar u zien *waarom*.

<Callout icon="user">
  Beschikbaar in alle pakketten
</Callout>

## Waarom Hotjar gebruiken

* **Zie waar elke klik, scroll en tik belandt.** Heatmaps tonen welke delen van uw pagina aandacht krijgen en welke worden genegeerd.
* **Bekijk echte bezoeken, niet alleen cijfers.** Sessie-opnames laten u zien waar bezoekers in de war raken, aarzelen of afhaken.
* **Ontvang feedback van bezoekers zonder dat ze de pagina hoeven te verlaten.** Enquêtes op de pagina en feedbackknoppen laten bezoekers vertellen wat werkt.
* **Vind de stap waar mensen uw flow verlaten.** Trechterrapporten identificeren precies waar registraties, afrekenprocessen of onboarding mislukken.

## Wat u nodig hebt

Zorg ervoor dat u het volgende hebt voordat u begint:

* Een **Hotjar-account**. Maak er gratis een aan op [hotjar.com](https://www.hotjar.com)
* Uw **Hotjar Site-ID**. Een nummer dat eruitziet als `1234567`

<Accordion title="Hoe u uw Site-ID vindt">
  1. Log in bij [Hotjar](https://insights.hotjar.com)
  2. Ga naar **Instellingen**
  3. Klik onder **Organisatie** op **Sites en organisaties**
  4. Uw **Site-ID** staat naast uw sitenaam
</Accordion>

## Hotjar toevoegen aan uw project

Open de chat in uw Macaly-project en vraag de agent:

```
Voeg Hotjar toe aan mijn site. Mijn Site-ID is 1234567.
```

De agent voegt het Hotjar-trackingscript toe aan uw project. Zodra uw site is gepubliceerd, begint Hotjar automatisch gegevens te verzamelen.

<Tip>
  Vervang `1234567` door uw werkelijke Site-ID uit uw Hotjar-dashboard.
</Tip>

## Controleren of het werkt

<Steps>
  <Step title="Open de ontwikkelaarstools van uw browser">
    Ga in Chrome naar **Weergave > Ontwikkelaar > Ontwikkelaarstools** en selecteer het tabblad **Netwerk**.
  </Step>

  <Step title="Bezoek uw gepubliceerde site">
    Open uw live Macaly-project en vernieuw de pagina.
  </Step>

  <Step title="Filter op Hotjar">
    Typ `hotjar` in het filterveld van het tabblad Netwerk. U zou verzoeken moeten zien laden met alleen uw Site-ID. Dat betekent dat Hotjar correct is geïnstalleerd.
  </Step>
</Steps>

<Info>
  Trackingscripts draaien ook in de editorvoorvertoning, maar gegevens worden toegeschreven aan het voorvertoningsdomein, niet aan uw gepubliceerde site. Controleer voor nauwkeurige opnames en heatmaps uw Hotjar-dashboard na het implementeren.
</Info>

## Wat te volgen

Hotjar begint sessies op te nemen en heatmaps te genereren zodra het actief is. U kunt de agent ook vragen te helpen met geavanceerdere configuraties:

| Wat u wilt                   | Voorbeeldprompt                                                                                            |
| ---------------------------- | ---------------------------------------------------------------------------------------------------------- |
| Een specifieke pagina volgen | *"Ik wil Hotjar-heatmaps alleen op de tariefpagina"*                                                       |
| Een feedbackwidget toevoegen | *"Voeg een Hotjar-feedbackknop toe rechtsonder op elke pagina"*                                            |
| Opnames taggen               | *"Tag Hotjar-opnames wanneer iemand de bedankpagina bereikt"*                                              |
| Gebruikers identificeren     | *"Stuur het e-mailadres van de ingelogde gebruiker naar Hotjar zodat ik opnames per gebruiker kan zoeken"* |

<Info>
  **Cookietoestemming.** Hotjar plaatst cookies om terugkerende bezoekers te herkennen en sessies op te nemen. Als uw site bezoekers heeft uit de EU, het VK of andere regio's met privacywetgeving, bent u verantwoordelijk voor het implementeren van een cookietoestemmingsoplossing voordat Hotjar wordt geladen.
</Info>

## Goed om te weten

* Het **gratis abonnement** van Hotjar bevat een beperkt aantal sessie-opnames en heatmaps per maand. Bekijk de [Hotjar-prijzen](https://www.hotjar.com/pricing/) voor de huidige limieten
* Heatmaps hebben een minimum aantal bezoeken nodig voordat ze nuttig worden. Geef het een paar dagen verkeer
* Hotjar maskeert automatisch gevoelige velden zoals wachtwoorden en creditcardnummers in opnames
* Als u ook [Google Tag Manager](/docs/nl/integrations/google-tag-manager) gebruikt, kunt u Hotjar via GTM laden in plaats van het rechtstreeks toe te voegen. De agent kan u helpen met beide benaderingen