Termal kartalar we klibi seljermek

1) Näme üçin ýylylyk kartoçkalary gerek?

Heatmaps (heatmaps) özüni alyp barşyny wizuallaşdyrýar: bu ýerde ulanyjylar kursoryň hereketini we nirä barýandygyny basýarlar. Bu iýerarhiýanyň gapma-garşylygyny, ýalan "basylýan" zolaklary, bannerleriň aşa gyzmagyny, "öli" bloklary we maksatly herekete barýan dar bokurdaklary (hasaba alyş, goýum, oýny başlamak, ýaryşa gatnaşmak) tapmagyň çalt usulydyr.

Esasy täsir: az çaklamalar - has köp faktlar. Aksentleri ýerleşdirmek boýunça kararlar hakyky özara gatnaşyklar esasynda kabul edilýär.

2) Ýylylyk kartlarynyň görnüşleri

1. Click Heatmap - basmagyň dykyzlygy: haýsy zolaklaryň ünsüni özüne çekýändigini, nirä basylýandygyny görkezýär.
2. Move Heatmap - kursoryň traýektoriýalary: iş stolundaky proxy-metrika.
3. Scroll Heatmap - örtügiň çuňlugy we "bukulma çyzygy": sahypanyň her segmentine ýeten ulanyjylaryň paýy.

4. Attention/Confetti - intensiwlik kartasy + A/B. çeşmeleri/enjamlary/wariantlary boýunça bölünişik

5. Rage Clicks - bir nokatda çalt basmak: lapykeçlik görkezijisi.
6. Dead Clicks - netijesiz basmak (geçiş/waka ýok).
7. Error Clicks - ýalňyşlyk bilen gutarýan basmalar (tassyklama, ulgam şowsuzlyklary).

3) Ýylylyk kartoçkalary aýratyn peýdaly bolan ýerlerde (iGaming-ssenariýalar)

Baş sahypa/Giriş: "gahrymany" we ýeke-täk P1-CTA barlamak.
Oýunlaryň katalogy: gözleg/süzgüçleriň görünmegi, nyşanlara basmak, "ýalan" kartoçka zolaklary.
Oýun sahypasy: "Indi oýnamak" bäsleşigi vs ikinji derejeli hereketler (demo, saýlanan).
Kassa (goýum/aýyrmak): maslahatlar boýunça dead-klişler, komissiýalara/çäklere ünsi jemlemek.
Ýaryşlar/aksiýalar: düzgünler, taýmerler, tablisa setirler, baýraklar boýunça basmalar.
Jogapkär oýun: çäklere ýetmek we şowsuzlyklaryň ýygylygy.

4) Termiki kartlar üçin metrikler we KPI

Zonanyň CTR = Zonada/Zonanyň görkezilişi.
Scroll Depth p50/p90 - orta we ýokary çuňluk.
Time in View - segmentiň ortaça görünýän wagty.
Rage Click Rate = Bir sebitde/ähli sessiýalarda 1-2 sekuntda ≥ 3 basylýan sessiýalar.
Dead Click Share = netijesiz basmak/ähli basmak.
Mis-Click Distance - basmagyň zolagyndan iň ýakyn interaktiw elemente çenli aralyk ("ýalan affordance" görkeziji).
Click Shift After Change - B.
Line-of-Fold Coverage - bukulma çyzygyndan ýokary bolan esasy CTA-laryň paýy.

Iş baglanyşygy: FMC, TTV, Success Rate we kassadaky öwrümler bilen görkezijileri baglanyşdyryň.

5) Maglumatlary sazlamak we ýygnamak: tejribe

