Microsoft Clarity: hőtérképek és látogatói felvételek

1. Így kezdj hozzá Demona weboldalon

1. Nyisd meg a clarity.microsoft.com oldalt, jelentkezz be, és hozz létre egy projektet a weboldalad nyilvános címével.
2. A Demona Beállítások → Marketing → Mérés részében add meg a Google Tag Manager tárolóazonosítóját (GTM-…). Ha a tárolót statisztikai célú méréshez használod, állítsd a megfelelő hozzájárulási kategóriára.
3. A Clarity Settings → Setup részében válaszd a Google Tag Manager-integrációt, és a megfelelő tárolóba telepítsd a Clarity taget. A GTM-ben ellenőrizd a tag aktiválási és hozzájárulási feltételeit, majd publikáld a tárolót.
4. Kapcsold be és konfiguráld a Demona sütisávját. Privát böngészőablakban ellenőrizd az elutasítás és az elfogadás utáni viselkedést, majd nézd meg, érkeznek-e tesztadatok a Claritybe.

Fontos: a Clarity hagyományos beillesztőkódja inline JavaScriptet is tartalmazhat. A Demona egyéni <head> mezője ezt biztonsági okból nem fogadja el. Ezért a GTM-es megoldást javasoljuk, a saját hozzájárulási beállítások gondos tesztelésével. A Demona részleteiről lásd: Mérés és analitika.

2. Hőtérképek: hová kattintanak és meddig görgetnek?

• Kattintási hőtérkép (Click map): mely részekre kattintanak gyakran? Ha sok kattintás ér egy nem kattintható képet, érdemes egyértelműbbé tenni a felületet.
• Görgetési hőtérkép (Scroll map): meddig jutnak le az oldalon? Ha a fő ajánlat vagy a kapcsolatfelvételi gomb csak kevesekhez jut el, kerüljön előrébb.
• Eszközök szerinti nézet: más lehet a mobilos látogatók mintázata, mint az asztaliaké. A két nézetet külön vizsgáld.

Példa: egy szolgáltatásoldalon a látogatók többnyire a fő árblokknál abbahagyják a görgetést, miközben az ajánlatkérő gomb legalul van. Első kísérletként tedd a gombot az árblokk közelébe, majd nézd meg, javul-e a kapcsolatfelvétel.

3. Munkamenet-felvételek: értsd meg az elakadást

A Recordings nézetben egy látogatás lépéseit tudod visszanézni: görgetések, kattintások, oldalváltások. Az érzékeny mezőket és tartalmakat a Clarity maszkírozással védheti, de a beállításait mindig ellenőrizd, különösen űrlapoknál.

Ne egyetlen szokatlan felvétel alapján alakítsd át az oldalt. Keress visszatérő mintákat több munkamenetben: valaki újra és újra hiába kattint, visszafordul egy űrlapnál, vagy nehezen találja meg az elérhetőséget. Ezeket érdemes egy rövid, saját eszközön végzett használhatósági teszttel is megerősíteni.

4. Melyik három jelre figyelj először?

• Rage clicks: ismételt, gyors kattintások egy helyen. Utalhatnak arra, hogy a látogató mást várt a felülettől.
• Dead clicks: kattintás, ami nem vált ki látható műveletet. Ellenőrizd, hogy a látogató valóban egy gombnak nézett-e valamit.
• Gyors visszafordulás vagy kevés görgetés: lehet, hogy az oldal teteje nem válaszolja meg a látogató kérdését – de lehet az is, hogy azonnal megtalálta, amit keresett.

A Clarity jelzései vizsgálatra érdemes helyeket mutatnak, nem automatikus bizonyítékot arra, hogy valami hibás.

5. Egy egyszerű javítási kör

1. Válassz ki egy fontos oldalt, például szolgáltatásleírást vagy ajánlatkérő oldalt.
2. Nézd meg a mobilos hőtérképet és néhány releváns felvételt.
3. Fogalmazz meg egy konkrét problémát: „A kapcsolatfelvételi gombot kevesen látják.”
4. Változtass egy dolgon a Demona szerkesztőjében, például a gomb helyén vagy a címen.
5. Gyűjts új adatot, és hasonlítsd össze a korábbi időszakkal. Kis forgalomnál különösen óvatosan értelmezd az eredményt.

Adatvédelem: vizsgáld meg a Clarity Masking beállításait, ne gyűjts szükségtelen személyes adatokat, és a felvételeket csak a megfelelő munkatársakkal oszd meg. A Microsoft a 18 év alattiakat célzó webhelyekhez nem javasolja a Clarity használatát.

A számok oldaláról a Google Analytics 4 útmutató egészíti ki ezt a képet.