Hotjar Nasıl Çalışır? Nasıl Kullanırız?

Hotjar içinde kullanabileceğimiz özelliklerin hepsini inceleyeceğiz.

Heatmaps Nasıl Oluşturulur?

Sol menüden “Headmaps” tıklayıp açılan ekrandan “New Heatmap” tıklıyoruz.

4 adımda kurulumu tamamlayabiliyoruz.

1. Heatmap adını yazıyoruz.
2. Kaç görüntülemeyi izleyeceğimizi seçiyoruz.
3. Hedef sayfa yada sayfaları seçiyoruz.
4. “Create Heatmap” dememiz yeterli oluyor.

Ücretsiz versiyonda BASIC paketi kullanabiliyoruz. (1.000 görüntüleme)

Sayfa Hedefleme için Kurallar:

• Simple Match: Sitenizdeki bir sayfayı hedeflemek için kullanılır. http – https ve www öğesinin bulunup bulunmadığını dikkate almaz.
• Exact Match: Belirli bir URL’yi hedefler, birebir eşleme yapar.
• Starts With: Girilen metin ile başlayan tüm URL leri hedefler.
• Ends With: Girilen metin ile biten tüm URL leri hedefler.
• Contains: Girilen metni içeren tüm URL leri hedefler.
• Regular Expression: Regex ifadeleri kullanabilirsiniz.
• JavaScript Trigger: Heatmap ekran görüntüsünü tetiklemek için ziyaretçinin yaptığı eylemleri hedefleyebilirsiniz. (Ücretli versiyonda kullanılabilir.)

Heatmaps Oluşturduğumuzda Neler Göreceğiz?

Tüm heatmap çeşitlerini cihaz bazında (masaüstü, mobil, tablet) ayrı ayrı inceleyebiliriz. Bu şekilde daha sağlık sonuçlara ulaşabiliriz ve düzenlemelerimizi yapabiliriz. Çıkan tüm sonuçları kendimize göre değerlendirerek yorumlamanın hepsinden önemli olduğunu unutmayalım.

Click Heatmaps

Ziyaretçilerimizin heatmap oluştururken hedeflediğimiz sayfa veya sayfalardaki tıklamalarını ısı haritası üzerinden bizim için görselleştiren bir özelliktir. Bu özellik sayesinde ziyaretçilerimizin sitemizde en çok tıkladıkları veya yoğunlaştıkları alanları görebiliriz. Bu sayede sitemizde dikkat çeken veya kullanılmayan alanları tespit ederek bu sonuçlar üzerinden optimizasyon yapabiliriz.

Move Heatmaps

Bu özellik ziyaretçilerimizin fare imleci ile hedef sayfalarda yaptıkları hareketleri ısı haritası üzerinden göstermektedir. Bu özellikle ziyaretçilerin hangi noktalarda daha çok gezindiğini hangi yazı öbeklerinin üzerinde durduklarını görebilirsiniz.

Önemli bir nokta olarak web sitelerinde bir yazı okunurken genelde fare ile üzerinden takip ederek okunması gibi bir alışkanlığın olduğunu göz önüne alırsak buradan çok güzel analizler çıkartabiliriz.

Scroll Heatmaps

Kaydırma haritası, ziyaretçilerin ilgili sayfadaki scroll hareketleri üzerinden bir ısı haritası çıkarmaktadır.

Bu sayede hedef sayfada ziyaretçilerin sayfanın ne kadarı ile ilgilendikleri ve ne kadarını gördüklerini tespit etmiş oluruz. Bu sayede bizim için önemli ve görülmesi gereken fakat görülmediğini anladığımız ürün veya içeriklerin yerlerini değiştirerek optimizasyon yapabiliriz. Sayfanın alt kısmı çok fazla ilgi görmüyorsa bu alanı kaldırarak sayfa hızına olumlu etkileyecek bir çalışma yapabiliriz veya görüntülenme oranı yüksek olan kısımda alt kısmı daha çekici hale getirecek düzenlemeler yapabiliriz.

Recordings Nasıl Oluşturulur?

Sol menüden “Recordings” tıklayıp açılan ekrandan “Record Visitors” tıklıyoruz.

3 adımda kurulumu tamamlayabiliyoruz.

1. Kaç görüntülemeyi kaydedeceğimizi seçiyoruz.
2. Hedef sayfa yada sayfaları seçiyoruz.
3. Kayıt seçeneklerini belirliyoruz.

Ücretsiz planda 100 adete kadar izin vermektedir.

