HotJar + Convert: Tam Dönüşüm Hunisi Optimizasyonu için Adım Adım Kılavuz.
Yayınlanan: 2020-05-18
HotJar ve Convert Başrolde CRO Filmleri
Çok emin: Yeni İntikamcılar değil.
Ve bunun çok eğlenceli olduğunu iddia etmeyeceğiz.
Ama…HotJar “filmleri” (potansiyel olarak) daha önemlidir.
Neden? Niye?
Çünkü bu şık araçla, ziyaretçilerin web sitenizle nasıl etkileşime girdiğini, alışveriş sepetlerini neden terk ettiklerini, form göndermelerini neyin engellediğini ve geri düğmesine basmalarına neden olan sayfalar veya site bölümlerini ilk elden görebilirsiniz.
Ve karışıma Deneyimleri Dönüştür'ü eklediğinizde, huninizin tüm aşamalarındaki HotJar içgörülerini test değişkenlerine dönüştürme gücüne sahip olursunuz.
UI karmaşasını ortadan kaldırabilen, trafik sıkıntısını azaltabilen ve size potansiyel müşterilerinizin gerçekten ne istediği konusunda kesin bir fikir bırakabilen varyantlar.
Hotjar ile Dönüştürme Deneyimlerini Entegre Edin
Hotjar'ı Deneyimleri Dönüştürme ile entegre etmek, Deneyimleri Dönüştür hesabınızdaki tüm Hotjar özelliklerini etkinleştirmenize olanak tanır.
Entegrasyonu kurun:
İki platformu entegre etmek için:
- Web sitenize Deneyimleri Dönüştür İzleme Kodu ekleyin
- Web sitenize Hotjar Takip Kodu ekleyin
- Deneyim Özeti ekranınızda Hotjar entegrasyonunu etkinleştirin (Ayarlar bölümü altında)
(Daha fazla ayrıntı için, buradaki adım adım talimatların tamamını okuyun).
Entegrasyonu Doğrula
Kurulum hazır olduğunda, Chrome Hata Ayıklayıcıyı Dönüştür'ü yükleyerek kurulumu doğrulayın:

Hangi Veriler Kullanılıyor?
Entegrasyon etkinleştirildikten sonra, Hotjar hesabınızdaki her kayıt şu şekilde etiketlenir: “Dönüştür: AAA – BBB” burada:
- AAA – veri anonimleştirmeyi etkinleştirip etkinleştirmediğinize bağlı olarak, ilk 20 karakterle sınırlı denemenin adı veya Convert hesabınızda bulunan Deneme Kimliği;
- BBB – veri anonimleştirmenin etkin olup olmamasına bağlı olarak, ilk 20 karakterle sınırlı varyasyonun adı veya Convert hesabınızda bulunan Varyasyonun Kimliği;
Hotjar hesabınızın içinde, belirli bir varyasyon sunulduğunda ziyaretçi davranışını analiz etmek için kayıtları belirli bir Deney – Varyasyon çiftine göre filtreleyebilirsiniz:

Sıradaki ne?
Hotjar ile Convert'i çalıştırıp çalıştırdıktan sonra, sırada ne var?
Şimdi, Deneyimleri Dönüştürme hakkında temel bir bilginin bile açılış sayfalarınızı, form alanlarınızı, CTA'larınızı, duyarlı tasarımınızı ve çok daha fazlasını geliştirmenize nasıl yardımcı olabileceğini göstereceğiz. Görebilirsin:
- Web sitenizin kaç ziyaretçi aldığı
- Ziyaretçileriniz ne kadar süre takılıyor?
- Hangi eyaletten (veya ülkeden)
- Ziyaretçilerinizin kullandığı cihazlar (mobil, masaüstü, tablet)
- Mağazanıza hangi kampanyadan geliyorlar
- Ürün resminiz gerçekten çekiciyse.
- Mağaza ziyaretçiden bir eyleme ilham veriyorsa.
- Ürünün sayfadaki konumu müşteri için garipse.
- Ürüne ulaşmak için çok aşağı kaydırmaları gerekiyorsa.
- Etkili, net bir değer önerisi ve CTA olarak olsun veya olmasın?
Bilgi miktarı bunaltıcı gelebilir ve ilk başta çok derine dalmamanızı öneririz. Sizin için gerçekten önemli olan temel metriklere odaklanın.
Basit bir analiz bile mağazanız üzerinde büyük etkisi olabilecek değişiklikleri tetikleyebilir.
[Not: Bu notta, Küçük Veri web seminerimize göz atın. Büyük bir etki için “küçük şeyleri” bulma ve kullanma sürecini ele alıyoruz]
<<Yerleştirme Kodu>>
Deneyimleri Dönüştür'ü Hotjar ile entegre etmenin amacı, kullanıcı davranışı hakkında mümkün olduğunca en fazla bilgiyi elde etmektir. Ne kadar çok izlerseniz, ziyaretçilerinizin sitenizle nasıl etkileşime girdiğini o kadar iyi anlayabilirsiniz.
Ziyaretçi Kayıtları ile Sepeti Terk Etmeyi Önleyin
Hotjar ziyaretçi kayıtları ile ödeme sürecinizi optimize ederek online alışveriş sepetinin terk edilmesini önleyebilirsiniz.
Ziyaretçi kayıtları, bir ziyaretçinin sitenizde ne yaptığını görmenizi sağlayan kısa kayıtlardır. Ve bu kayıtların çoğunu izleyip analiz ederseniz, kalıpları tespit etmeye başlayacaksınız. Ödeme işleminiz sırasında kırmızı bayrakları tanımlayabileceksiniz. İnsanların sepetlerini neden terk ettiğini daha iyi anlayacaksınız.
Ziyaretçi kayıtları size birçok ham bilgi verebilir. Alışveriş sepetini terk etme oranınızı düşürmek için bu bilgileri kullanmak için aramanız gereken bazı şeyler şunlardır:
- İnsanlar ürün sayfanızda ne kadar kalıyor?
- İnsanlar ne kadar hızlı kaydırır? Göz gezdiriyorlar mı yoksa dikkatle okuyorlar mı?
- Ziyaretçilerin dikkati bir şey tarafından mı dağılıyor?
- Ziyaretçilerinizin dikkatini ne çekiyor? Onları en çok ne ilgilendirir?
- Onları alışveriş sepetlerinden uzaklaştıran nedir?
- Dönüşüm oranınıza başka ne zarar verebilir?
Bunlar, ziyaretçi kayıtlarını görüntülerken ve analiz ederken sorulması gereken iyi sorulardır. Mümkün olduğunda çevrimiçi alışveriş sepetinin terk edilmesini önlemenize yardımcı olurlar.
Shopify Store'da Örnek
Bir Shopify mağazanız olduğunu ve ödeme sayfasını değiştirmek istediğinizi düşünelim. Buradaki talimatları izleyerek Shopify'ın ödeme sayfasına Dönüştürme izleme kodunu yüklersiniz ve Dönüştürme içinde bir A/B Deneyimi oluşturursunuz. Varyant, ödeme sayfasında güven sembolleri ve Ücretsiz Nakliye ile ekstra afişler içerir (hey! Uzmanlar işe yaradıklarını söylüyorlar).
Bir süre sonra Dönüştürme raporunda Orijinal sürümün kazandığını ve ekstra banner'ların daha fazla satın alma getirmediğini fark ediyorsunuz.
Ziyaretçilerin, Convert ile tasarladığınız Varyasyon yerine Orijinali neden tercih ettiğini bilmek istiyorsunuz.
Bunu yapmak için Varyasyonun ödeme sayfasındaki HotJar ziyaretçi kayıtlarını kullanırsınız ve ziyaretçilerin bu afişler tarafından gerçekten dikkatleri dağıldıkları için alışveriş sepetini terk ettiğini fark edersiniz.
Afişleri kaldırır ve daha fazla ödeme yapılmasını teşvik etmek için A/B Dönüştürme deneyimini uyarlarsınız. VE gelecekte, kitlenizin harekete geçmesini istiyorsanız, güven artırıcılar eklemek yerine dikkat dağıtıcı unsurları en aza indirmeye öncelik verin.
Ziyaretçilerin Neden Ayrıldığını Anlayın
Müşteri Anketleri ve Anketleri ile
Bir başka kullanışlı Hotjar özelliği Geri Bildirim aracıdır ve bunu solda göreceksiniz.
Anketler ve anketler ile web sitenize müşteri geri bildirimi talebi ekleyebilirsiniz. Bu, kullanılabilirlik testi bile ziyaretçi direncine ışık tutmadığında işe yarar.

