Hőtérkép elemzés: mit árulnak el a görgetési szokások?

Gyors válasz: A hőtérkép elemzés egy vizuális módszer, amely megmutatja, hogy a weboldalad látogatói hová kattintanak, meddig görgetnek le, és hol töltik a legtöbb időt — mindez közvetlen inputot ad a konverzió-optimalizáláshoz. A Nielsen Norman Group 2018-as adatai szerint a felhasználók idejük 57%-át a fold felett töltik, és az összes figyelem 74%-a az első két képernyőn összpontosul — ezért kulcsfontosságú tudni, mit látnak valójában a látogatóid.

A hőtérkép elemzés (angolul: heatmap analysis) egy olyan vizuális analitikai módszer, amely színskálával ábrázolja, hogyan viselkednek a látogatók a weboldaladon: hová kattintanak, meddig görgetnek, és hol állnak meg. A „meleg” (piros-narancs) színek a magas aktivitású területeket jelölik, a „hideg” (kék-zöld) színek pedig az elhanyagolt zónákat. Egy magyar vállalkozás számára ez az eszköz megmutatja, hogy a gondosan megtervezett landing page, termékoldalak vagy ajánlatkérő űrlapok valóban úgy működnek-e, ahogy tervezted — vagy épp fordítva.

Képzeld el, hogy heteket töltöttél a weboldalad elkészítésével, az ajánlatkérő gomb tökéletes helyen van — legalábbis szerinted. De mi van, ha a látogatóid fele el sem jut odáig? Ez nem sci-fi: a CRO (konverzió-optimalizálás) területén dolgozó szakemberek nap mint nap találkoznak ezzel a jelenséggel. A jó hír: a hőtérkép elemzés segítségével nem kell találgatnod. A Nielsen Norman Group 2018-as kutatása szerint a felhasználók csupán kb. 22%-a ér el egy oldal legaljára — vagyis ha a legfontosabb CTA-d oldal alján van, a látogatók döntő többsége soha nem látja meg.

Ebben a cikkben megmutatom, mi az a scroll map és hotjar heatmap, hogyan értelmezd az adatokat, és milyen konkrét lépéseket tehetsz a felhasználói viselkedés megértése alapján. Kezdő vállalkozóként is percek alatt beüzemelheted — és az eredmények azonnal hasznosíthatók.

Tartalomjegyzék

Mi az a hőtérkép elemzés, és miért fontos a CRO-ban?

A hőtérkép elemzés lényege egyszerű: aggregált adatok alapján vizuálisan mutatja meg, hogy a látogatók hogyan interaktálnak az oldaladon. Nem kitalált adatokat látsz, hanem valós felhasználói viselkedést — százas vagy ezres mintán. Ez különösen értékes a konverzió-optimalizálás (CRO) szempontjából, ahol minden döntés mögött bizonyítékra van szükség, nem megérzésre.

A Netfort 2020-as összefoglalója szerint a weboldal-hőtérképek vizuális, könnyen értelmezhető formában adnak látogatói statisztikákat, és kis technikai befektetéssel — pár soros kóddal — elérhetők. Ez azt jelenti, hogy nem kell adatelemző-szakértőnek lenned ahhoz, hogy hasznos következtetéseket vonj le.

A hőtérkép eszközök (például a Hotjar vagy a Crazy Egg) rávilágítanak arra is, ha valami félrevezető a dizájnban: például a látogatók képekre kattintanak, amelyek valójában nem linkek, vagy „beragadnak” egy szakaszba, és nem jutnak tovább. A Hotjar 2023-as útmutatója szerint az ilyen felhasználói viselkedési minták azonosítása direkt módon javítja a UX-et és a konverziós arányokat.

Magyar viszonylatban is egyre fontosabb ez az eszköz: több hazai ügynökség (köztük Netfort, Usernet, VexFox, 7Blog) önálló cikkeket szentel a témának, ami jelzi, hogy a magyar KKV-szektorban is nő az igény a vizuális felhasználói viselkedéselemzés iránt.

A hőtérkép típusai: kattintás, scroll map és mozgás

Nem minden hőtérkép ugyanazt méri. A Hotjar heatmap három fő típust kínál, amelyek együttesen adnak teljes képet a felhasználói viselkedésről.

Kattintási hőtérkép (click heatmap)

