WordPress İncelemesi için Mouseflow Isı Haritası Analizi

Isı haritalarını analiz etmek, çevrimiçi mağazanız veya web siteniz için dönüşüm oranı optimizasyonuna yönelik bilimsel bir yaklaşımdır. Açılış sayfalarınızın, iletişim formlarınızın ve satın alma hunilerinin etkinliğini ölçmenin veri destekli bir yoludur. Mouseflow, ücretsiz bir ısı haritası analizi, oturum tekrar oynatma ve kayıt aracıdır. Bu yazıda, Mouseflow'u favori CMS aracımız olan WordPress ile entegre ederek inceleyeceğiz.

Isı Haritası nedir?

Isı haritası analizi konusunda yeni olanlar için, işte basit bir özet.

Isı haritaları, web sitenizin en aktif alanlarının görsel bir temsilidir. En çok tıklanan bölge (örneğin, bir blogun Buradan Başlayın menü öğesi), bir ısı haritasında kırmızı görünür.

Arama Motorlarında Isı Haritaları

10 yılda ısı haritalarının evrimi, kaynak: İki Ekim

Bir arama motorundaki bir ısı haritası örneğini ele alalım.

Google'da (veya bu konuda herhangi bir arama motorunda), ilk üç arama sonucu en çok tıklanan bağlantılardır. Sonuç olarak, o bölge, ısı haritasındaki "en aktif" veya "sıcak" bölge olduğu için bir ısı haritasında kırmızı ile temsil edilir. Takip eden bağlantılar (yani beşinci, altıncı vb.) azalan tıklama sayısına sahiptir ve ısı haritasında “daha ​​soğuk” renklere (turuncudan sarıya, yeşilden maviye) sahiptir.

Yukarıdaki ekran görüntüsü, ısı haritalarının on yıllık bir süre içinde nasıl geliştiğinin bir temsilidir. 2005'te buna “kutsal üçgen” diyorlardı; bu, ilk iki bağlantının ilk birkaç harfinin, arama yapan kişinin dikkatinin çoğunu çektiği anlamına geliyordu.

On yıl sonra, gözlerimizi ilk 5-6 bağlantının ilk birkaç kelimesini taramak için eğittik. Bu bize ekran görüntüsünün sağ tarafında gördüğümüz dikdörtgen benzeri ısı haritasını verir.

Oturum Kaydı ve Tekrarı Nedir?

Isı haritaları bize web sitesinin en aktif veya en çok tıklanan bölgelerine iyi bir bakış sağlar. Bir ziyaretçinin web sitenizle nasıl etkileşime girdiğini görmek harika olmaz mıydı?

Farenin hareketi, web sitesinde ziyaretçinin dikkatinin nerede olduğu konusunda güçlü bir göstergedir.

Oturum Kaydı mükemmel bir çözümdür. Oturum , esasen ziyaretçi tarafından tek bir ziyarette yapılan tüm faaliyettir. Bu, web sitesinin yüklendiği zamandan sekmenin (veya pencerenin) kapatıldığı zamana kadar olan zamanı içerir. Mouseflow, web sitenizin ziyaretçilerinin bireysel oturumlarını kaydeder ve bunları istediğiniz zaman tarayıcınızdan oynamanıza olanak tanır.

Kaydedilmiş bir oturumu oynatmaya Oturum Tekrarı denir. Aslında, ziyaretçinin web sitesiyle olan tüm etkileşiminin bir videosudur. Bu, yazılan bilgileri (şifreler her zaman gizlidir), form etkileşimlerini, tıklamaları ve diğer tüm etkinlikleri içerir.

Oturum Kaydı ve Tekrar Oynatmanın Faydaları

Oturum Kaydı ve Tekrar Oynatma , kullanıcı etkileşimi testi, A/B testi ve kullanılabilirlik testinde – tümü canlı kullanıcılarla – vazgeçilmez bir araçtır.

Bir e-kitap indirme sayfası örneğini ele alalım. Kullanıcıya e-posta adresi ve onlara e-posta gönderme izni karşılığında bir şey (bu durumda e-kitap) verdiğiniz, olası satış yaratmada klasik bir kullanım durumudur. Kullanıcıların vb vazgeçtiklerini önce, insanlar aslında formu, alanların sayısını kullanıcı dolguları doldurma kaçının sonuçta formu, nasıl etkileşime Bir oturum kayıt gösterecektir