Bu özellikleri maksimum bırakma anında kullanabilir ve ziyaretçilerin neden başka bir işlem yapmadan ayrıldığını öğrenebilirsiniz. Gelen yorumlar, Deneyimleri Dönüştür'de topladığınız nicel verileri destekleyecektir. Bir A/B Dönüştürme deneyiminde veya kişiselleştirmede anketlerin nasıl etkinleştirileceği aşağıda açıklanmıştır.
Huniler ile
HotJar, huni adı verilen harika bir özellik sunar. Bu nedenle, anketler ve anketler kullanmak yerine, önemli düşüşlerin gerçekleştiği sayfaları kesin olarak belirlemek için HotJar hunilerini kullanabilirsiniz!


Isı Haritaları ile Cihaz testi yapın
Site sayfalarınız, farklı boyutlardaki cihazlarda ve ekranlarda çok farklı görünür.
Ekstra büyük ekranların, netbookların, tabletlerin ve telefonların popülaritesinin artmasıyla birlikte; gadget'lar arasında en iyi deneyimi sağlamak zorlu bir iştir.
Masaüstünde ekranın üst kısmında yer alan önemli içerik, telefonda ekranın oldukça altına düşebilir. Aynı şekilde, sayfa içeriğiniz çok büyük ekranlarda seyrek ve okunamaz görünebilir.
Hotjar ısı haritası raporları, tarayıcılar ve cihazlar arasındaki bu farklılıkları ve ziyaretçilerin içeriğinizle nasıl etkileşime girdiğini kolayca ortaya çıkaracaktır. Sayfalarınızı ekran ve tarayıcı özelliklerine uyacak şekilde ayarlayabilmeniz için duyarlı tasarımı tanıtın. Bu duyarlı tasarımda ince ayar yapmak için Hotjar Isı Haritalarından elde ettiğiniz bulguları kullanın.
Sayfa deneyiminizi tanımlayan çok sayıda değişken olsa bile, daha yüksek katılım ve önemli içeriğin önceliklendirilmesi aniden mümkün hale gelir.
İnce ayarlarınızın etkisini görmek için yeni ısı haritası raporlarıyla değişikliklerinizi takip edin.


İşiniz bittiğinde, bu bulguları farklı hedef kitlelerin cihaz ve tarayıcı tercihlerine göre farklı tasarımlar alacağı Kişiselleştirmeleri Dönüştür'e teslim edin. Dönüştürme kişiselleştirmelerinde ısı haritalarını nasıl etkinleştirebileceğinizi buradan öğrenin.
İpucu : HotJar ayrıca 7 ek ısı haritası testi sunar.
Açılış Sayfalarınızı İyileştirin
Açılış Sayfası Optimizasyonu (LPO), herhangi bir CRO sürücüsünün kritik bir parçasıdır.
Ve Deneyimleri Dönüştür/HotJar entegrasyonu burada harikalar yaratıyor.
Hotjar ile kullanıcıların ne istediğini, neye önem verdiklerini ve tıklamalarının, dokunmalarının ve kaydırma davranışlarının görsel bir temsili (harita) aracılığıyla sitenizle nasıl etkileşime girdiklerini anlayabilirsiniz. İnsanların kafasını karıştıran şeyi görüyorsunuz ve bu barikatları ortadan kaldırabiliyorsunuz.
Bir açılış sayfanız olduğunu ve onu optimize etmek istediğinizi varsayalım. Dönüştürme izleme kodunu açılış sayfasına yüklersiniz ve Dönüştürme A/B deneyiminizi yaratırsınız. Yaptığınız değişiklikler, altbilgideki ekstra sosyal düğmelerdir.
Bir süre sonra Dönüştürme raporunuz Orijinal sürümün kazandığını ve ekstra sosyal simgelerin daha fazla satın alma getirmediğini gösteriyor.
Ziyaretçilerin Convert ile tasarladığınız Varyasyon yerine Orijinali neden tercih ettiğini bilmek istiyorsunuz. Bunun için HotJar'ı kullanırsınız ve ziyaretçilerin açılış sayfanızın alt kısmına kaydırma yapmadığını fark edersiniz.
Sosyal simgeleri başlığa taşır ve A/B Dönüştürme deneyimini dönüşümler üzerinde fark edilebilir olumlu etki için uyarlarsınız. Önemli Kişilerden Görüşler.
Bir Çok Sayfalı Dönüştürme Deneyimi oluşturduğunuzu ve hipotezinizin etkinliği hakkında hızlı bir şekilde fikir edinmeniz gerektiğini hayal edin. Hotjar Recruiters widget'ı, nitelikli trafikten hızlı ve kolay bir şekilde onay alır ve insanları kullanıcı araştırması için kaydeder.
Artık hedef segmentinizdeki üyelerin profilini çıkarabilir ve hizmetleri karşılığında bir hediye sunabilirsiniz.
Neyin daha iyi dönüşüm sağladığını öğrenmek için bir Dönüştürme Bölünmüş URL testi de oluşturabilirsiniz: İşe Alım Özelliği veya Anket Özelliği.

