Hotjar Nedir? Nasıl Kullanılır?

Bir içerik üreticisi de olabilir, okuyucularınızın ilgi gösterdikleri alt başlıkları, vurguları, görsel ve benzeri zengin medyalarla ilgili hareketlerini de merak ediyor olabilirsiniz. Nedeniniz her ne olursa olsun amacınız kullanıcılar/ziyaretçiler ve müşterileriniz ile ilgili bilgi edinmek, beklentileri daha net bir şekilde karşılayabilmek ise Hotjar merak ettiğiniz konularda (içgörü) cevaplar bulabileceğiniz bir uygulama olarak işinize oldukça yarayacaktır.

Hotjar ile ilgili destek talebinde bulunabilirsin.

Hotjar (Hotjar Insight)

Hotjar, kurulu olduğu web sitesine gelen ziyaretçilerin site içerisindeki etkinliklerini, bir form mevcutsa (abonelik, satın alma, teklif, iletişim vb.) bu form ile olan etkileşimlerini, sayfa içerisindeki hareketlerini tüm cihazlar üzerinden (multi-device) takip etmenizi (analytics) sağlamakta. Bu özelliğe ek olarak, ziyaretçilere doğrudan sorular da yöneltebilir, ilgili içeriklerle ilgili düşüncelerini (feedback) alabilir ve çeşitli sorular sorarak ürün ve hizmet kalitenizi artırabilirsiniz.

Hotjar, web ve mobil site ziyaretçilerinizi gerçekten anlamanın yeni ve kolay bir yoludur.

2014 yılında kurulan, öne çıkan Avrupa startupları arasında yer alan ve merkezi Malta Adası’nda bulunan Hotjar Ltd. Ürün / SaaS Geliştime, Web Pazarlama, UX ve Dönüşüm Oranı Optimizasyonu konularında uzmanlardan oluşan bir çekirdek ekiple tüm süreci yönetmekte. “Hepsi bir arada Web Analiz ve Geri Bildirim Aracı” olarak ifade edilebilecek servis Personal (Basic ve Plus alt paketlerine sahip), Business, Agency seçenekleri altında ücretlendirilmekte.

Hotjar Çalışma Biçimi

Hotjar tek bir hesap altında pek çok organizasyon ve websitesi kurulumunu barındırabilmekte¹. Kurulu her sitenin sahip olduğu Site ID (Örn. 123456) ile oluşturulan takip kodunun (tacking code) <head></head> etiketleri arasına eklenmesinin ardından kodun doğrulanması gerekmekte.

    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:<Site ID>,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=');

Oluşturulan siteler ve organizasyonlar Sites & Organizations sayfası altından takip edilebilmekte. Sitelerin eklenmesi ve doğrulanmasının ardından Analytics ve Feedback bölümünde yer alan araçların kurulumlarının yapılması gerekmekte.

Analytics

Heatmaps, Recordings, Funnels, Forms başlıkları altında kullanıcıların scroll, click ve mouse gezinti alanları takip edilebilmekte.

Heatmaps

Heatmap oluşturma sürecinde, İsim (Name) tanımlamasının ardından Kayıt Edilecek Sayfa Sayısı (Number of Pageviews) bölümünden Basic, Plus, Business seçenekleriyle kayıt altına edilmesini istediğiniz sayfa sayısını seçebilirsiniz. Seçilen sayfa görüntüleme sayısından sonra kayıt işlemi durdurulur. Sayfa Hedefleme (Page Targeting) bölümünden spesifik olarak takip edilecek ve hariç tutulacak sayfalar için sayfa (URL) kurallarını (simple match, exact match, starts with, ends with, contains, regular expression) ve JavaScript tetikleyicilerini kullanabilirsiniz. Örneğin, web sayfanızda yer alan sayfalar arasında url içerisinde sadece belirli bir kelime geçen sayfaları takip edebilirsiniz ya da JavaScript kullanarak belirli bir işlemle tetikleme gerçekleştirebilir ve bu tetikleme sonucunda sayfaların kayıtlarını alabilirsiniz. Bu bölümde yer alan Advances Options altındaki Exclude Elements From Heatmap seçeneği ile sayfa kayıdı işlemlerinde hariç tutulmasını istediğiniz alanları (CSS selectors; class, id) belirtebilirsiniz.

