Hotjar

Hotjar Analytics Yapılandırma İşlemleri

Yayın:
Hotjar uygulamasıyla ilgili temel açıklamalar ilettiğim Hotjar Nedir? Nasıl Kullanılır? başlıklı yazıya ek olarak bu yazıda giriş işleminden Hotjar Analytics başlığı altındaki araçların kurulumuna temel ...
GÖRSEL
Hotjar uygulamasıyla ilgili temel açıklamalar ilettiğim Hotjar Nedir? Nasıl Kullanılır? başlıklı yazıya ek olarak bu yazıda giriş işleminden Hotjar Analytics başlığı altındaki araçların kurulumuna temel bir yapılandırma sürecinden bahsedeceğim.Hotjar kullanıcı girişi sonrasında son 24 saatlik aktivitelerini (heapmap, recording, funnel, poll, survey, recruiters kayıt sayıları, kullanıcı işlemleri vb.) karşımızda görmekteyiz. Bu aşamadan sonra Analytics bölümlerinde kurulumlar tanımlamaya başlayabiliriz. Elbette öncesinde kodumuzu sitemiye yerleştirdiğimizi ve kurulumumuzu onayladığımızı varsayıyorum.

Hotjar Analytics Kurulumları

Örnek işlemleri ornekwebsitesi.com mülkü üzerinden yürüteceğim. İlk uygulayacağımız işlem Heatmaps tanımlaması olacak. ornekwebsitesi.com için grav kurulumu üzerine machine temasını ve test içeriklerini yükledim.

Heatmap Kurulumu

Heatmap kurulumuna sitenin sadece blog bölümünü dahil edeceğim. Basic kullanıcılar 3 farklı heatmap oluşturabilmekteler. Diğer kurulumları Anasayfa ve İletişim sayfası (ya da ürün ve hizmet satışınız var ise satışa yönlendirdiğiniz sayfa) için gerçekleştirebilirsiniz.Name alanına genel bir isim verip, Number of Pageviews seçimini Basic paket dahilinde 1.000, Page Targeting alanını Visit one of multiple similar pages olarak seçip Enter Page URL alanını URL starts with ve URL değerini https://ornekwebsitesi.com/blog/ olarak tanımlıyorum. Bu sayede yapısal olarak birbirinin aynısı olan ve içeriği farklılaşan tüm sayfalardaki (/blog/*) hareketleri ortak bir şekilde değerlendirmem mümkün hale gelmekte. Ayrıca, ilgili görselde de görebileceğiniz üzere div.footer alanının örnek olması amacıyla Advanced options > Exclude Elements From Heatmap alanı üzerinden headtmap kaydının dışında tutulması gerektiğini belirttim.Tek bir sayfada kayıt gerçekleştirmek için Visit a spesific page seçeneğini seçebilirsiniz. Enter Page URL bölümünde Exact URL match seçeneği spesifik olarak belirttiğiniz sayfanın (örneğin https://ornekwebsitesi.com/contact) kayıt edilmesini sağlayacaktır. Visit one of multiple similar pages seçeneğini seçtiğinizde seçimle birlikte Enter starts with seçimlerinde de değişiklik oluşacaktır. URL starts with URL başlangıcını (Örneğin https://ornekwebsitesi.com/blog/), URL ends with URL bitişini (Örneğin /contact), URL contains URL içeriğindeki bir bir tanımı (Örneğin blog), URL regular expressions ise belirli bir örüntüyü (Örneğin /products/*) belirtmenisi sağlar.

Recordings Kurulumu

Ziyaretçi kayıtlarında Basic paket dahilinde 100 kayıt gerçekleştirilebilmekte. Page Targeting aşamasında Visit any page ile tüm sayfalar kayıt edilebilmekte. Spesifik olarak bir sayfayı kayıt edebilmek için Visit a spesific page OR a JavaScript trigger fires seçeneğini seçmek gerekir. Fakat bu seçenek Plus üyelik gerektirmektedir.Recording Options ile ziyaretçi davranışlarını süzmek mümkün. Bu başlık altında Only click & scroll sessions ile eğer ziyaretçi ziyaret ettiği sayfada tıklama, gezinme gibi eylemler gerçekleştiriyorsa kayıt işlemi başlayacaktır. Bir diğer seçenek ise Only 30s+ sessions. Bu seçenek ile oturum eğer 30 saniye üzerinde ise kayıt işlemine dahil edilir. Son seçenek ise Record keystroke data. Bu seçenekle klavye işlemleri “***” şeklinde gizlenerek kayıt edilir. Bu sayede formlar üzerindeki işlemleri görebilirsiniz ancak verileri görüntülemezsiniz. Detaylı bilgi için Whitelisting Input Fields sayfasını inceleyebilirsiniz.

Funnels Kurulumu