A kattintási hőtérkép megmutatja, hogy a látogatók hová kattintanak az oldalon — legyen az gomb, link, kép vagy akár egy nem kattintható szöveges elem. A „forró pontok” jelzik, hol a legaktívabbak a felhasználók, a „vak zónák” pedig azokat a területeket, amelyeket figyelmen kívül hagynak. Ha például az „Ajánlatkérés” gombra kevesen kattintanak, de egy mellette lévő képre sokan próbálnak rányomni, az egyértelmű dizájn-problémát jelez. A 7Blog 2026-os online marketing szótára szerint a kattintási aktivitás pontos megjelenítése az egyik legalapvetőbb CRO-eszköz, amelyet kezdőknek is ajánlanak.

Görgetési hőtérkép (scroll map)

A scroll map (görgetési hőtérkép) azt mutatja meg, hogy a látogatók milyen mélyre görgetnek el az oldalon — vagyis hol csökken drasztikusan az aktív felhasználók aránya. Ez az egyik leghasznosabb eszköz a CTA-k elhelyezésének optimalizálásához. A Nielsen Norman Group 2018-as kutatása szerint a felhasználók csupán kb. 22%-a ér el egy oldal legaljára, és idejük 57%-át a fold felett töltik. Ha a legfontosabb ajánlatod vagy „Kosárba” gombod a scroll map szerint láthatatlan zónában van, az közvetlenül rontja a konverziót.

A Hotjar 2023-as anyaga szerint a scroll heatmap vizualizálja a fold feletti és alatti aktivitást, így rögtön látható, ha egy fontos CTA vagy ajánlat olyan szakaszra került, amelyet a felhasználók nagy része nem ér el görgetés közben.

Egérmozgás hőtérkép (mouse movement)

Az egérmozgás hőtérkép az egérkurzor mozgásának útvonalát rögzíti az oldalon. Bár ez nem egyenlő a szemmozgással, erős korrelációt mutat azzal, amit a felhasználók ténylegesen olvasnak vagy néznek. Ha az egér egy bizonyos területen „sűrűsödik”, az jelzi a magas figyelmi szintet. A Hotjar 2024–2025 között bevezetett új „Attention Heatmaps” funkciója ennél is tovább megy: az oldalon töltött idő eloszlását is vizualizálja, így még finomabb képet nyújt a valódi felhasználói figyelemről.

Hogyan állíts be Hotjar heatmapet lépésről lépésre?

A jó hír az, hogy a Hotjar beüzemelése nem igényel fejlesztői tudást. A Raccoon Lab 2023-as magyar útmutatója részletesen bemutatja a folyamatot, és kiemeli, hogy a free csomag kis forgalmú KKV-weboldalak tesztelésére is elegendő adatot biztosít.

  1. Regisztrálj a Hotjar.com oldalon. Az ingyenes Basic csomag elegendő az első lépésekhez — hőtérképenként akár 1 000 oldalmegtekintés adatait is gyűjtheted.
  2. Hozz létre egy új heatmapet. A Hotjar dashboardján válaszd ki az „Add new heatmap” opciót, adj meg egy URL-t (vagy URL-mintát, pl. összes termékoldalhoz), és indítsd el az adatgyűjtést.
  3. Illeszd be a tracking kódot a weboldaladra. A Hotjar egy egyedi JavaScript kódrészletet generál, amelyet a weboldal <head> szekciójába kell illesztened. WordPress esetén ezt közvetlenül a téma beállításaiban vagy egy plugin (pl. Insert Headers and Footers) segítségével teheted meg — Google Tag Manager használatával pedig még egyszerűbben.
  4. Ellenőrizd a kód működését. A Hotjar azonnal jelzi, ha a kód sikeresen fut az oldalon. A Hotjar Dokumentáció 2024-es verziója szerint az eszköz folyamatosan gyűjt adatot minden olyan oldalról, ahol a tracking kód aktív.
  5. Várj elegendő adatot, majd értelmezd az eredményeket. Legalább néhány száz, ideálisan 1 000 oldalmegtekintés után érdemes először megnézni a hőtérképeket — kisebb mintánál a minták még véletlenszerűek lehetnek.
  6. Vezess le konkrét optimalizálási következtetéseket. Például: ha a scroll map szerint a CTA-d az látogatók 70%-a által soha nem látott zónában van, helyezd feljebb, majd futtass A/B tesztet az új változattal.

A tracking kód beillesztése

