Pivix Logo
Sözlüğe dön

Yüzen CTA

Yüzen CTA, sayfa içeriğinin üzerinde süzülen, genellikle bir köşeye sabitlenen ve ziyaretçi kaydırdıkça yerinde kalan kompakt bir eylem çağrısı butonu veya widget'ıdır.

Önemli noktalar

  • Yüzen CTA, sabit boşluk ve yüksek z-index ile bir köşenin üzerine oturur.
  • Köşe seçimi belirleyicidir: başparmak bölgesi kasıtlı ve kazara dokunuşu birlikte artırır.
  • En uygun yeri, kendi huni girişi olmayan içerik şablonlarıdır.
  • Kendi ana CTA'sı olan huni sayfalarında bastırılmalıdır.
  • Teklifi anlatacak kadar yer yoktur; yalnızca bilinen eylemler için kullanın.

Derinlemesine

Yüzen CTA, görüntü alanının bir köşesine sabit boşlukla yerleşen ve sayfanın üstünde kalacak kadar yüksek z-index taşıyan bir katman öğesidir. Hiçbir zaman tam genişliği kaplamadığı için sayfa ızgarasına dahil olmaz ve altındaki içeriği kaydırmadan eklenebilir. Çoğu uygulamada bir gösterim kuralı vardır: belirli bir gecikmeden sonra, belirli bir kaydırma yüzdesinde ya da imleç sekme çubuğuna yöneldiğinde belirir. İçinde genelde bir simge veya kısa bir etiket, bazen ikisi bulunur.

Kapladığı köşe performansın büyük kısmını belirler. Telefonda sağ alt, doğal başparmak yayının içindedir; bu hem kasıtlı hem kazara dokunuşları artırır. Üst köşeler daha güvenli ama gözden kaçması daha kolaydır. İkinci kaldıraç gecikmedir: hemen belirmek insanları okumadan kapatmaya alıştırır, çok geç belirmek yalnızca kalan küçük kesime ulaşır. Boyut ise erişimle rahatsızlık arasında bir ödünleşimdir; büyük bir hap daha çok fark edilir, daha çok kapatır.

Ekipler yüzen CTA'yı asıl dönüşüm yolunun başka yerde olduğu sayfalarda kullanır: dokümantasyon, özellik sayfaları, blog yazıları. Her şablonu bir huni girişi etrafında yeniden kurmak yerine tek bir kalıcı buton oraya bağlanır. Quiz hunisinde bu, herhangi bir içerik sayfasındaki okuyucunun scorecard'ı bulunduğu yerden açabilmesi demektir; kaynak parametresi hangi yazının yönlendirdiğini kaydeder. Huni sayfalarında buton genelde bastırılır, çünkü orada zaten kendi CTA'sı vardır.

Birden fazla yüzen öğe yarıştığında desen çöker. Sohbet butonu, çerez ayarlarını yeniden açma simgesi, yukarı çık oku ve CTA hapı aynı köşeleri ister; en son render edilen görsel olarak kazanır, diğerleri erişilemez hale gelir. Yüzen CTA'lar nüans da taşıyamaz: tanıdık olmayan bir teklifi anlatacak yer yoktur, bu yüzden yalnızca ziyaretçinin okuduğu sayfadan zaten anladığı eylemler için işe yararlar.

Pratikte örnek

Bir proje yönetimi SaaS'ı, özellik sayfalarında sağ altta "İş akışını puanla" etiketli yüzen bir buton ekler. Yaşam döngüsü pazarlamacısı butonun yalnızca 15 saniye sonra görünmesini ve lead yakalama modalı açılınca gizlenmesini ayarlar. Bir ay boyunca, huni açılış sayfası yerine bir özellik sayfasından giren ziyaretçilerden gelen tüm quiz başlangıçlarının %9'unu tetikler.

Nasıl ölçülür

Gösterimi tıklamayla karşılaştırın: gecikme veya kaydırma tetikleyicisinden sonra butonu kaç oturum gerçekten gördü ve bunların kaçı dokundu? Yüksek gösterime karşı düşük oran genelde talebi değil, konum veya etiketi işaret eder. Ardından sonrasına bakın; tıklama üretip arkasından çok kısa oturumlar bırakan bir yüzen CTA, niyet değil merak çekiyordur.

Site geneli yerine giriş sayfasına göre ölçün. Desenin amacı kendi huni girişi olmayan şablonlardaki okuyucuları yakalamaktır, bu yüzden tıklamaları geldikleri yazıya veya doküman sayfasına göre ayırın. Kapatma oranını da izleyin: butonu kapatan ziyaretçi payının artması, gecikmenin kısa ya da hapın büyük olduğuna dair erken bir uyarıdır.

Sık yapılan hatalar