Dönüşüm oranı optimizasyonu için oturum kaydı, tekrar oynatma ve ısı haritalarının kullanıldığı tonlarca başka kullanım durumu vardır. Bu incelemede, Mouseflow'un sunduğu en önemli beş özelliği ele alacağız:

1. Isı haritaları
2. Oturum kaydı
3. Oturum tekrarı
4. Form oturumu kaydı
5. Geri bildirim toplama

Aşağıdaki bölümlerde konuların her birini ayrıntılı olarak ele alacağız.

Fare Akışı Panosu

Mouseflow Dashboard'un kuş bakışı görünümü

Mouseflow'un kontrol paneli, son oturum kayıtlarınızın ve popüler ısı haritalarınızın kuşbakışı görünümünü sunar. Grafik, kaydedilen oturumların sayısını temsil eder ve web sitenizin aldığı trafikle orantılıdır.

Isı haritaları

Mouseflow'un ısı haritaları analizi, tıklama ısı haritası, hareket ısı haritası, kaydırma ısı haritası ve coğrafi ısı haritası dahil olmak üzere beş farklı boyutu destekler. Bir iletişim formu içeren tek bir sayfayı değerlendireceğiz ve bunu beş tür ısı haritasının her birinde test edeceğiz.

Isı Haritalarını tıklayın

Bir tıklama ısı haritası, en fazla sayıda tıklama alan bölgeleri temsil eder. Her sayfanın kendi benzersiz ısı haritası gösterimi olacaktır. Örneğin, bir iletişim formu içeren sayfada Gönder düğmesi en yüksek sayıda tıklamayı kaydeder.

Mouseflow kullanılarak oluşturulan WordPress'teki Tıklama Isı Haritasının ekran görüntüsü

Bu, bu eğitim için oluşturduğum bir demo web sitesinin tıklama ısı haritasının ekran görüntüsü. İletişim formunu yalnızca üç kez gönderdiğim için, üç tıklama kaydediyor. Üç, bir ısı haritasında dikkate alınması gereken çok küçük bir sayıdır, bu nedenle mavi ile vurgulanmıştır.

Hareket Isı Haritası

WordPress'te Mouseflow kullanılarak oluşturulan Hareket Isı Haritasının ekran görüntüsü

Hareket ısı haritası, web sitesinin en yüksek harekete sahip bölgelerini temsil eder. Ekran görüntüsünde, düşük aktiviteyi temsil eden mavi yamaları fark edeceksiniz.

Dikkat Isı Haritası

Dikkat Isı Haritası ilginç bir ölçümdür. Kullanıcıların maksimum zaman harcadığı alanları temsil eder .

Açıklamak için bu ekran görüntüsünü alalım.

WordPress'te Mouseflow kullanılarak oluşturulan Dikkat Isı Haritasının ekran görüntüsü

Yeşil renkli bölge ortalama 10.2 saniye harcanırken, kırmızı renkli bölgeler ortalama 21 saniye harcanıyor. Bu, site ziyaretçilerinin zamanlarının önemli bir bölümünü sitede kırmızı bölgede geçirdiklerini gösteriyor. Bizim durumumuzda bu iletişim formu.

Satış Sayfası Kopyası'nı iyileştirmek için Dikkat Isı Haritaları Nasıl Kullanılır?

Dikkat ısı haritası, ziyaretçilerinizin zamanlarının çoğunu nerede geçirdiğini ölçmek için mükemmel bir araç olabilir. Uzun bir satış sayfası yazıyorsanız, okuyucularınızın sayfayı gerçekten üstten okumasını (zamanlarının çoğunu orada geçirmesini), ardından referansları ve Şimdi Satın Al düğmesini tıklamasını istiyorsunuz.

Bu nedenle, satış sayfanızın en üst kısmı, bir Dikkat ısı haritasında ideal olarak kırmızı olmalıdır.

Ziyaretçilerinizin satış sayfanın ilk birkaç satır okumayı değilseniz, bu zift ve kopya çalışması gerektiğinin açık bir göstergesidir bu.

Isı Haritasını Kaydır