A SEO Freelancer 2021-es Hotjar útmutatója és a Netfort 2020-as összefoglalója egyaránt hangsúlyozza: a scroll és kattintás hőtérképek tipikusan egyetlen tracking kód snippet hozzáadásával telepíthetők a weboldal <head> szekciójába, ez WordPress vagy más CMS esetén mindössze néhány percet vesz igénybe. Ez az alacsony belépési küszöb teszi a Hotjart különösen népszerűvé a magyar KKV-k körében.

Mennyit mutat a Hotjar ingyenes csomagja?

A Raccoon Lab 2023-as adatai szerint a Hotjar ingyenes „Basic” csomagja hőtérképenként akár 1 000 oldalmegtekintés adatait gyűjti össze, ami egy kis forgalmú KKV-oldal esetén statisztikailag már értékelhető mintát jelent. Ha naponta 50–100 látogatód van, kb. 1–3 héten belül elegendő adatot gyűjthetsz az első érdemi elemzéshez.

Tipikus hibák, amiket kerülj el

  • Túl kevés adaton alapuló döntések: Ha csak 50–100 megtekintés van a hőtérképen, az eredmény félrevezető lehet. Várj legalább 500–1 000 megtekintést.
  • Saját látogatásaid beleszámítása: IP-blokkolással zárj ki belső látogatásokat — különben a saját böngészési szokásaid torzítják az adatot. A 2024–2026-os nemzetközi útmutatók kiemelt figyelmet fordítanak erre a privacy-kompatibilis mérés részeként.
  • Érzékeny adatok rögzítése: Az űrlapmezőket (jelszó, bankadatok) mindig maszkold le a Hotjar beállításaiban — ez GDPR-szempontból is kötelező.
  • Egyszeri mérés, majd felejtés: A hőtérkép elemzés nem egyszeri feladat. A 7Blog 2026-os cikke szerint ma már a szabványos UX-kutatási és konverzió-optimalizálási folyamat részének számít, amelyet rendszeresen, iteratív módon kell futtatni.

Mit mondanak el a scroll map eredményei — és hogyan cselekedj?

A scroll map értelmezésekor az első és legfontosabb kérdés: hol van a „fold”? A fold az a pont, ameddig a látogató görgetés nélkül látja az oldalt — ez eszközönként (desktop, tablet, mobil) eltérő. A hőtérkép eszközök általában eszköztípusonként külön mutatják az adatokat, ami különösen fontos, ha a mobilos forgalmad magas.

A Nielsen Norman Group 2018-as kutatása szerint a felhasználók idejük 74%-át az első két képernyőn töltik. Ez azt jelenti, hogy az oldalad első két „képernyőnyi” tartalma viseli a legnagyobb felelősséget: itt kell a legfontosabb értékajánlatnak, bizalomépítő elemeknek és egy erős CTA-nak megjelennie.

Íme, hogyan értelmezd a scroll map főbb jelzéseit:

  • Meredek esés a fold közelében: A látogatók nagy része nem görget tovább. Ez azt jelenti, hogy az első képernyőd nem elég meggyőző — a főüzenet, a headline vagy a vizuális elemek nem tartják bent a figyelmet.
  • Fokozatos, egyenletes csökkenés: Egészséges görgetési minta. A tartalom lépésről lépésre vezeti a felhasználót lefelé.
  • Hirtelen ugrás egy közbenső szakasznál: Valami megtorpantja a görgetést — ez lehet egy zavaros szekció, egy lassan töltődő kép, vagy egy félrevezető design-elem.
  • CTA a „vak zónában”: Ha az ajánlatkérő gombod a látogatók 80%-a által soha nem látott területen van, az közvetlen bevételkiesést okoz. A megoldás: helyezd feljebb, vagy adj hozzá egy másodikat a fold közelébe.

A Hotjar 2023-as útmutatója konkrétan kiemeli: a hőtérkép elemzés különösen hasznos olyan oldalak esetén, ahol a konverzió (lead űrlap, ajánlatkérés, kosárba helyezés) egy hosszú landing page végén van — a scroll map alapján eldönthető, hogy érdemes-e a kulcselemeket feljebb helyezni. Ha a konverziós kalkulátorokkal már kiszámoltad, mennyibe kerül egy lead, akkor egy ilyen egyszerű változtatás azonnal mérhető bevételnövekedést hozhat.

Mit jelent ez a te vállalkozásod számára?

