Isı Haritaları ve Oturum Kayıtları: Hotjar ve Clarity Sitenizi Nasıl Açıklar

Dönüşüm sorununu analiz ediyorsunuz, ama GA4 size yalnızca kullanıcıların bıraktığını söylüyor – neden bıraktığını asla. Isı haritaları ve oturum kayıtları tam burada devreye girer. Ziyaretçinin gerçek davranışına anahtar deliğinden bakmak gibidir: her tıklama, her kaydırma, her sinir krizi gerçek zamanlı görünür hâle gelir. Hotjar ve Microsoft Clarity gibi araçlar sezgiyi veri odaklı tasarım kararına dönüştürür – ücretsiz veya uygun maliyetli, ama yalnızca doğru okunduğunda. Hannover'deki ilk müşterilerimizde aynı kalıbı görüyoruz: ısı haritası kurulmuş, bir kez bakılmış, bir daha açılmamış. Bu boşa yakılmış paradır.

Bu rehberde ısı haritaları ve oturum kayıtları için tam Storyable metodolojisini bulacaksınız: Click-, Move- ve Scroll-Map'lerin gerçekte ne gösterdiği, Session Replay'leri saatler süren video izlemeden verimli okumak, Hotjar ve Microsoft Clarity'nin sahada nasıl ayrıştığı, 2026'da KVKK ve GDPR'ın gerçekten ne istediği – ve her içgörüyü dönüşüm oranınızı hemen hareketlendirecek somut tasarım aksiyonlarına nasıl çevireceğiniz.

Isı Haritaları Gerçekte Ne Gösterir: Click-, Move- ve Scroll-Map'i Doğru Okumak

Isı haritası, çok sayıda oturum boyunca biriken kullanıcı etkileşimlerinin renkli özetidir. Kırmızı yüksek aktiviteyi, mavi sessizliği işaret eder. Basit gibi görünür ama değildir. Üç tip ısı haritası vardır ve bunları karıştırmak yanlış sonuçlara, dolayısıyla yanlış optimizasyona yol açar.

Click-Map: Kullanıcı Gerçekten Nereye Tıklıyor?

Click-Map her tıklamayı ve dokunuşu gösterir. En kritik bulgu nereye tıklandığı değil, tıklanabilir öğe olmadığı hâlde nereye tıklandığıdır. Hero görseliniz hotspot oluşturuyor ama arkasında bağlantı yoksa, fonksiyonsuz bir görsel iddia (affordance) yaratmışsınız demektir – klasik bir UX hatası. Aynı derecede acımasız: parlak kırmızı yerine soluk camgöbeği butonlar. Görünmezler. Click-Map bu sessiz dönüşüm katillerini saniyeler içinde açığa çıkarır – tabii yeterli veri toplandıysa.

Move-Map: Gözün İzi

Move-Map fare hareketini izler – masaüstünde göz akışına şaşırtıcı derecede yakın bir ölçümdür, çünkü kullanıcıların yaklaşık yüzde 70'i imleci okuma yönünde gezdirir. Move-Map'ler F-Pattern ve Z-Pattern düzenlerinizin gerçekten gözle takip edilip edilmediğini sınamak için harikadır. Dikkat: mobilde Move-Map yoktur – dokunmatik mantığında anlamsızdır. Mobile-first düşünenler (ki düşünmelisiniz) bunun yerine birleşik Click ve Scroll haritalarına bakar.

Scroll-Map: En Önemli Isı Haritası

Scroll-Map, kullanıcıların sayfada ne kadar derine indiğini gösterir. Ziyaretçilerinizin yüzde 50'sinin ayrıldığı kıvrım, "kaydırma uçurumu"dur. En önemli CTA'nız bu uçurumun altındaysa, trafiğinizin yarısı onu hiç görmez. Hannover'daki denetimlerimizde gördüğümüz tek başına en sık hata budur – kötü metinden ya da çirkin tasarımdan çok daha sık. Çözüm çoğu kez kaydırma uçurumunu sistematik biçimde yukarı çeken titiz bir A/B test odaklı dönüşüm optimizasyonu sürecinde yatar.

Oturum Kayıtları: Tahmin Etmeden Gerçek Davranışı İzlemek

Isı haritaları toplamı gösterir – oturum kayıtları bireyi gösterir. Bir kullanıcı oturumunun anonimleştirilmiş videolarıdır: fare hareketi, tıklamalar, kaydırmalar, klavye girdileri, sekme değişimleri. Gerçek bir ziyaretçinin sayfanızla nasıl güreştiğini izlersiniz. Bu, beyaz tahta üzerindeki herhangi bir Customer Journey haritasından çok daha güçlüdür.

Kayıtları Verimli İzlemek (50 Saatlik Video Yakmadan)

Yüzlerce oturumu peş peşe izleyecek vakti kimsenin yok. Storyable yöntemi:

1. Agresif filtreleyin. Yalnızca Rage Click, Dead Click, aşırı kaydırma, dönüşüm olmadan uzun süre veya form terki içeren oturumlar. Her iki araç da bu filtreleri yerel olarak sunar.
2. 2x hızda izleyin. Çoğu kayıt hızlı modda hâlâ analiz edilebilir.
3. Anomalilere atlayın. Hotjar ve Clarity, hayal kırıklığı sinyallerini zaman çizelgesinde işaretler. Doğrudan oraya gidin.
4. Aksiyon değil hipotez yazın. 5-10 oturum sonrasında kalıplar belirir. Hipotezler ancak o zaman A/B testleri için olgunlaşır.

Form Terk Kayıtları: Saf Altın

İletişim ve checkout formlarında kayıtlar, içgörüye giden en kısa yoldur. Kullanıcının hangi alanda saniyesi saniyesine kopuş yaşadığını görürsünüz – yani en kötü UX'e sahip alanı. Sık şüpheliler: artı işaretini reddeden telefon doğrulamaları, beklenmedik şekilde ülke isteyen posta kodu alanları, mobilde kullanılamaz hâle gelen tarih seçiciler. Formları ciddiye alanlar, Multi-Step formların dönüşüm çözümü olduğu rehberimizi okumalı – kayıtlar bu rehberde en keskin doğrulama silahıdır.

Isı Haritaları ve Oturum Kayıtlarından Çıkan En Yaygın 5 İçgörü

Yüzlerce Storyable denetiminde her zaman aynı top problemleri görüyoruz. Bu beş kalıbı tanıyan, ilk taramada dönüşüm sızıntılarının yüzde 80'ini bulur.

1. Rage Click – Hayal Kırıklığı Sinyali

İki saniyenin altında aynı öğeye üç veya daha fazla tıklama. Sebepler: buton gibi görünen tıklanamayan görseller, geri bildirim vermeyen CTA'lar, ağır JavaScript handler'ları, bozuk form gönderimleri. Microsoft Clarity Rage Click'leri otomatik tanır ve kendi filtre sınıfı olarak sunar.

2. Dead Click (Ölü Bağlantılar)

Hiçbir şey tetiklemeyen tıklamalar. Klasik örnek: link gibi görünen ama statik olan hero banner. Veya hover durumu olmayan bir ikon. Çözüm: ya tıklanabilir hâle getirin ya da görsel cazibesini düşürün, sinyal vermesin.

3. Yanlış Yerde Kaydırma Kopuşları

Kullanıcılarınızın yüzde 60'ı CTA'nızdan hemen önce kayboluyorsa, sorun CTA değil – öncesindeki içeriktir. Çoğunlukla: çok fazla metin, az görsel mola, eksik gerilim eğrisi. Web tasarımında satış psikolojisi makalesi, kaydırma derinliğini hedefli biçimde artıracak kaldıraçları sunar.

4. Yok Sayılan CTA'lar (Banner Blindness)

Click-Map gösteriyor: birincil CTA'nız neredeyse hiç tıklanmıyor, ama üç satır üstündeki ikinci sınıf bir bağlantı tıklanıyor. Klasik banner körlüğü. Sebepleri neredeyse her zaman kontrast (buton zeminde kayboluyor), konum (otopilot kaydırma alanı olan hero'da çok yukarıda) veya metin ("Daha Fazla Bilgi" yerine fayda odaklı bir cümle).

5. Mobile'a Özgü Hatalar

44 × 44 piksel altında dokunma hedefleri, CTA'yı örten yapışkan öğeler, hatalı viewport değerlerinden kaynaklanan yatay kaydırma. Mobil kayıtlar masaüstü tarayıcıda asla görünmeyen bu hataları açığa çıkarır.

Microsoft Clarity vs. Hotjar: Gerçekten Hangisi Değer?

Her iki araç da sağlam. Seçim bütçeye, veri hacmine ve CRO sürecinizin olgunluğuna bağlı.

Net tavsiye: Yeni başlıyorsanız Clarity ile başlayın. Ücretsizdir, veri olarak yeterlidir ve performans etkisi en düşüktür. Ekibiniz aktif olarak Survey, Funnel ve A/B odaklı CRO süreçleri yürütüyorsa Hotjar değer kazanır. Storyable olarak çoğu web tasarım ve E-Ticaret projemizde Clarity'yi varsayılan olarak kuruyoruz.

2026'da KVKK ve GDPR Uyumlu Kurulum: Tavsiye Değil, Zorunluluk

Isı haritaları ve oturum kayıtları, kişisel ad saklamasalar bile kişisel veri işleme sayılır. Fare hareketleri, yazma kalıpları ve tıklama dizileri davranışsal veridir; dolayısıyla GDPR ve KVKK kapsamındadır. Almanya'daki Veri Koruma Konferansı (DSK) 2025'te netleştirmiştir: izin yoksa izleme yok, DPA yoksa işleme yok.

5 Zorunlu Adım