Farklı heatmap kayıtları oluşturarak (blog sayfaları, ürün sayfaları, form sayfaları vb.) ziyaretçi kayıtlarını zaman etiketleriyle birlikte Heatmaps bölümünden takip edilebilirsiniz. Kayıt edilen sayfalarla ilgili cihaz (desktop, tablet, mobile) ve headtmap tipi (click, move, scroll) kayıtlarını belirlenen sayfa kurallarının toplamı olarak görebilirsiniz.

Recordings

Sahip olunan üyelik tipi çerçevesinde 100 (Basic), 2.000 (Plus), 5.000 (Business) sayfa kaydı alınabilmekte. Kayıt edilecek sayfalar (Page Targeting) plus üyelikte url kuralları oluşturularak ve/veya JavaScript tetiklemeleri ile kontrol edilebilmekte.

Ek olarak, kayıt işlemi sadece oturum süresince söz konusu olan tıklamalar ve scroll hareketleri, sadece 30+ saniyelik oturum üzerindekiler, klavye girişleri kayıt edilecek şekilde ayarlanabilmekte. Oturum süresinin 30+ olan seçiminin yapılması sitenin yükleme hızına bağlı olarak daha spesifik ve isabetli kayıtlı oluşturmak için etkili bir eşik olarak değerlendirilebilir.

Yine üyelik tipine tanımlı sayfa kadar kayıt oluşturulduğunda kayıt işlemi sonlandırılacaktır. İzleme işlemlerinin ardından var olan kayıtları silebilir ve yeni kayıtlar oluşturulabilmesi için yer açabilirsiniz. Bu işlemler için ayrıca Recordings sayfasının sağ bölümünde yer alan Filter alanını kullanarak izlemek istediğiniz sayfalar arasında detaylı filtreleme (tarih, sayfa adı ve yolu, etiket, çıkış yapılan sayfa, cihaz tipi, ülke, oturum süresi vb.) işlemleri gerçekleştirebilirsiniz.

Funnels

Dönüşüm yolunuzu tanımlayarak dönüşüm yolunu adımlar dahilinde detaylı bir şekilde takip edebilir, oturumlar sayıları üzerinden ilgili adımlarda optimizasyon işlemleri gerçekleştirebilirsiniz. Unutmadan, basic hesap altında sadece 3 funnel oluşturmak mümkün. Funnel içerisinde sayfalar tanılanırken diğer analytics özelliklerinde de olduğu gibi sayfa kuralları oluşturarak sayfa(ları) belirleyebilirsiniz. Örneğin; Sepet Sayfası–>Teslimat ve Fatura Adresi–>Ödeme Yöntemleri Sayfası–>Ödeme/Sipariş Onay Sayfası.

Forms

Hotjar form yer alan sayfalar için üyelik tipine bağlı olarak farklı oturum sayıları üzerinden kayıtlar oluşturabilmekte; Basic 1.000, Plus 2.000, Business 5.000 oturum. İşlem için belirtilen sayfada yer alan form Hotjar tarafından <form>...</form> içeriği analiz edilerek otomatik bir şekilde sütunlar halinde sunulmakta.

Forms altında oluşturulan kullanıcı aksiyonlarını form elemanları üzerinden sütunlar halinde görüntüleyebilirsiniz. Bu sayede kullanıcıların form doldurma işlemini bıraktıkları noktayı, ilgili elemanda geçirilen süreyi, boş bırakma ve yeniden doldurma oranlarını değerlendirebilirsiniz.

Feedback

Incoming, Polls, Surveys, Recruiters bölümleri altından kullanıcılarla etkileşime geçerek geri bildirimler alabilir, anketler ile birlikte ürün ve hizmet kalitenizi artırabilir/iyileştirebilirsiniz.

