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

> Lägg till Hotjar i ditt Macaly-projekt

Hotjar visar hur besökare faktiskt använder din webbplats. Värmekartor visar var folk klickar och scrollar. Sessionsinspelningar låter dig se riktiga besök. Om analysen berättar *vad* som hände visar Hotjar *varför*.

<Callout icon="user">
  Ingår i alla abonnemang
</Callout>

## Därför använder du Hotjar

* **Se var varje klick, scrollning och tryck landar.** Värmekartor visar vilka delar av sidan som får uppmärksamhet och vilka som ignoreras.
* **Titta på riktiga besök, inte bara siffror.** Sessionsinspelningar visar var besökare blir förvirrade, tvekar eller hoppar av.
* **Hör från besökarna utan att be dem lämna sidan.** Enkäter och feedbackknappar på sidan låter besökare berätta vad som fungerar.
* **Hitta steget där folk överger ditt flöde.** Trattrapporter visar exakt var registreringar, kassor eller onboarding faller isär.

## Det här behöver du

Innan du börjar behöver du:

* Ett **Hotjar-konto**. Skapa ett kostnadsfritt på [hotjar.com](https://www.hotjar.com)
* Ditt **Hotjar Site ID**. Ett nummer som ser ut som `1234567`

<Accordion title="Så hittar du ditt Site ID">
  1. Logga in på [Hotjar](https://insights.hotjar.com)
  2. Gå till **Settings**
  3. Klicka på **Sites & organizations** under **Organization**
  4. Ditt **Site ID** står bredvid namnet på din webbplats
</Accordion>

## Lägg till Hotjar i ditt projekt

Öppna chatten i ditt Macaly-projekt och be agenten:

```
Lägg till Hotjar på min webbplats. Mitt Site ID är 1234567.
```

Agenten lägger till Hotjars spårningsskript i ditt projekt. När din webbplats är publicerad börjar Hotjar samla in data automatiskt.

<Tip>
  Byt ut `1234567` mot ditt faktiska Site ID från din Hotjar-instrumentpanel.
</Tip>

## Kontrollera att det fungerar

<Steps>
  <Step title="Öppna webbläsarens utvecklarverktyg">
    I Chrome går du till **View > Developer > Developer Tools** och väljer fliken **Network**.
  </Step>

  <Step title="Besök din publicerade webbplats">
    Öppna ditt live-projekt i Macaly och uppdatera sidan.
  </Step>

  <Step title="Filtrera på Hotjar">
    Skriv `hotjar` i filterfältet på fliken Network. Du ska se förfrågningar som läses in, och bara ditt Site ID ska förekomma. Då är Hotjar korrekt installerat.
  </Step>
</Steps>

<Info>
  Spårningsskript körs också i förhandsvisningen i editorn, men datan kopplas då till förhandsvisningsdomänen och inte till din publicerade webbplats. För korrekta inspelningar och värmekartor, kontrollera din Hotjar-instrumentpanel efter att du har publicerat.
</Info>

## Vad du kan spåra

Hotjar börjar spela in sessioner och skapa värmekartor så fort det är aktivt. Du kan också be agenten hjälpa till med mer avancerade upplägg:

| Det här vill du | Exempel på prompt |
| - | - |
| Spåra en specifik sida | *"Jag vill ha Hotjar-värmekartor bara på prissidan"* |
| Lägga till en feedbackwidget | *"Lägg till en Hotjar-feedbackknapp längst ned till höger på varje sida"* |
| Tagga inspelningar | *"Tagga Hotjar-inspelningar när någon når tacksidan"* |
| Identifiera användare | *"Skicka den inloggade användarens e-postadress till Hotjar så att jag kan söka bland inspelningarna per användare"* |

<Info>
  **Samtycke till cookies.** Hotjar sätter cookies för att känna igen återkommande besökare och spela in sessioner. Om din webbplats har besökare från EU, Storbritannien eller andra regioner med integritetslagstiftning ansvarar du för att det finns en lösning för cookiesamtycke på plats innan Hotjar läses in. Agenten kan ställa in en åt dig med [Iubenda](/docs/sv/integrations/iubenda).
</Info>

## Bra att veta

* Hotjars **gratisabonnemang** inkluderar ett begränsat antal sessionsinspelningar och värmekartor per månad. Aktuella gränser hittar du på [Hotjars prissida](https://www.hotjar.com/pricing/)
* Värmekartor behöver ett visst antal besök för att bli användbara. Ge det några dagars trafik
* Hotjar maskerar automatiskt känsliga fält som lösenord och kreditkortsnummer i inspelningarna
* Om du också använder [Google Tag Manager](/docs/sv/integrations/google-tag-manager) kan du läsa in Hotjar via GTM i stället för att lägga till det direkt. Agenten kan hjälpa till med båda sätten


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