Ha KKV-t vezetsz Magyarországon, a hőtérkép elemzés három területen hoz azonnali hasznot:

  1. Főoldal optimalizálása: Hol „ejted el” a potenciális ügyfeleket? A scroll map és a click heatmap együtt megmutatja, hol veszíted el a látogatókat, és mit kell átrendezni.
  2. Termékoldal CTA-k és „Kosárba” gombok: Webshop esetén a scroll map megmutatja, hogy a vásárlást ösztönző gomb látható-e az átlagos felhasználó számára — vagy csak azok látják, akik végigolvassák az egész oldalt.
  3. Ajánlatkérő/kapcsolati űrlapok láthatósága: Ha az űrlapod a látogatók 80%-a számára rejtve van, az közvetlen lead-kiesést jelent. Egy egyszerű átrendezéssel drámaian javíthatsz az eredményeken.

Magyar KKV-k körében a Hotjar az egyik legelterjedtebb hőtérképes eszköz — részben a freemium modell, részben az egyszerű WordPress-integráció miatt. Több 2025–2026-os összehasonlító lista (pl. Guru99) szerint az ilyen no-code eszközök belépési küszöbe folyamatosan csökken, ma már percek alatt beüzemelheted. Ha szeretnéd tudni, hogyan illik ez bele egy komplex CRO-stratégiába, nézd meg a szolgáltatások oldalát.

Szakértői gondolatok a hőtérkép elemzésről

„A hőtérkép elemzés legnagyobb ereje nem abban van, hogy megmutatja, mit csinálnak a felhasználók — hanem abban, hogy megmutatja, mit nem csinálnak. A Nielsen Norman Group 2018-as kutatása szerint a felhasználók csupán 22%-a ér el egy oldal legaljára. Ez azt jelenti: ha a legfontosabb ajánlatod, lead-mágnesed vagy CTA-d a landing page alján van, a látogatók 78%-a soha nem találkozik vele. Egyetlen scroll map alapú átrendezés — a CTA feljebb helyezése, egy rövidebb intro-szekció — drámai konverziónövekedést hozhat, befektetés nélkül.”

„Ráadásul a Hotjar hőtérkép eszközöket ma már a scroll map megfigyelései közvetlenül összekapcsolhatók A/B tesztekkel: ha a heatmap alapján hipotézist állítasz fel (pl. ‘a CTA feljebb helyezése növeli az ajánlatkérések számát’), a teszt azonnal igazolja vagy cáfolja az elméletedet. Ez az iteratív, adatvezérelt szemlélet ma már a standard CRO-folyamat része.” — digitális marketing szakértő, suhajdatamas.hu

Gyakran ismételt kérdések

Mi az a hőtérkép elemzés, és miben segít egy magyar KKV-nak?

A hőtérkép elemzés egy vizuális módszer, amely színskálával mutatja meg, hogy a weboldalad látogatói hová kattintanak, meddig görgetnek, és hol töltik a legtöbb időt. Egy magyar kisvállalkozás számára ez azt jelenti: konkrét, vizuális bizonyítékot kapsz arról, hogy az ajánlatkérő gombod, a termékeid bemutatása vagy a főoldalad szerkezete valóban úgy működik-e, ahogy szeretnéd. A Netfort 2020-as összefoglalója szerint a hőtérkép elemzés kis technikai befektetéssel — pár soros kóddal — elérhető, és nem igényel UX-szakértőt a beállításhoz.

Hogyan állítom be a Hotjar heatmapet WordPress oldalon 2025-ben, és mennyi adat kell a megbízható eredményekhez?

A Hotjar beállítása WordPress oldalon mindössze néhány percet vesz igénybe: regisztrálj a Hotjar.com-on, másold ki a generált JavaScript kódot, majd illeszd be a weboldal <head> szekciójába (közvetlenül a téma szerkesztőjében, vagy egy plugin, pl. Insert Headers and Footers segítségével, de Google Tag Manager is használható). A Hotjar Dokumentáció 2024-es verziója szerint az eszköz automatikusan, folyamatosan gyűjt adatot minden olyan aloldalon, ahol a tracking kód fut. A Raccoon Lab 2023-as útmutatója szerint a Hotjar ingyenes Basic csomagja hőtérképenként 1 000 oldalmegtekintés adatát gyűjti — ez elegendő egy kis forgalmú KKV-oldal első érdemi elemzéséhez.

Hogyan értelmezzem a scroll map eredményeit, és hova helyezzem a CTA-t?