Ücretsiz versiyonda sayfa seçimi yapamıyoruz, tüm sayfaları alıyor müdahale edemiyoruz.

Strateji ekleyebileceğimiz, veriyi filtreleyebileceğimiz tek alan bu kısım. Bu alandaki 3 seçenek bizim için önemli olacak. Hepsine ayrı bir kayıt oluşturarak kontrol etmek en sağlıklısı olacaktır. Burada da sizin stratejiniz ve size lazım olan veriye göre seçimler yapmalısınız

1. Sadece sayfada tıklama ve scroll yapanları kaydet.
2. Sadece 30 saniye üzerindeki oturumları kaydet.
3. Klavye verisini kaydet.

1. seçenekte sayfada bir aksiyon almamış kullanıcıları çıkarıyoruz. Data azaltmak için bir filtre olarak kullanabiliriz. Fakat bu tarz kullanıcıların neden tıklama veya scroll aksiyonlarını almadığını da merak edebiliriz ki en azından kontrol etmeliyiz.

2. seçenekte 2 farklı durumu kontrol edebilme şansımız var. Birinci olarak ziyaretçilerin site gezilerini analiz etmek için bunu işaretleyip 30 saniye üstünde yapılan ziyaretleri kaydederek analiz kapsamımızı genişletebiliriz. İkinci olarak bunu işaretlemeden 30 saniye altındaki oturumları da dahil ederek hatta bunları sonuçlar çıktığında filtreleyerek neden bu kadar kısa süre içinden siteden ayrıldıklarını tespit etme şansımız olabilir.

3. seçenekte site içerisinde bazı bilgileri merak ediyor olabilir. Aram kutusuna ne yazıldı daha sonra hangi ürüne gitti vs. gibi kullanıcı davranışlarına buradan da ulaşma imkanımız var. Burada özellikle söylemek isterim kredi kartı bilgileri gibi datalar filtrelenerek gösterilmemeye çalışılmaktadır.

Recordings Oluşturduğumuzda Neler Göreceğiz?

Sitemizde kurulum sırasında seçtiğimiz sayfalara giren kullanıcıların tüm davranışlarını video kaydeden bir özelliktir. Daha sonra biz kullanıcıların sitemizdeki tüm site yolculuğunu video üzerinden izleyerek bunun üzerinden analiz yapabiliriz. Yapmanız gereken seçtiğiniz videonun yanındaki Play tuşuna basmak 🙂

Diğer özellikleri için yorumlardan talep ederseniz onların da kullanım şekilleri ve kullanım stratejileri hakkında bölümler ekleyebilirim.

Hotjar Nasıl Çalışır? Nasıl Kullanılır?
Tarık Akarsu

Hotjar Nedir?

Hotjar, web sitemize gelen ziyaretçilerin oturum süreleri boyunca davranışlarını analiz etmemize yardımcı olan ve onlardan geri bildirimler toplayabilmemize olanak sağlayan faydalı bir araçtır. Hotjar bize sitemizdeki kullanıcı deneyimini iyileştirme, site performansını güçlendirme, dönüşüm oranlarımızı artırma gibi konularda da bir yol haritası çıkarmakta yardımcı olur.

60 Saniyelik Tanıtım Videosu

Hotjar Nasıl Kurulur?

• Hotjar üzerinden kayıt oluyoruz.
• Hesaba giriş yaptıktan sonra vereceği takip kodu alıp web sitemizdeki <head> etiketleri arasına ekliyoruz.

Örnek kod;

<!-- Hotjar Tracking Code for www.mtakarsu.com -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:1453417,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>

WordPress Hotjar Kodu Ekleme

WordPress Hotjar kodu eklemek için admin panele giriş yaptıktan sonra aşağıdaki adımları izleyebilirsiniz.

Görünüm > Tema Düzenleyici > header.php

Daha önce oluşturduğumuz izleme kodunu kopyalarak bu dosyada <head> etiketinin içine yapıştırın. Son olarak “Dosyayı güncelle” demeniz yeterlidir.

Child Tema kullanıyorsanız. Aşağıdaki kodu functions.php içerisine eklemeniz yeterlidir.

add_action('wp_head','hotjar_tracking', 20);
  function hotjar_tracking() {
?>

"BURAYA İZLEME KODUNUZU YAPIŞTIRIN"

<?php
}

Google Tag Manager üzerinden de kodu ekleyebileceğinizi unutmayın. Google Tag Manager’ın Hotjar için özel etiketi bulunmaktadır.

Hotjar Nedir? Ne İşe Yarar? Hotjar Nasıl Kurulur?
Tarık Akarsu