Kaydırmalı bir ısı haritası, web sitenizdeki en çok kaydırılan bölgeleri temsil eder. Web sitenizin ziyaretçileri, başlıktan hızla aşağı kaydırma ve içeriğin bulunduğu yere ulaşma eğiliminde olacaktır.

Kaydırma ısı haritası, dikkat ısı haritasının tamamlayıcısıdır. Dikkat yüksek olduğunda, kaydırma düşüktür. Kaydırma ısı haritasında kırmızı bir bölge gördüğünüzde, birinin kopyanıza göz gezdirdiğini bilirsiniz. Kaydırmalı bir ısı haritasındaki sarıdan yeşile kadar olan bölgeler, kopyanızdaki ziyaretçilerinizin ilginç veya faydalı bulduğu bitleri gösterir. Doğru kullanıldığında, kaydırmalı ısı haritası, açılış sayfası kopyanızı geliştirmek için mükemmel bir araç olabilir.

WordPress'te Mouseflow kullanılarak oluşturulan Kaydırma Isı Haritasının ekran görüntüsü

Ancak, öğreticimizde her yeri kaydırdım, bu yüzden hepsi kırmızı ile işaretlendi. Altbilgi bölgesinin mavi renkte olduğunu ve minimum kaydırma etkinliğini gösterdiğini fark edeceksiniz.

Kaç seans kayıt yapmalıyım?

Mouseflow, trafik dışında kaç oturumun kaydedileceğini seçme seçeneği sunar. Örneğin, girişiniz ⅓ ise, her üç ziyaretçi oturumundan biri kaydedilecektir. Diğer bir deyişle, trafiğinizin oturumunun %30'u kaydedilecektir.

Bu, kullanımınızı planlamak açısından önemlidir. Kaydedilen her oturum bir kredidir. Satın aldığınız plana bağlı olarak, toplam trafiğinizden kayıtlı trafik yüzdesini ayarlamanız gerekir.

Bu sayıyı tahmin etmenin basit bir yolu, Google Analytics trafik raporunuzu aramaktır. Örneğin, ayda 1000 benzersiz ziyaret alıyorsanız ve örneğin 500 oturum kaydetmek istiyorsanız, Mouseflow'u her iki ziyaretçiden birini, yani trafiğin %50'sini kaydedecek şekilde yapılandırırsınız.

Coğrafi Isı Haritası

WordPress'te Mouseflow kullanılarak oluşturulan Coğrafi Isı Haritasının ekran görüntüsü

Coğrafi ısı haritası, ziyaretçilerinizin çoğunun geldiği ülkeleri vurgular. Bu veriler, Google Analytics veya Kissmetrics gibi çoğu analiz yazılımında mevcuttur. Yukarıdaki ekran görüntüsü demo sitesinden alınmıştır, bu nedenle yalnızca Hindistan vurgulanmıştır.

huniler

WordPress'te Mouseflow tarafından oluşturulan bir e-Kitap indirme hunisi örneği

Huni, bir ziyaretçinin web sitenizdeki bir işlemi tamamlamak için attığı bir dizi adımdır.

Diyelim ki ziyaretçilerinizin e-posta adresleri karşılığında en son e-kitabınızın bir kopyasını indirmelerini istiyorsunuz. Bu, bir e-kitap indirmesiyle desteklenen klasik bir potansiyel müşteri yaratma kampanyasıdır.

Ziyaretçilerinizin tamamlamasını istediğiniz eylem , e-kitabı indirmektir. Bu eylemin bir veya daha fazla adımı vardır .

İşleri basit tutmak için bu eylemdeki iki adımı (veya sayfaları) ele alalım.

1. İlk sayfa, ziyaretçinin teklifi okuduğu ve e-posta adresini girdiği yerdir.
2. İkinci sayfa, ziyaretçinin PDF için indirme/düğmeleri gördüğü bir onay sayfasıdır.

Bu nedenle, e-Kitap indirme hunisi, aşağıdaki ekran görüntüsünde gösterildiği gibi iki adımdan oluşur.

Mouseflow kullanarak WordPress'te e-kitap indirmek için yeni bir huni oluşturma

Mouseflow, hunideki her aşamada bırakma oranını ölçer. Örneğimizde, e-kitabı indirmedik ve ilk (açılış) sayfasını görüntüledikten sonra web sitesinden ayrıldık.

