Termal kartlar və kliklərin analitikası

1) istilik kartları nə üçün lazımdır

İstilik kartları (heatmaps) davranışları vizuallaşdırır: istifadəçilər kursoru necə hərəkət etdirdiklərini və necə hərəkət etdiklərini tıklayırlar. Bu hiyerarxiya münaqişə aşkar etmək üçün sürətli bir yoldur, saxta «klikabel» zonaları, həddindən artıq qızdırma bannerləri, «ölü» bloklar və dar boğazlar hədəf hərəkət yolu (qeydiyyat, depozit, oyunun başlaması, turnirdə iştirak).

Əsas təsir: daha az fərziyyə - daha çox faktlar. Aksentlərin yerləşdirilməsi ilə bağlı qərarlar real qarşılıqlı əlaqə əsasında qəbul edilir.

2) İstilik kartlarının növləri

1. Click Heatmap - kliklərin sıxlığı: hansı zonaların diqqəti cəlb etdiyini, aktiv olmayan elementlərə klikləndiyini göstərir.
2. Move Heatmap - kursor trayektoriyaları: masaüstü diqqət proxy metrikası.
3. Scroll Heatmap - skrolun dərinliyi və «bükülmə xətti»: səhifənin hər seqmentinə çatan istifadəçilərin payı.

4. Attention/Confetti - intensivlik xəritəsi + mənbə/cihaz/A/B variantlarına görə parçalanma

5. Rage Clicks - bir nöqtədə sürətli klik seriyası: üzülmə göstəricisi.
6. Ölü Clicks - nəticəsiz klik (keçid/hadisə yoxdur).
7. Error Clicks - xəta ilə bitən klik (validasiya, şəbəkə uğursuzluqları).

3) istilik kartları xüsusilə faydalı olduqda (iGaming ssenariləri)

Ev/Açılış: «qəhrəman» və tək P1-CTA yoxlama.
Oyun kataloqu: axtarış/filtr görünürlüyü, nişan klikləri, «saxta» kart zonaları.
Oyun səhifəsi: rəqabət «İndi oyna» vs ikincil hərəkətlər (demo, seçilmiş).
Kassa (depozit/çıxarış): ipuçlarına görə dead klik, komissiyalara/limitlərə diqqət yetirin.
Turnirlər/aksiyalar: qaydalara, taymerlərə, cədvəl sətirlərinə, mükafatlara klik edin.
Məsuliyyətli oyun: limitlərin çatması və uğursuzluq tezliyi.

4) İstilik kartları üçün metriklər və KPI

Click Shift After Change - B buraxılışından/variantından sonra fokusun yerdəyişməsi

CTR Zone = Zone/Zone Display klikləri.
Scroll Depth p50/p90 orta və yüksək dərinlikdir.
Time in View - seqmentin orta görünmə müddəti.
Rage Click Rate = bir sahədə/bütün seanslarda 1-2 saniyədə ≥ 3 klik ilə sessiyalar.
Dead Click Share = nəticəsiz klik/bütün klik.
Mis-Click Distance - klik zonasından ən yaxın interaktiv elementə qədər olan orta məsafə («saxta affordance» göstəricisi).
Line-of-Fold Coverage - bükülmə xəttindən yuxarı olan əsas CTA-ların payı.

İş bağlantısı: FMC, TTV, Success Rate və kassadakı dönüşümlərlə göstəriciləri korrelyasiya edin.

5) Konfiqurasiya və məlumatların toplanması: təcrübə

Cihazlar üzrə seqmentasiya: ayrı-ayrılıqda desktop/mobile (kursor hərəkətləri mobil hərəkətlərə aid deyil).
Mənbə bölmələri: üzvi, paid, referans, «VIP/yeni».
Ssenarilər/səhifələr: ev, kataloq, oyun, kassa, promosyonlar.
Sampling: 10-30% trafik sabit şəkil üçün kifayətdir, daha çox - nadir ssenarilər üçün.
Фрейм событий (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).
Botların bloklanması: user-agent filtrləri + davranış evristikaları (super sürətli skroll, qeyri-insani nümunələr).
Zonaların generasiyası: semantik selektorlar əsasında ('data-heatmap = "hero-cta' ') - CSS siniflərindən daha sabitdir.
Görünürlük vəziyyətləri: sticky-papaqlar/üzən CTA (əks halda təhrif) nəzərə alın.

6) Gizlilik və uyğunluq

Şəxsi məlumatları (daxil edilən dəyərlər, kartlar, sənədlər) qeyd etmirik.
Formalar, söhbətlər, cüzdanlar sahələrini maskalayın.
Cookie və tracking opt-in/opt-out variantları; DNT və yerli qaydalara hörmət.
IP/ID anonimləşdirilməsi və seansların saxlanmasının məhdudlaşdırılması.
Giriş jurnalları: seans qeydlərinə kim baxır və niyə.

7) Şərh: səhv etməmək üçün necə

Klik maraq ≠. Klik qarışıqlığın nəticəsi ola bilər (dead/rage) - outcome yoxlayın.
Bannerin isti zonası həmişə yaxşı deyil: bəlkə də P1-in diqqətini «yeyir».
Soyuq bloklar mütləq pis deyil: P4 referans/SEO məzmunu ola bilər.
Mütləq istilik kartları deyil, «əvvəl/sonra» və «A/B» müqayisə edin.
Trayektoriyaya baxın: ilk klik harada, P1-ə nə qədər tez çatır (time-to-P1).