Incoming özellikle kullanıcıların web sitesi deneyim süreçlerini paylaşmalarını mümkün kılan bir geri bildirim uygulaması. Ekran görüntüsü alma, duygu belirtme ve mesajla konuyu detaylandırma gibi özelliklere sahip olan Incoming ürün ve servis iletiminde önemli faydalar sağlayabilmekte. Pek çok dil desteği ve özelleştirme imkanı bulunan özellik cihaz türüne, sayfa kurallarına ve iletilen bildirimlerin kimlere aktarılacağına kadar ayarlanarak uygulanabilmekte.

Polls, cihaz türü, sayfa kuralları ve benzeri sınırlandırmalar yaparak kullanıcıların hızlı bir şekilde fikirlerini alabilmenizi mümkün kılmakta. Anketin aktifleştirilebilmesi için de ayrıca süre tanımı, sayfa yüklenme, scroll etkinliği, anketin geçerlilik süresi gibi tanımlamalar da yapılabilmekte.

Surveys, ziyaretçilerinize farklı dillerde detaylı sorular sorabileceğiniz ve açıklamalar alabileceğiniz, oylama, hızlı ya da detaylı cevaplar, seçmeli alanlar ve benzeri içeriklere sahip anketler/araştırmalar oluşturabilmenizi sağlamakta.

Recruiters ise test kullanıcılarının doğrudan etkileşime geçtikleri sayfa(lar) üzerinden gerçekleştirdikleri aksiyonları takip etmenizi sağlamakta. Oluşturduğunuz kayıt üzerinden kullanıcıları doğrudan canlı test ortamında görüntüleyebilir, ekran paylaşımı ile aksiyonlarını değerlendirebilirsiniz. Farklı diller altında özelleştirerek sunabileceğiniz ve belirtilen aksiyonlar (cihaz, sayfa kuralları, sayfa yüklenme süresi, kullanıcı etkileşimi ve benzeri) sonucunda işlev kazanan kayıt formu vasıtasıyla kullanıcılardan kişisel bilgilerini (ad, soyad, yaş, şehir, e-posta, telefon numarası, cinsiyet) girmelerini isteyebilirsiniz.

Hotjar Kurulumu

Hotjar Nasıl Çalışır? başlığı altında eklediğiniz web sayfasına istinaden üretilen ilgili kod örneğini paylaşmıştım. Kod içeriğinde göreceğiniz <Site ID> alanı Site ID değerini taşımakta. Bu kodu web sayfanızın <head>...</head> etiketleri arasına yerleştirmeniz yeterli. Google Tag Manager üzerinden kodu yüklemek için ise web sayfanıza ait Container altında yeni bir etiket (New Tag) oluşturmamız gerekiyor. Yeni etiket bölümünde Tag Configuration altında yer alan Hotjar Tracking Code seçimi üzerinden Site ID’nizi Hotjar Site ID alanına yazmanız ve kodunun tüm sayfalarda çalışabilmesi için tetikleyici (Triggering) olarak All Pages seçimini yapmanız yeterli. Alternatif olarak, Özel HTML seçimini yapıp ilgili metin alanına Hotjar tarafından üretilen kodu yapıştırarak da kurulum sağlayabilirsiniz. İlgili çalışma ortamı değişikliklerini (Workspaces Changes) yayına aldığınızda (submit) ettiğinizde kodunuzu doğrulayabilirsiniz.

Hotjar İle İlgili Ek Bilgiler

Tüm ayarlamalarınızı yaptınız, kodunuzu doğruladınız ve web sayfanızı düzgün bir şekilde analiz edebilecek kayıtları toplamaya başladınız… Peki, hepsi bu kadar mı? Elbette hayır. Öncelikle Ayarlar (Settings) altında bulunan IP Blocking bölümünden sizin ve web sayfanızda işlemler yürüten (geliştiriciler, pazarlama uzmanları, ürün yöneticileri vb.) kişilere ait IP adreslerini tanımlamalısınız. Böylelikle analiz aşamasında işlevsiz verileri sürece dahil etmemiş olursunuz. Bunun yanı sıra Opt-out sayfası üzerinden de işlem yürütebilirsiniz². Son olarak, Hotjar kayıt aşamasında numeric değerleri güvenlik/gizlilik amacıyla şifreleyerek (* işareti ile) kayıtları sunmakta³ ⁴ ⁵ ⁶.