Mouseflow'ta bir e-kitap indirme hunisinin dönüşüm oranı

Bu ekran görüntüsü, açılış sayfasının hiçbirinin onay sayfasına ulaşamayan 5 ziyaretçi aldığını söylüyor.

Mouseflow'ta Dönüşüm Hunilerini Kullanarak Dönüşüm Oranı Nasıl Optimize Edilir?

Huniler, ziyaretçilerinizin sitenizde nasıl davrandığını izlemenizi sağlar. Dönüşüm huninizdeki sızıntı alanlarını keşfetmede inanılmaz derecede faydalıdırlar. Sızdıran sayfayı belirledikten sonra, sorununuzun alanını bilirsiniz. Ardından, bırakma oranlarının düşüp düşmediğini görmek için sayfanın kopyasını optimize edebilir (veya bazı durumlarda sayfayı tamamen kaldırabilirsiniz).

Formlar

Mouseflow kullanarak WordPress'te formları izleme

Mouseflow, ziyaretçilerin WordPress'teki formlarınızla nasıl etkileşime girdiğini izlemenizi sağlar. Bu, B2C web sitesine/ürüne kıyasla müşteri adayı başına maliyetin önemli ölçüde daha yüksek olduğu B2B olası satış oluşturma ve içerik pazarlamasında özellikle yararlıdır.

Bu eğitim için oluşturduğum WPExplorer Test Formunu ele alalım.

Mouseflow'ta izlenen formdaki alanların segmentasyonu

Bu ekran görüntüsü bize form sayfasının iki ziyaretçisi olduğunu ve e-posta adresi alanında maksimum sürenin geçtiğini söylüyor. Ayrıca, formu doldurduktan sonra gerçekten göndermediğim için dönüşüm oranının %0 olduğunu da belirteceksiniz.

Mouseflow'u Kullanarak Form Tamamlama Hızı Nasıl İyileştirilir?

Mouseflow'u kullanarak formunuzdaki yoğun veri alan alanları anlayabilir ve tipik bir formu doldurmak için geçen süreyi ölçebilirsiniz. Formunuzdaki alanların sayısı çok fazlaysa veya daha kötüsü alakasızsa, ziyaretçilerinizin form içindeki bu belirli alanlara düştüğünü fark edebilirsiniz. Mouseflow ile, formunuzun tamamlanma oranını artırmak için bu alanları tanımlayabilir ve çevrelerini optimize edebilirsiniz.

Mouseflow kullanarak WordPress'te Bir Form Nasıl İzlenir?

Mouseflow kullanarak WordPress'te bir formu izlemek birkaç adımı içerir:

1. İlk olarak, formunuzu WordPress'te kurun ve URL'yi kopyalayın
2. Mouseflow kontrol panelinizdeki Formlar sayfasına gidin ve Yeni Form'a tıklayın.
3. Adım 1'de kopyaladığınız URL'yi yapıştırın.
4. Mouseflow, formu tüm alanlarıyla birlikte sayfadan otomatik olarak tanıyacaktır.
5. Formdaki her alana bir ad atayabilirsiniz, böylece izlemesi daha kolay olur.
6. Son olarak, form etkileşimlerini izlemeye başlamak için Form Oluştur'a basın.

Geri bildirim

Mouseflow, web sitenizin ziyaretçileri için güzel, müdahaleci olmayan geri bildirim kampanyaları oluşturmanıza olanak tanır. Sonuçta, okuyucularınızı/müşterilerinizi dinlemek sitenizi geliştirmenin kesin bir yoludur.

Tipik bir geri bildirim kampanyası şöyle görünür:

WordPress'te Mouseflow kullanılarak oluşturulan geri bildirim kampanyası

Anketi tamamladığınızda, bu onay sayfasıdır.

Geri bildirim kampanyası için onay/teşekkür sayfası

Mouseflow kullanarak WordPress'te Geri Bildirim Kampanyası Nasıl Oluşturulur?

Şimdi Mouseflow'ta nasıl geri bildirim kampanyası oluşturulabileceğini görelim.

Mouseflow kontrol panelinize giriş yapın ve sol menüden Geri Bildirim'e tıklayın ve Yeni Kampanya Ekle'ye tıklayın .