A scroll map százalékosan mutatja, hogy a látogatók hány százaléka görget el az oldal adott pontjáig. A „fold” az a határ, ameddig a látogató görgetés nélkül lát — ez eszközönként eltérő. A Nielsen Norman Group 2018-as adatai szerint a felhasználók idejük 57%-át a fold felett töltik, és csupán kb. 22%-uk ér el az oldal legaljára. Ha a CTA-d az oldal alsó harmadában van, és a scroll map szerint a látogatók 80%-a nem jut el odáig, azonnal helyezd feljebb — lehetőleg a fold közelébe vagy az első két képernyőn belülre. A Hotjar 2023-as útmutatója szerint a scroll heatmap pontosan ezt az elemzést teszi lehetővé, vizuálisan kiemelve a „fold vonal” helyzetét.

Elegendő-e a Hotjar ingyenes csomagja 2025-ben egy kis forgalmú magyar weboldal elemzéséhez?

Igen, kis forgalmú oldalak esetén az ingyenes Hotjar Basic csomag elegendő a kezdeti hőtérkép elemzéshez. A Raccoon Lab 2023-as útmutatója szerint a free csomag hőtérképenként akár 1 000 oldalmegtekintés adatait gyűjti össze, ami statisztikailag már értékelhető mintát jelent. Ha naponta 50–100 látogatód van, kb. 1–3 héten belül elegendő adatot gyűjthetsz az első következtetések levonásához. Nagyobb forgalom vagy több párhuzamos hőtérkép esetén a fizetős csomagok kínálnak magasabb korlátokat és fejlettebb funkciókat (pl. az újabb Attention Heatmaps funkció).

Mi a különbség a click heatmap és a scroll map között, és mikor melyiket használjam?

A click heatmap azt mutatja, hogy a látogatók hová kattintanak az oldalon — így azonosíthatók a „forró pontok” (pl. egy gomb, amelyre sokan kattintanak) és a „vak zónák” (ahol senki nem interaktál). A scroll map ezzel szemben azt mutatja, hogy a látogatók milyen mélyre görgetnek el az oldalon, hol esik vissza drasztikusan a figyelem. A kattintási hőtérképet akkor használd, ha tudni szeretnéd, hogy az interaktív elemeid (gombok, linkek, képek) valóban oda vonzzák-e a kattintásokat, ahová szánod. A scroll mapet akkor, ha azt szeretnéd megtudni, hogy az oldal különböző szekciói láthatók-e egyáltalán a látogatóid számára. A Hotjar 2023-as útmutatója szerint a kétféle hőtérképet együtt érdemes használni a teljes felhasználói viselkedés megértéséhez.

Milyen tipikus hibát követnek el a vállalkozók a hőtérkép elemzés beállításakor GDPR szempontjából?

A legtöbb vállalkozó elfeleji letiltani a saját látogatásait (IP-blokkolás), így a tesztelési böngészési szokásaik torzítják az adatot. Emellett kritikus hiba az űrlapmezők (jelszó, telefonszám, bankkártya-adatok) rögzítésének engedélyezése — ezeket a Hotjar beállításaiban maszkolt mezőként kell jelölni. A 2024–2026-os friss nemzetközi útmutatók kiemelik: a privacy-kompatibilis mérés részeként kötelező az IP-blokkolás, a cookie-hozzájárulás kezelése és az érzékeny mezők maszkolása. GDPR-szempontból az adatkezelési tájékoztatóban is szerepeltetni kell a hőtérkép eszköz használatát.

Összefoglalás és következő lépés

A hőtérkép elemzés az egyik legerősebb, mégis legkönnyebben hozzáférhető eszköz a konverzió-optimalizálás eszköztárában. Megmutatja, hogy a látogatóid valójában hogyan viselkednek az oldaladon — és ez az ismeret közvetlen, mérhető javuláshoz vezet: jobb elhelyezkedésű CTA-k, hatékonyabb landing page-ek, több ajánlatkérés. A Nielsen Norman Group 2018-as adatai szerint az oldalak felhasználóinak 78%-a soha nem jut el az oldal legaljára — és ha a legfontosabb üzeneted ott van, az láthatatlansági problémát jelent, nem design-kérdést.

A scroll map és a Hotjar heatmap beüzemelése perceket vesz igénybe, az eredmények pedig már néhány hét adatgyűjtés után értékelhetők. Ha szeretnéd, hogy a felhasználói viselkedés elemzése egy átfogó CRO-stratégia részévé váljon a vállalkozásodban, vedd fel velem a kapcsolatot a suhajdatamas.hu/kapcsolat oldalon — megmutatom, hogyan lehet a hőtérkép adatokból valódi, mérhető eredményeket kihozni.

Felhasznált források

]]>