Enjamlar boýunça segmentasiýa: desktop/mobile aýratyn (kursoryň hereketleri ykjam hereketlere degişli däl).
Çeşmeleriň bölekleri: organika, paid, salgylanma, "VIP/täze".
Ssenariler/sahypalar: baş, katalog, oýun, kassa, paýnamalar.
Sampling: 10-30% traffik durnukly surat üçin, has köp - seýrek ssenariýalar üçin ýeterlikdir.
Фрейм событий (data layer): фиксируйте `click_target`, `component_id`, `is_interactive`, `click_outcome` (success/fail/none), `ui_state` (hover/focus/disabled), `variant` (A/B), `segment` (new/returning/VIP).
Botlary blokirlemek: user-agent süzgüçleri + özüni alyp baryş ewristikalary (aşa çalt skroll, adamkärçiliksiz nagyşlar).
Zonalaryň emele gelmegi: semantik selektorlara esaslanýar ('data-heatmap = "hero-cta' ') - CSS synplaryna garanyňda has durnukly.
Görüniş ýagdaýlary: Sticky-şlýapalary/ýüzýän CTA-lary göz öňünde tutuň (ýogsam ýoýulmalar).

6) Gizlinlik we gabat gelmek

Şahsy maglumatlary (girizilýän gymmatlyklary, kartlary, resminamalary) ýazga geçirmeýäris.
Formalaryň, söhbetdeşlikleriň, gapjyklaryň meýdanlaryny gizleýäris.
Cookie we treking opt-in/opt-out opsiýalary; DNT we ýerli düzgünlere hormat goýmak.
IP/ID adynyň aýdylmazlygy we sessiýalaryň saklanylmagyny çäklendirmek.
Giriş ýazgylary: sessiýa ýazgylaryna kim tomaşa edýär we näme üçin.

7) Düşündiriş: nädip ýalňyşmaly däl

Basmak gyzyklanma ≠. Basmak bulaşyklygyň netijesi bolup biler (dead/rage) - outcome barlaň.
Banneriň gyzgyn zolagy hemişe gowy däl: P1-iň ünsüni "iýip" biler.
Sowuk bloklar hökman erbet däl: bu P4 salgylanma/SEO mazmuny bolup biler.
Mutlak ýylylyk kartlaryny däl-de, "öň/soň" we "A/B" deňeşdiriň.
Traýektoriýa serediň: ilkinji basmagyň nirede, P1-e (wagt-P1) näçe çalt ýetýär.

8) Adaty meseleleriň diagnostikasy

Oýun kartoçkasynda ýokary Rage Click Rate → basylmaýan sebite basmaga garaşmak → hit-area giňeltmek, ähli kartoçkany basmak ýa-da hereketsiz ýerleri wizual bölmek.
Nyşanlarda/nyşanlarda Dead Clicks → hereket goşmak ýa-da "basylýan" stili aýyrmak.
Scroll Depth-den CTA-a çenli şowsuzlyk → CTA-ny ýokary göteriň, labyr/ýelmeýän blok goşuň.
Bannerlere basmak → wizual agramy azaltmak, animasiýalary çäklendirmek, ileri tutulýan ugurlary anyklamak.
Gözleg üçin ýokary basylanda pes CTR süzgüçleri → süzgüçleriň tertibini/ýagtylygyny üýtgetmek, çalt presetler bermek.

9) A/B we huni bilen integrasiýa

• "Eger hit-area kartoçkalaryny 160 × 200-den full-karta çenli artdyryp, wizual affordance goşsaňyz, onda" Dead Click Share "30% peseler, oýny başlamak üçin FMC 8-12% öser."
• Her bir çaklama üçin maksatly UX-metrikleri (Rage/Dead/Scroll) we iş metriklerini (FMC, TTV, depozit öwrülişigi) baglanyşdyryň.
• A/B-ni iki şahada hökmany ýylylyk kartasy bilen işe giriziň: Click Shift we "syzmak".

10) UX toparynyň daşbordy