Klasik başarısızlık köşe çakışmasıdır. Sohbet widget'ı ile yüzen CTA varsayılan olarak sağ alta gelir, biri diğerini sessizce kapatır ve widget'ın kapalı olduğu masaüstünde test edildiği için kimse fark etmez. Her kalıcı öğeye açık bir köşe ve boşluk atayın, köşe başına en fazla bir öğe bırakın ve sadeleştirilmiş bir staging sürümünde değil, tüm üçüncü taraf betikleri yüklüyken küçük ekranda kontrol edin.

İkinci hata, çıkışı olmayan bir butondur. Kapatılamayan bir yüzen CTA okuyucuyu uzun bir yazı boyunca takip eder ve kısayol değil rahatsızlık olur. Küçük bir kapatma kontrolü verin, bu tercihi oturum boyunca hatırlayın ve modal, lightbox veya form açıkken otomatik gizleyin. Klavye odağının da ona ilk sırada değil, mantıklı bir noktada ulaştığından emin olun.

Sıkça sorulan sorular

Yüzen CTA, açılır pencereyle aynı şey mi?

Hayır. Yüzen CTA, bir köşede kalan ve asla tüm ekranı kapatmayan kalıcı, rahatsız etmeyen bir butondur. Açılır pencere ise sayfayı dikkat isteyen ve genellikle kapatılması gereken bir kaplama ile keser.

Yüzen CTA'yı nereye yerleştirmeliyim?

Sağ alt köşe en yaygın olanıdır çünkü mobilde başparmağın doğal dinlenme konumuna yakındır. Sohbet widget'larını, menüyü veya içeriği kaplamadığından emin olun ve yanlış dokunmaları önlemek için yeterli boşluk bırakın.

Yüzen CTA sayfamı yavaşlatır mı?

Tek başına performansa etkisi ihmal edilebilir düzeydedir çünkü küçük bir öğedir. Risk, onu ağır bir üçüncü taraf betiğiyle yüklemektir; bu yüzden mümkünse hafif, yerel bir uygulama tercih edin.

Mobilde yüzen CTA nereye konmalı?

Başparmak yayının içinde kaldığı için sağ alt olağan varsayılandır, ancak orada başka bir widget yoksa. Sohbet butonu o köşedeyse CTA'yı üst üste bindirmek yerine sol alta alın. Butonun sistem hareket alanlarıyla veya tarayıcı araç çubuğuyla çakışmaması için ekran kenarından rahat bir boşluk bırakın.

Yüzen CTA görünmeden önceki gecikme ne kadar olmalı?

Ziyaretçinin okumaya başlamış olacağı kadar; pratikte bunu bir sayaca değil kaydırma ilerlemesine bağlamak gerekir. Sayfa daha yerleşirken beliren bir buton refleksle kapatılır. İlk içerik bölümü geçildikten sonra tetiklemek gerçek bir ilgi sinyali verir ve ilk izlenimi bölmez.

Yüzen CTA ile sohbet widget'ı bir arada olabilir mi?

Olabilir, ancak bilinçli yerleşim ve farklı görsel ağırlıkla. İkisine karşıt köşeler verin, birini boyut ve renkle açıkça birincil yapın ve sohbet butonunu simgeye küçültün. İkisi de aynı tarafta olmak zorundaysa, iki katmanın aynı pikseller için kavga etmesindense onları tek bir açılır kontrolde birleştirin.

Yüzen CTA SEO'ya veya erişilebilirliğe zarar verir mi?

Sıralamaya doğrudan etkisi yoktur ama erişilebilirlik denetimlerinden kalabilir. Katman klavyeyle mantıklı bir sekme sırasında erişilebilir olmalı, odağı hapsetmemeli ve altından kayan içeriğe karşı kontrast gereksinimlerini karşılamalıdır. Mobilde içeriği kapatan büyük ve kalıcı bir katman ayrıca araya giren bir örtü gibi değerlendirilebilir; küçük tutun.

Yüzen CTA etiketinde ne yazmalı?

Sonucu adlandıran iki üç kelime, çünkü çerçeveleme için yer yok. Sayfa değerlendirmeyi zaten tanıttıysa değerlendirmenin adı işe yarar; tek başına soyut bir fiil yaramaz. Teklifin açıklanması gerekiyorsa yüzen buton yanlış kaptır ve eylem sayfa içi bir bölüme aittir.

Yüzen CTA sitenin her sayfasında görünmeli mi?

Hayır. Huni sayfalarını, ödeme veya randevu akışını ve ana CTA'sı aynı eylem olan her sayfayı dışarıda bırakın; aksi halde butonu ikilersiniz ve tıklama verisini bölersiniz. Onu dönüşüm için tasarlanmamış şablonlarla sınırlayın: blog yazıları, dokümantasyon ve destek sayfaları, orada gerçekten eksik bir giriş noktası ekler.

İlgili terimler

Sözlük teorisini nitelikli müşteri adaylarına dönüştürün

Dakikalar içinde, kod gerektirmeden müşteri adaylarını niteleyen ve toplayan bir scorecard quiz hunisi oluşturun.

Ücretsiz başla
  • Kredi kartı yok
  • Ücretsiz plan
  • Dakikalar içinde yayında