8) Tipik problemlərin diaqnostikası

Oyun kartında yüksək Rage Click Rate → klik işlənməyən sahəyə klik gözləmək → hit-area genişləndirmək, bütün kartı klikləmək və ya qeyri-aktiv sahələri vizual olaraq ayırmaq.
nişanlar/nişanlar Dead Clicks → hərəkət əlavə və ya «clickable» stil aradan qaldırılması.
CTA → CTA yuxarıda hərəkət Scroll Depth uğursuzluq, lövbər/yapışqan blok əlavə.
Bannerlərə klik → vizual çəkini azaltmaq, animasiyaları məhdudlaşdırmaq, prioritetləri aydınlaşdırmaq.
Axtarışa yüksək tıklamalarla aşağı CTR filtrləri → filtrlərin sırasını/parlaqlığını dəyişdirin, sürətli presetlər verin.

9) A/B və huni ilə inteqrasiya

• «Əgər hit-area kartlarını 160 × 200-dən full-karta qədər artırıb vizual affordance əlavə etsəniz, Dead Click Share 30% azalacaq və oyunun başlamasında FMC 8-12% artacaq.»
• Hər bir fərziyyə üçün hədəf UX metrikasını (Rage/Dead/Scroll) və biznes metrikasını (FMC, TTV, depozit dönüşümü) bağlayın.
• Hər iki filialda məcburi istilik kartı ilə A/B-ni işə salın: Click Shift və «sızma» diqqətini qiymətləndirin.

10) Dashboard komanda UX

• Heatmap Overview: üst ekranlar, son 7/28 gün, cihazlar üzrə split.
• Attention vs Outcome: yüksək klik və aşağı outcome ilə zonalar.
• Rage/Dead Trend: səhifə növlərinə görə dinamika.
• Scroll Depth Funnel: Əsas blokların nailiyyətlərinin payları.
• Click Shift After Release: əsas zonalar üzrə «əvvəl/sonra» müqayisə.
• VIP vs New Users: diqqət nümunələri fərqləri.

11) Texniki detallar (tətbiqi tövsiyələr)

• `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 ilə əlaqə: A/B platformasından 'session _ id '/' user _ bucket' (PII olmadan).
• Zonaların sabitliyi: klikləri «bulandırmamaq» üçün qızlar qovşaqlarında heatmap etiketlərini miras almağı qadağan edin.

12) İstilik kartları üzrə audit yoxlama siyahısı

1. Açar ekranlarda bükülmə xəttinin üstündə yeganə P1 varmı?
2. Rage Click Rate <hədəf həddi (məsələn, 1,5%)?
3. Dead Clicks Pay <X% (hədəf dəhliz təyin)?
4. Scroll Depth p50/STA ilə bloka çatır?
5. Click-Outcome Matrix var (click → keçid/hadisə/səhv/heç bir şey)?
6. mobile/desktop və trafik mənbələri fərqləri nəzərdən?
7. Bütün sahələr və həssas zonalar maskalanır?
8. Son buraxılışlar və A/B üçün «əvvəl/sonra» inşa?
9. İsti bannerlər üçün P1-də sıxışdırılmış CTR yoxlanıldı?
10. P1-P3 prioriteti ilə düzəliş hərəkətləri formalaşdırılıb?

13) Anti-nümunələr

Səhifəni dönüşüm konteksti olmadan bir istilik kartı ilə qiymətləndirin.
Mobil və masaüstü məlumatları qarışdırın.
Mürəkkəb ekranlarda <200 seans nəticə çıxarmaq.
dead/rage görməməzlikdən, yalnız «gözəl» kart baxın.
Köhnəlmiş DOM-un üstünə istilik kartı qoyun (yenidən dizayndan sonra selektorlar köçdü).

14) Vəzifələrin prioritetləşdirilməsi və rəsmiləşdirilməsi

• Problem: «Oyun kartı nişanlarında yüksək Dead Click Share (18%)».
• Səbəb (fərziyyə): "Nişan düymə kimi stilizə olunur; heç bir hərəkət".
• Qərar: «Nişanları vizual olaraq qeyri-aktiv edin və ya «etiketlə süzün» hərəkətini bağlayın».
• Gözlənilən effekt: «− 50% dead klikləri, + 5% FMC oyun başlamaq üçün».
• Qəbul meyarları: daşbordda ölçülən metrik hədlər.

15) Tez-tez suallar

Həmişə istilik kartlarını işə salmaq lazımdırmı? - Əsas yollarda bəli; xidməti - sample.
move-kartlara etibar etmək olarmı? - Yalnız dolayı siqnal kimi (yalnız masaüstü).
Daha vacib olan: klik və ya ekran? - Ekrandan asılıdır; lendinq üçün bükülmə xətti vacibdir, kassa üçün - klik nəticələri.

16) TL; DR

İstilik kartları - sürətli vizual «rentgen» interfeysi. Yalnız «harada isti» deyil, həm də nə ilə bitir: dead/rage/səhvlər. Segmentləşdirin, A/B və biznes metriklərinə bağlayın, düzəliş hərəkətlərini düzəldin. Əsas odur ki, daha az səs-küy, dönüşümləri artırmaq üçün daha çox siqnal.