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

> Lisää Hotjar Macaly-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*.

<Callout icon="user">
  Saatavilla kaikissa paketeissa
</Callout>

## 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 Macaly-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 Macaly-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. Agentti voi ottaa sellaisen käyttöön puolestasi [Iubendan](/docs/fi/integrations/iubenda) avulla.
</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 documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.