Mouseflow'ta yeni bir Geri Bildirim Kampanyası Oluşturma

En az bir soru ile istediğiniz kadar soru ekleyebilirsiniz. Cevap seçenekleri arasında çoktan seçmeli, metin paragrafı (küçük/büyük) veya Net Promoter Skoru bulunur.

Sağ tarafta soruların ve cevap seçeneklerinin bir önizlemesini görebilirsiniz.

Son olarak, başarı sayfasının içeriğini tanımlarsınız ve İleri'ye tıklarsınız.

Geri Bildirim Kampanyasındaki Tetikleyiciler

Tetikleyiciler , her bir geri bildirim kampanyasının ne zaman ve nerede gösterileceğini tanımlar. Mouseflow, tetikleyicilerinizi tanımlamanız için bir dizi seçenek sunar. Örneğin, yukarıdaki ekran görüntüsünde:

1. Geri bildirim kampanyası, sayfa yüklenir yüklenmez yüklenir.
2. Kayıtlı veya diğer segmentlere ayrılmış kullanıcılar olmasına bakılmaksızın tüm ziyaretçiler için yüklenir.
3. Kampanya tüm sayfalara yüklenir (ancak giriş sayfasında göstermemek iyi bir fikirdir!)
4. Önemli bir seçenek – kampanya formu kullanıcı başına yalnızca bir kez gösterilir.

Tetikleyicileri tanımladıktan sonra devam etmek için İleri'ye tıklayın.

Mouseflow'ta Geri Bildirim Kampanyası için anahtarı sonlandır

Son olarak, oluşturulduktan hemen sonra kampanyayı etkinleştirmeyi seçebilirsiniz.

Ancak, dizine eklenmemiş veya en az popüler olan bir sayfayla sınırlayarak kampanyayı önce yayındaki sitede test etmek ve verilerin düzgün bir şekilde toplanıp toplanmadığını görmek iyi bir fikirdir. Kampanyanın çalıştığını doğruladıktan sonra, site genelinde dağıtabilirsiniz.

Mouseflow hakkında sevdiğim şey

Mouseflow'un sezgisel arayüzü ve çoklu izleme seçenekleri, onu ısı haritası analizi için harika bir başlangıç ​​yapar.

Freemium Modeli

Fare Akışı Fiyatlandırma Modeli

Mouseflow, ücretsiz bir model üzerinde çalışır ve size her ay 200 ücretsiz kredi sağlar.

Her kredi, bir kayıtlı oturuma eşdeğerdir. Bununla birlikte, krediler ayda 200 ile sınırlandırılmıştır, yani kullanmadıysanız, kaybedersiniz.

MailChimp'e (en sevdiğim e-posta servis sağlayıcım) benzer şekilde, Mouseflow bana hizmeti taahhüt etmeden önce deneme esnekliği sağlıyor. Ayrıca, diğer ısı haritası analiz hizmetleriyle karşılaştırıldığında, Mouseflow oldukça rekabetçi bir fiyatlandırma stratejisine sahiptir.

Yerleşik WordPress Uyumluluğu

WordPress'te Mouseflow eklenti panosu

Mouseflow, WordPress dahil olmak üzere birden fazla araçla (bundan sonra daha fazla bilgi) entegrasyonu destekler. WordPress sitenizi Mouseflow ile izlemeye başlamak için, WordPress için Mouseflow eklentisini indirin ve etkinleştirin.

WordPress kontrol panelinizin sol çubuğunda Mouseflow adlı yeni bir giriş görünmelidir.

Mouseflow'un izleme kodunu WordPress'e ekleme

İzleme kodunu WordPress sitenize eklemek için İzleme Koduna tıklayın. Sitenin izleme kodu bilgilerini Mouseflow hesabınızdan Ayarlar altında bulabilirsiniz.

Mouseflow'ta site bilgileri

Bittiğinde, Mouseflow oturumlarınızı WordPress sitenizde kaydetmeye başlayacaktır.

Diğer Harika Şeyler

Mouseflow'un Yeni Kullanıcı Alıştırma Süreci