1. Script yüklemeden önce çerez onayı. İzleme scripti yalnızca onaydan sonra yüklenebilir. Cookiebot, Usercentrics veya kendi banner'ınız her iki aracı da yerel olarak entegre eder.
2. IP anonimleştirme aktive edin. Araç ayarlarında zorunludur. Clarity'de varsayılan açıktır, Hotjar'da açıkça etkinleştirmeniz gerekir.
3. Hassas verilerin maskelenmesi. Form alanları, adresler, kişisel veriler – hepsi varsayılan olarak maskelenmeli. Her iki araç da CSS sınıfı tabanlı whitelist ve form için otomatik tespit sunar.
4. Veri İşleyici Sözleşmesi (DPA). Her iki sağlayıcı da elektronik onayla imzalanabilen standart DPA sağlar. DPA olmadan ortak sorumluluk taşır ve şahsen sorumlu olursunuz.
5. Gizlilik politikasını güncelleyin. Aracın somut adı, işleme amacı, saklama süresi, hukuki dayanak (Consent için GDPR md. 6/1-a, KVKK md. 5/1), üçüncü ülke transferine dair açıklama (Hotjar için ABD, Clarity için Microsoft).

İçgörüden Aksiyona: Heatmap Verisini Tasarım Kararına Çevirmek

Kurulumdan sonra en sık yapılan hata: veriye bakmak, "ilginç" demek, hiçbir şey yapmamak. Veri odaklı tasarım, her içgörünün belgelenmiş bir süreçle bitmesi demektir. Storyable akışı:

Adım 1 – Hipotez Yaz

Her anormallik için tek bir hipotez şu formatta: "X değişikliğini uygularsak, Y metriği Z beklenen değer kadar artar; çünkü psikolojik gerekçe." Örnek: "Birincil CTA'yı hero'da 6. sıradan 2. sıraya alırsak, tıklanma oranı yüzde 25 artar; çünkü mobil kullanıcıların yüzde 50'si mevcut konumu hiç görmüyor."

Adım 2 – Üçleme ile Doğrulama

Asla tek bir veri kaynağına yaslanmayın. Her hipotezi üç kaynakla destekleyin: ısı haritası, en az üç oturum kaydı ve bir GA4 metriği (tıklama yolu, etkileşim, dönüşüm). Üç kaynak da aynı kalıbı gösteriyorsa hipotez teste hazırdır.

Adım 3 – Temiz A/B Testi Kurun

"Şöyle bir değiştirelim" yapmayın. Orijinal varyanta karşı tek bir varyant, net başarı metriği, yeterli örneklem büyüklüğü (kural: varyant başına en az 1.000 dönüşüm veya 14 gün, hangisi sonra gelirse). Başarılı dönüşüm optimizasyonunun psikolojik temelleri testte değiştireceğiniz tetikleyicileri verir.

Adım 4 – Belgele ve Yeniden Doğrula

Her test belgelenir: hipotez, kurulum, sonuç, çıkarımlar. Kaybedilen testler bile altındır – altı ay sonra aynı fikri tekrar test etmenizi engeller. Storyable her müşteri için merkezi bir bilgi tabanı olarak "CRO Logbook" tutar.

Süreç Olmadan Araç Beyhûdedir

Sürekli görüyoruz: müşteriler Hotjar veya Clarity kuruyor ve araçların kendiliğinden içgörü üretmesini bekliyor. Üretmiyor. Isı haritaları ve oturum kayıtları mikroskoptur – daha çok ayrıntı gösterirler ama kendiliklerinden ameliyat etmezler. Operatör sizsiniz veya tasarımcınızdır. Süreci olmayan, araçları kurmadan önce sürecini kurmalı.

Sonuç: Isı Haritaları ve Oturum Kayıtları Lüks Değil, Zorunluluktur

Isı haritaları ve oturum kayıtları, 2026'da ciddi her web sitesinin temel envanterindedir. Microsoft Clarity girişi neredeyse bedava yapar, Hotjar olgun CRO ekipleri için profesyonel araçlar sunar. KVKK ve GDPR uyumlu kuran, sezgi yerine hipotezle çalışan ve her içgörüyü üçleme ve A/B testleriyle doğrulayanlar dönüşüm optimizasyonunu çeyreklerden haftalara indirir. Yalnızca kurup hiç bakmayanlar, karşılığında değer almadan güzel bir GDPR riski satın almış olur. Isı haritaları ve oturum kayıtları bir raporlama aracı değildir – UX'inizin mikroskobudur. Ve iyi tasarım, gerçek kullanıcı acılarına verilen yapılandırılmış cevaptan başka bir şey değildir.

Cagri Ersöz

Heatmap verinizi gerçek ciroya çevirmeye hazır mısınız?

Hotjar veya Microsoft Clarity'yi KVKK ve GDPR uyumlu kuruyoruz, ısı haritalarınızı ve oturum kayıtlarınızı okuyoruz, sayfanızdaki en büyük üç dönüşüm katilini buluyoruz – ve A/B test kurulumu dahil önceliklendirilmiş bir aksiyon planı sunuyoruz. İlk görüşme ve hızlı denetim ücretsizdir.

Heatmap Denetimi Al