Hotjar ile Varyasyonun Heatmap Takibi

Berk Öztoprak
1 min readMar 19, 2018

A/B testlerini oluştururken heatmap oluşturupta bunun sonuçlarını değerlendiriyor musunuz? Değerlendirmiyorsanız bence buna hemen başlayın.

Bu yöntem genellikle split testler için kullanılır. Split testlerde orjinal sayfanın heatmapi ile varyasyonun heatmapine bakıp analizler çıkarırız. Ama aslında bunu a/b veya mvt testlerde de bazen yapmamız gerekebiliyor. Etkisini görebilmek için bunu yapmak önemli bir detay diyebiliriz. Peki bunu nasıl yapacağız?

Başlayalım;

  • Öncelikle a/b test toolumuzu açıp, varyasyonu oluşturuyoruz.
  • Varyasyonda da css değişikliği yaptığınızı varsaydık.
  • Varyasyon sayfasındayken javascript kısmına girip hotjarın bize sağladığı bu Javascript Trigger kodunu yapıştırıyoruz; hj(‘trigger’, ‘varyasyon-ismi’);
  • Sonrasında hotjar’a dönüp heatmap kısmına geliyoruz.
  • Heatmap oluştururken Page Url formatını seçtiğimiz kısımda Javascript Trigger seçip input alanına varyasyon-ismi yazıyoruz.

Heatmapi oluşturduktan sonra arkaya yaslanıp verilerin yüklenmesini bekliyoruz :)

Neden yapmalıyız?

Örnek bir senaryodan gidelim. Örn; yaptığınız varyasyonda yeni bir link alanı eklediniz. Bunun nicel verilerle nasıl desteklendiğine bakarsanız bunun detaylarını görürsünüz. Yeni koyduğunuz link alanı gerçekten dikkat çekiyor mu? Kaç ziyaretçinin kaçı buna tıklamış? Scrollun aşağısında mı yukarısında mı kaldı? Kullanıcıların hareketleri bu yöne doğru oluyor mu? Tık var ama gittiği sayfada durum nasıl? Bu kadar tıktan kaçı sonuca(satış vb.) ulaşmış? gibi biiiir sürü soruya cevap bulabilirsiniz.

Hotjar’ın heatmap oluşturma anlatımı; https://help.hotjar.com/hc/en-us/articles/115011867948-Using-JavaScript-to-Trigger-Heatmaps
Hotjar Javascript Trigger; https://help.hotjar.com/hc/en-us/articles/115015712548-Using-JavaScript-Triggers-to-Start-Recordings

Ayrıca; sohbet, muhabbet, kahve, görüşler, eleştiriler ve danışmanlık için;
berkoztoprak[at]yandex.com

Sağlıcakla kalın…

--

--