Bu Hotjar özelliğini Dönüştürme deneyiminize eklemeniz yeterlidir; geri bildirim toplamaya başlayacaksınız.
UI Karışıklık Noktalarını Tespit Edin:
Inspectlet'in dediği gibi:
“Öfke Tıklamaları, genellikle herhangi bir UI değişikliğini tetiklemeden alanlara aşırı tıklamanın neden olduğu, kullanıcıların hayal kırıklığı anlarını tanımlar. Kullanıcı öfkesinin ortak noktaları arasında ölü bağlantılara tıklamak (bağlantı gibi görünen ama olmayan metinler), onları büyütmeyi umarak (başarısız olan) resimlere tıklamak ve diğer UI karışıklık noktaları yer alır.
Hotjar kontrol panelinizde oturum kayıtlarına gidin. Araştırmak istediğiniz sayfanın URL'sine göre filtreleyin. Ardından öfke tıklama filtresini uygulayın. Web sitenizdeki herhangi bir sayfayı öfkeyle tıklayan müşterilerin kayıtlarını izlemeye ve analiz etmeye hazırsınız. Kayıtları analiz etmek, ziyaretçilerinizi sinirlendiren UI öğelerini düzeltmek için sizi doğru yöne yönlendirmelidir.
Form Gönderimlerinizi Hızlandırın
Formlarınızı tasarlarken ve bunlarla denemeler yaparken, ziyaretçilerinizin form alanlarıyla nasıl etkileşime girdiğine dair ek bilgiler edinebilirsiniz. HotJar ve Convert Experiences ile boş kalan alanları, yeniden veri girişini gören alanları ve kısacası form dönüşüm oranlarınızı depolayan alanları öğrenirsiniz.
İlk olarak, birden çok ince ayar veya öğe değişikliği içeren formlar tasarlamak için Çok Değişkenli Bir Dönüştürme Deneyimi kullanın.

İşiniz bittiğinde, trafiğinizi engelleyen form alanlarını veya form öğelerini ortadan kaldırmak için Hotjar ziyaretçi kayıtlarını kullanın.
Son olarak, kalan alanlara A/B testi uygulayın ve formunuzu ziyaretçiler için gerçekten önemli olana kadar daraltın.
Özellikle GDPR ile ilgili Gizlilik Endişeleriniz mi var?
Şimdiye kadar, basit bir kod parçasıyla Hotjar'ın web sitenizi ziyaret edenlerin kullanıcı oturumlarını kaydettiğini gördük. Aslında kaydırdıklarını, imleçlerini ekran boyunca hareket ettirdiklerini ve kullandıkları cihaza bağlı olarak tıkladığını veya hafifçe vurduğunu görebilirsiniz.
Peki ya kullanıcıların gizliliği?
Veri gizliliğiyle ilgili yeni yasa olan GDPR, kullanıcı oturumlarını kaydetmeyi biraz ürkütücü hale getiriyor. Bu bir mahremiyet ihlali olarak kabul edilebilir mi? Hayır, çünkü Hotjar bireysel kullanıcılar hakkında IP adresi gibi kişisel olarak tanımlanabilir bilgiler toplamaz. Bunun yerine, oturum kayıtlarını ayırt etmek için benzersiz bir kullanıcı kimlik numarası atarlar. Ayrıca Hotjar, şifreler ve kredi kartı numaraları gibi hassas bilgiler için giriş alanlarını otomatik olarak algılar ve tuş vuruşlarını kaydetmez. Hotjar'ın ayarlarında belirli giriş alanlarını ve metni manuel olarak maskelemeyi de seçebilirsiniz.
Convert, gizliliğinize ve trafiğinizin gizliliğine gerçekten önem verir. Ziyaretçilerinizi süreçte hayal kırıklığına uğratmadan sunduğunuz en iyi çözüme yönlendirmek istiyorsanız, dönüşüm oranı optimizasyonu çok önemlidir.
Bu nedenle, kullanıcı haklarını ihlal etmeden, kelimenin tam anlamıyla bir milyon tıklama değerinde bir CRO resmi çizen HotJar gibi bir araçla derin bir entegrasyona sahibiz.
Bu ortaklığı çalışırken görmek istiyorsanız, Ücretsiz Dönüştürme Deneyimleri Denemesine kaydolmanız yeterlidir.