Funnels ziyaretçiler için oluşturulmuş bir senaryoyu tanımlamaktadır. Örneğin, bir kullancının ürünleri görüntülemesi, ürünü sepete atması, sepeti görüntülemesi ve ödeme adımlarını tamamlaması ürün satışı için hedeflenen bir süreçtir ve sekteye uğramaması istenir.Dolayısıyla yol üzerindeki tüm engeller (ziyaretçinin dikkatini dağıtacak ögeler) kaldırılır ve sorunsuz bir deneyim sunulması hedeflenir. Bu gibi durumlarda ziyaretçilerin tutumlarını tahmin eder ve buna yönelik işlemler gerçekleştiririz. İşte bu noktada öngörülerin dışında kullanıcıların eylemlerini de değerlendirerek gözden kaçan bir durum olup olmadığını anlamak adına Hotjar’ın Funnels özelliğini kullanabiliriz. Elbette süreç satış amacıyla hedefli değil. Bir form gönderim süreci ya da e-bülten kaydı da benzer bir süreçle değerlendirilebilir.Funnel’e bir isim verdikten sonra Step alanına geçebiliriz. Bu alanda Simple match ile doğrudan alan adı (Örneğin https://ornekwebstesi.com/), Exact match ile URL’in tamamı (Örneğin https://ornekwebsitesi.com/blog/it-is-a-long-established-fact-that-a-reader-will-be-distracted), Starts with ile URL başlangıcı (Örneğin https://ornekwebsitesi.com/blog/), Ends with ile URL bitişi (Örneğin /it-is-a-long-established-fact-that-a-reader-will-be-distracted), Contains ile URL içerisindeki bir ifade (Örneğin /blog/), Regular expression ile bir örüntü adım olarak tanımlanabilir.Yukarıdaki görselde Ana Sayfa üzerinden blog ve/ya bir blog yazısının okunması ve ardından iletişim sayfasının görüntülenmesi funnel olarak tanımlanmıştır.Funnel içeriğinde Google Analytics E-ticaret hedeflemesi dahilinde 5 adım tanımlamaya imkan sunarken Hotjar ile 50+ üzerinde adım tanımlamak mümkün. Elbette adım sayısı ne kadar artarsa yol üzerinde kaybedilen ziyaretçiler arasında o kadar fark olacak ve analiz süreci etkenlerin artışı sebebiyle bir o kadar zorlaşacaktır.Forms Kurulumu Forms ile web sayfanızda yer alan üyelik, giriş, adres, içerik yorumu, ürün ve hizmet geri bildirimi, teklif ve benzeri amaçlarla oluşturulan formlardaki ziyaretçi aksiyonlarını takip edebilirsiniz. Özellikle uzun formlarda funnel başlığında da belirttiğim üzere ziyaretçinin dikkati dağılabilir ve/ya form uzunluğu dolayısıyla motivasyonunu / ilgisini kaybedebilir. Bu durumda form üzerinde düzenlemeler yapmak uygun olacaktır. Diğer yandan form kontrollerinde kimi zaman planlanmayan aksaklıklar söz konusu olabilir (otomatik doldurma, alan adı seçimi, geçersiz e-posta vb.). Bu tür durumların da fark edilip düzenlenmesi gerekir. Hotjar tarafından sunulan Forms tanımlanan URL’deki formu çoğu zaman otomatik olarak tanıyacak ve ilgili alanları (field) başlık olarak panelde belirtecektir.Basic üyelikte 1.000 oturum kaydı yapılabilmektedir. Details alanında ilgili form işlemi için bir isim tanımlayıp Page URL alanına formun yer aldığı URL’i girmeniz kurulum için yeterli olacaktır. Form fields alanında Page URL alanında belirttiğiniz forma ait alanların (text, textarea, select, checkbox, radio button) name tanımlamalarını (name tanımlı değilse Field 1, 2, 3… şeklinde alanlar sıralanacaktır) görebilirsiniz. Unutmadan, tanımlanan sayfada birden fazla form varsa her form ayrı şekilde belirtilecek ve bir tanesinin seçilmesi gerekecektir. Hotjar sayfa başına tek form takibi gerçekleştirmektedir.Formun tanımlanması ve gönderimi süreçlerinde aksaklıklar yaşanabilir. Bu tür durumlar için Troubleshooting FAQs for Forms ve Track Form Submission With JavaScript sayfalarına göz atabilirsiniz.

Hotjar Kullanımına Dair Öneriler

Hotjar Analytics özellikleri dahilinde siteniz hakkında pek çok detaya kolayca ulaşabilir ve kullanıcı deneyimini artırmaya yönelik aksiyonlar alabilirsiniz. Özellikle Analytics dahilinde sunulan Funnels ve Forms dönüşüm yolculuğu sürecine dair pek çok detay sunarken, Heatmaps ve Records ile içerik ve ürün / reklam yerleşimi özelinde fikirler edinmek mümkün. Basic paket bu anlamda başlangıç için oldukça yeterli. Sürece dair ayrıca sorularınız ve/ya kurulum aşamasında yaşadığınız problemler olur ise yorum olarak paylaşmanız yeterli.
Ceyhun Enki Aksan

Kullanıcı Davranışları Analizi (User Behavior Analysis) ve Kullanıcı Deneyim Tasarımı (UX Design) üzerine çalışmalar yürütmekte, bu süreçte edindiğim teknik ve pratik bilgileri fayda sağlamak motivasyonuyla (afaik / as far as i know) paylaşmaktayım.

HABERDAR OL

Yeni eklenen projeler, eğitimler, içerikler ve yayınlanan videolar e-posta adresine gelsin.