• Heatmap Overview: iň ýokary ekranlar, soňky 7/28 gün, enjamlar boýunça split.
• Attention vs Outcome: Ýokary basma we pes basma zolaklary.
• Rage/Dead Trend: sahypalaryň görnüşleri boýunça dinamika.
• Scroll Depth Funnel: Esasy bloklaryň gazananlarynyň paýlary.
• Click Shift After Release: esasy zolaklar boýunça "öň/soň" deňeşdirme.
• VIP vs New Users: üns patternleriniň tapawudy.

11) Tehniki jikme-jiklikler (durmuşa geçirmek boýunça teklipler)

• `data-heatmap-zone="hero-cta"`, `data-heatmap-zone="game-card"`, `data-heatmap-zone="cashier-primary"`.

• `ui_click: { zone, component_id, is_interactive, outcome, variant, device, page, ts }`
• Analitika bilen baglanyşyk: A/B platformasyndan 'session _ id '/' user _ bucket' geçiriň (PII-siz).
• Zolaklaryň durnuklylygy: Tıklamalary "bulaşdyrmazlyk" üçin gyzlaryň düwünlerinde heatmap belliklerini miras almagy gadagan ediň.

12) Ýylylyk kartlary boýunça auditiň çek-sanawy

1. Esasy ekranlarda bukulma çyzygyndan ýokary bolan ýeke-täk P1 barmy?
2. Rage Click Rate <maksat çäkleri (mysal üçin 1,5%)?
3. Kartoçkalar boýunça Dead Clicks paýy <X% (maksatly koridor beriň)?
4. Scroll Depth p50 offer/STA bilen bloka ýetýärmi?
5. Click-Outcome Matrix barmy?
6. Mobile/desktop we trafik çeşmeleri göz öňünde tutulýarmy?
7. Ähli meýdanlar we duýgur zolaklar gizlenýärmi?
8. Soňky goýberilişler we A/B üçin "öň/soň" guruldy?
9. Gyzgyn bannerler üçin P1-den göçürilen CTR barlandy?
10. P1-P3 ileri tutulýan düzediş hereketleri düzüldi we başlandy?

13) Anti-patternler

Sahypany konwersiýa konteksti bolmazdan bir ýylylyk kartasy boýunça bahalandyrmak.
Jübi we desktop maglumatlary garyşdyryň.
Çylşyrymly ekranlarda <200 sessiýadan netije çykarmak.
Dead/rage-i äsgermezlik ediň, diňe "owadan" kartany görüň.
Köne DOM-yň üstünde ýylylyk kartasyny goýuň (gaýtadan işlenenden soň selektorlar göçdi).

14) Wezipeleriň ileri tutulmagy we resmileşdirilmegi

• Mesele: "Oýun kartoçkalarynyň nyşanlarynda ýokary Dead Click Share (18%)".
• Sebäbi (çaklama): "Nyşan düwme ýaly stilleşdirildi; hereket ýok".
• Karar: "Nyşanlary wizual taýdan hereketsiz etmek ýa-da "nyşana süzmek" hereketini baglanyşdyrmak".
• Garaşylýan täsir: "− 50% dead-clicks, + 5% FMC".
• Kabul etmegiň ölçegleri: daşbordda ölçelýän metrikleriň çäkleri.

15) Ýygy-ýygydan soraglar

Hemişe ýyladyş kartoçkalaryny açmak zerurmy? - Esasy ýollarda hawa; gulluk - sampl boýunça.
Move-kartlara ynanyp bolarmy? - Diňe gytaklaýyn signal hökmünde (diňe desktop).
Has möhüm zat: kliklemek ýa-da skroll? - Ekrana bagly; lending üçin bukulma çyzygy, kassa üçin - basma netijeleri möhümdir.

16) TL; DR

Termal kartalar - interfeýsiň çalt wizual "rentgen". Diňe "gyzgyn ýerde" däl, eýsem nädip gutarýandygyny hem görüň: dead/rage/ýalňyşlyklar. Bölüň, A/B we iş metriklerine baglaň, düzediş hereketlerini ýazga alyň. Esasy zat az ses, öwrülişikleri ýokarlandyrmak üçin has köp signal.