Mouseflow'un beni panodaki tüm çeşitli seçeneklerle tanıştıran yeni kullanıcı alıştırma sürecini beğendim. Bilgi tabanına başvurmadan 10 dakikadan daha kısa sürede çalışmaya başladım. Ayrıca, altı kategori altında özenle organize edilmiş bazı harika eğitim videoları da var.

Üçüncü Taraf Entegrasyonu

Mouseflow, otuzdan fazla üçüncü taraf yazılımıyla entegre olur

Mouseflow, CMS'den pazarlama yazılımına ve gelişmiş etiket yönetimi yazılımına kadar çok sayıda üçüncü taraf entegrasyonunu destekler. Yazma sırasında, Mouseflow altı ana kategori altında gruplandırılmış 30 yerel entegrasyonu destekler:

1. İçerik Yönetim Sistemleri: WordPress dışında Mouseflow, Joomla, Drupal, Blogger ve eski HTML5 web siteleriyle bütünleşir. Ayrıca Squarespace ve Weebly gibi popüler site oluşturucularla da bütünleşir. Wix henüz özel bir entegrasyona sahip değil.
2. E-Ticaret: Mouseflow, Prestashop, Magento, 3dcart gibi önde gelen açık kaynaklı e-ticaret yazılımları ve Shopify gibi popüler ücretli çözümlerle entegre olur.
3. Analytics: Mouseflow'un verilerini Google Analytics, Adobe Analytics gibi popüler analiz yazılımlarıyla ve Kissmetrics ve Coremetrics gibi özel yazılımlarla entegre edebilirsiniz.
4. Pazarlama: Mouseflow, Hubspot, Instapage, Unbounce, Optimizely ve diğerleri gibi önde gelen pazarlama yazılımlarını destekler.
5. Müşteri Hizmetleri : Gerçek zamanlı, yardımcı müşteri desteği, başarılı bir iş ve uzun vadeli istikrar için temel bir gerekliliktir. Mouseflow ayrıca Zendesk, Olark, Freshdesk ve Zopim gibi önde gelen müşteri desteği ve yardım masası yazılımlarıyla da entegre olur.
6. Etiket Yönetimi: İlişkilendirme, pazarlama çabalarınızı ve yatırım getirisini ölçmenin anahtarıdır. Segment.io ve Google Etiket Yöneticisi gibi gelişmiş etiket yönetim yazılımları bulunmaktadır. Mouseflow, Ensighten ve Tealium ile birlikte bunlarla yerel olarak bütünleşir.

Bunun yanı sıra Mouseflow, herhangi bir özel portaldan verilere erişebileceğiniz güçlü bir REST API'sine de sahiptir.

Fare Akışı İstemcisi

Mouseflow'un bazı tekme müşterisi var

Mouseflow, Hubspot, Optimizely ve Intuit dahil olmak üzere sektördeki en büyük isimlerden bazıları tarafından kullanılmaktadır. Yazma sırasında, müşteri tabanı 100.000'in üzerindedir.

Toplama

Web sitesi analitiği, günümüzün dikkat eksikliği ekonomisinde gelişen bir alandır. Analitik ve ilişkilendirme için yeni araştırma ve çözümlerin finansmanına milyonlarca dolar akıtılıyor. Mouseflow, herhangi bir pazarlamacının ısı haritası analitiğinin temellerini tanıması için mükemmel bir başlangıçtır.

Şimdiye kadar ele aldıklarımızın kısa bir özetini alalım:

1. Isı haritaları nedir?
2. Oturum kaydı ve tekrar oynatma, kullanıcı davranışı analizine nasıl yardımcı olur?
3. Isı haritaları (tıklama, hareket, dikkat, kaydırma ve coğrafi konum), huniler, formlar ve geri bildirim kampanyaları dahil Mouseflow'un yetenekleri.
4. WordPress ve Mouseflow nasıl kurulur
5. 30'dan fazla üçüncü taraf entegrasyonu ve sonsuza kadar ücretsiz planı da dahil olmak üzere Mouseflow ile ilgili şeyleri soğutur.

Her zamanki gibi size bir soru bırakıyorum. Sitenizde ısı haritası analizi kullanıyor musunuz? Eğer öyleyse, hangi yazılımı kullanıyorsunuz? İşlevsel olarak Mouseflow'tan daha mı iyi? Aşağıdaki yorumlarda bize bildirin!