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

# Hotjar

> Lisää Hotjar Vibewax-projektiisi

Hotjar näyttää, miten kävijät todella käyttävät sivustoasi. Lämpökartat paljastavat, mihin ihmiset klikkaavat ja kuinka pitkälle he vierittävät. Istuntotallenteilla voit katsoa oikeita vierailuja. Jos analytiikka kertoo, *mitä* tapahtui, Hotjar näyttää, *miksi*.

## Miksi käyttää Hotjaria

- **Näe, mihin jokainen klikkaus, vieritys ja napautus osuu.** Lämpökartoista näet, mihin sivusi osiin kiinnitetään huomiota ja mitkä jäävät huomaamatta.
- **Katso oikeita vierailuja, älä pelkkiä lukuja.** Istuntotallenteista näet, missä kävijät hämmentyvät, empivät tai poistuvat.
- **Kuule kävijöitä pyytämättä heitä poistumaan sivulta.** Sivukohtaisilla kyselyillä ja palautepainikkeilla kävijät kertovat, mikä toimii.
- **Löydä vaihe, jossa ihmiset jättävät prosessin kesken.** Suppiloraporteista näet tarkasti, missä rekisteröityminen, kassa tai perehdytys kaatuu.

## Mitä tarvitset

Varmista ennen aloittamista, että sinulla on:

- **Hotjar-tili**. Luo tili ilmaiseksi osoitteessa [hotjar.com](https://www.hotjar.com)
- **Hotjar Site ID**. Numero, joka näyttää tältä: `1234567`

<Accordion title="Näin löydät Site ID:n">
  1. Kirjaudu sisään [Hotjariin](https://insights.hotjar.com)
  2. Siirry kohtaan **Settings**
  3. Klikkaa kohdassa **Organization** vaihtoehtoa **Sites & organizations**
  4. **Site ID** näkyy sivustosi nimen vieressä
</Accordion>

## Lisää Hotjar projektiisi

Avaa Vibewax-projektisi keskustelu ja pyydä agenttia:

```
Lisää Hotjar sivustolleni. Site ID:ni on 1234567.
```

Agentti lisää Hotjarin seurantaskriptin projektiisi. Kun sivustosi on julkaistu, Hotjar alkaa kerätä dataa automaattisesti.

<Tip>
  Korvaa `1234567` omalla Site ID:lläsi Hotjarin hallintapaneelista.
</Tip>

## Varmista, että se toimii

<Steps>
  <Step title="Avaa selaimen kehittäjätyökalut">
    Siirry Chromessa kohtaan **View > Developer > Developer Tools** ja valitse **Network**-välilehti.
  </Step>
  <Step title="Siirry julkaistulle sivustollesi">
    Avaa julkaistu Vibewax-projektisi ja päivitä sivu.
  </Step>
  <Step title="Suodata Hotjar">
    Kirjoita Network-välilehden suodatinkenttään `hotjar`. Näet ladattavia pyyntöjä, joissa näkyy vain oma Site ID:si. Silloin Hotjar on asennettu oikein.
  </Step>
</Steps>

<Info>
  Seurantaskriptit toimivat myös editorin esikatselussa, mutta data kohdistuu esikatselun verkkotunnukseen, ei julkaistuun sivustoosi. Tarkat tallenteet ja lämpökartat näet tarkistamalla Hotjarin hallintapaneelin julkaisun jälkeen.
</Info>

## Mitä seurata

Hotjar alkaa tallentaa istuntoja ja luoda lämpökarttoja heti, kun se on käytössä. Voit pyytää agenttia auttamaan myös edistyneemmissä asetuksissa:

| Mitä haluat | Esimerkkikehote |
| --- | --- |
| Seurata tiettyä sivua | *"Haluan Hotjarin lämpökartat vain hinnoittelusivulle"* |
| Lisätä palautewidgetin | *"Lisää Hotjarin palautepainike jokaisen sivun oikeaan alakulmaan"* |
| Merkitä tallenteita tunnisteilla | *"Merkitse Hotjar-tallenteet tunnisteella, kun joku pääsee kiitossivulle"* |
| Tunnistaa käyttäjiä | *"Välitä kirjautuneen käyttäjän sähköpostiosoite Hotjarille, jotta voin hakea tallenteita käyttäjän mukaan"* |

<Info>
  **Evästesuostumus.** Hotjar asettaa evästeitä, joilla se tunnistaa palaavat kävijät ja tallentaa istunnot. Jos sivustollasi on kävijöitä EU:sta, Isosta-Britanniasta tai muilta alueilta, joilla on tietosuojalainsäädäntöä, olet itse vastuussa siitä, että evästesuostumusratkaisu on käytössä ennen kuin Hotjar latautuu.
</Info>

## Hyvä tietää

- Hotjarin **ilmaisessa paketissa** istuntotallenteita ja lämpökarttoja on rajoitetusti kuukaudessa. Katso nykyiset rajat [Hotjarin hinnoittelusta](https://www.hotjar.com/pricing/)
- Lämpökartat tarvitsevat tietyn vähimmäismäärän vierailuja, ennen kuin niistä on hyötyä. Anna sivustolle muutama päivä liikennettä
- Hotjar peittää tallenteissa automaattisesti arkaluonteiset kentät, kuten salasanat ja luottokortinnumerot
- Jos käytät myös [Google Tag Manageria](/docs/fi/integrations/google-tag-manager), voit ladata Hotjarin GTM:n kautta sen sijaan, että lisäisit sen suoraan. Agentti voi auttaa kummassakin tavassa


This page is part of the [Vibewax documentation](https://vibewax.be/docs/fi/welcome/overview).