Web Tasarım

Web Sitesine WhatsApp Butonu Eklemek: Doğru Kurulum ve Ölçüm

Web sitesine WhatsApp butonu nasıl eklenir? Numara biçimi, hazır mesaj kuralı, mobil ve masaüstü farkı ile tıklamayı ölçmek için yapılacaklar.

Web Sitesine WhatsApp Butonu Eklemek: Doğru Kurulum ve Ölçüm

Web sitesi sahiplerinin en sık istediği şeylerden biri, ziyaretçinin tek dokunuşla yazabilmesi. Telefon numarası sayfada zaten duruyor, ama mobilde tıklayınca ne açılacağını düşünen az. WhatsApp butonu bu boşluğu dolduruyor. Doğru kurulduğunda ziyaretçi konuşmaya başlamak için form doldurmak zorunda kalmaz.

Bu yazıda butonun nasıl bağlanacağını, hangi sayfaya konacağını ve nasıl ölçüleceğini anlatıyorum. Teknik kısmı sade tutacağım; hangi bilginin neden kullanıldığını bilmek, ileride butonu kimin değiştireceği sorusunda işinize yarar.

Buton hangi bağlantıyla çalışır?

WhatsApp butonu, sayfaya yerleştirilmiş sıradan bir bağlantıdır. Adresi genellikle wa.me ile başlar, ardından numara gelir. Numara ülke koduyla, artı işareti ve boşluk olmadan yazılır. Türkiye için bu, 90 ile başlayan ve toplam on iki haneden oluşan bir dizidir.

Numarayı yanlış biçimde yazmak yaygın bir hatadır. Buton tıklanır, ama ya hiçbir şey açılmaz ya da başka bir numara açılır. Kurulumdan sonra bağlantıyı kopyalayıp kendi numaranıza gönderin ve tıklayarak doğru sohbetin açıldığını görün. Bu kontrol birkaç saniye sürer ve yaygın hataların çoğunu burada yakalarsınız.

Bağlantıyı bir kez kurduktan sonra numara değişirse, sayfadaki her buton tek tek güncellenmek zorunda kalır. Bu yüzden numarayı tek bir yerden yönetmek, kurulumda en az düşünülen ama sonra en çok işe yarayan adımdır. Sitenizin altbilgisinde ya da ortak bir ayar dosyasında duran numara, her sayfaya kopyalanmış numaradan çok daha az hata üretir.

Hazır mesaj: ziyaretçiye ne yazdırmalı?

Bağlantıya bir metin de eklenebilir. Ziyaretçi butona bastığında mesaj kutusu o metinle açılır. Bu, ilk adımı kolaylaştırır. Metni kısa tutun ve sayfanın konusuna göre değiştirin. Ana sayfada “Merhaba, web sitenizden yazıyorum” yeter. Fiyat ya da teklif sayfasında ise “Bilgi almak istiyorum” gibi bir cümle daha doğal durur.

Mesajın dili de sitenizin diliyle uyumlu olmalı. Resmî bir kurumsal site ile samimi bir dille yazılmış bir mesaj arasında çelişki varsa ziyaretçi ilk cevabı beklerken sizi de tartar. Bu küçük bir ayrıntı gibi görünür, ama ilk konuşmanın tonunu belirler.

Burada kişisel veri konusuna dikkat etmek gerekiyor. Hazır mesaja ziyaretçinin bilmediği ya da sizin sormadığınız bilgileri koymayın. Kimlik numarası, adres ya da sağlıkla ilgili bir ayrıntı kesinlikle olmamalı. Hazır mesaj, sayfadan bilgi toplamanın değil, konuşmayı başlatmanın bir yoludur.

Hangi sayfada, kaç buton?

Benim tercihim sade: her sayfada bir birincil iletişim öğesi olsun, yardımcı öğeler de ona göre dizilsin. Her sayfaya aynı yeşil kutuyu koymak, ziyaretçinin hangi adımı atacağını belirsizleştirir. Ana sayfa ve hizmet sayfalarında tek bir WhatsApp butonu yeterli. İletişim sayfasında ise telefon, e-posta ve WhatsApp birlikte, eşit ağırlıkla durabilir.

Sabit (yapışkan) bir buton mobilde işe yarar, çünkü ziyaretçi sayfayı kaydırdığında da yanında kalır. Ama masaüstünde aynı buton sayfanın köşesinde durur ve içeriğin bir kısmını kapatabilir. Bunu kendi sayfanızda mutlaka iki cihazda da kontrol edin.

Bir de sayfanın üst kısmındaki yer var. Ziyaretçi sayfaya geldiğinde ilk ekranda hem hizmetin adını hem de iletişim yolunu görebiliyorsa, butona basmak için kaydırmak zorunda kalmaz. Mobilde bu, ekranın ilk yüksekliğinde kalan alandır. Bu alanı süsle doldurmak yerine hizmetin kısa bir cümlesini ve buton yolunu koymak, çoğu sitede daha işe yarar.

Mobil ve masaüstünde ne açılır?

Buton cihaza göre farklı yerlere götürür. Hangi ortamda ne olacağını aşağıdaki tabloda görebilirsiniz:

OrtamTıklayınca ne açılırDikkat edilecek
Mobil, WhatsApp kuruluUygulama ve doğru sohbetNumara biçimi doğru olmalı
Masaüstü, WhatsApp Web ya da uygulamaTarayıcıda ya da masaüstü uygulamada sohbetZiyaretçi giriş yapmış olmalı
WhatsApp kurulu değilYönlendirme ekranıNumara buton yanında yazılı olsun

Son satır önemli. WhatsApp’ı kullanmayan ya da o an kurulu olmayan ziyaretçi için yol her zaman açık kalmalı. Telefon numarasının yazılı olması bu yüzden bir yedek, bir güvence işlevi görür.

Ölçüm: tıklamayı görmeden butonu değerlendiremezsiniz

Buton koymak yetmez; kaç kişinin tıkladığını bilmeniz gerekir. Tıklamayı GA4’te bir olay olarak tanımlamak, butonun sayfadaki etkisini ölçülebilir kılar. Yayından sonra bu olayın gerçekten kaydedildiğini hem gerçek bir telefonda hem de bilgisayarda tıklayarak deneyin. Standart raporlara yansıması bir güne kadar sürebilir; anlık görünüm için ise gerçek zamanlı rapora bakabilirsiniz.

Olayın adını tek bir yerde tanımlayın. Aynı butonu iki farklı adla ölçerseniz raporda iki ayrı satır görür ve hangisinin doğru olduğunu tartışmaya başlarsınız.

Dikkat edilecek bir şey var: tıklama, konuşmanın başladığı anlamına gelmez. WhatsApp’a geçen kişinin yazıp yazmadığını siz sitenin raporundan göremezsiniz. Bu yüzden tıklama sayısını, gelen mesaj sayısıyla birlikte okuyun. Ölçümün nasıl okunacağı için GA4 raporları nasıl okunur yazısına bakabilirsiniz. Mobil uyumluluğun da butonun çalışmasında payı var; sayfanın küçük ekranda nasıl göründüğünü mobil uyumlu site nedir, nasıl test edilir yazısında anlattık.

Butonun yeri: başlıkta mı, sayfa sonunda mı?

Butonun yeri, tıklanma ihtimalini sayfanın ne kadar sabırla okunduğu kadar belirler. Başlığın hemen altında duran bir buton, ziyaretçi henüz hizmetin ne olduğunu anlamadan yazmaya teşvik edebilir. Bu çoğu zaman erken kalır. Sayfanın sonuna konan buton ise okuyup ikna olmuş ziyaretçiye ulaşır, ama acele eden kişiyi kaçırabilir.

Benim önerim, hizmet sayfasında iki yer kullanmak: üst kısımda sade bir bağlantı metni ve sayfa sonunda belirgin bir buton. Ana sayfada ise hizmetlerin üstünde tek bir buton yeterli. Hangi yerin işe yaradığını tahmin etmek yerine, yayından sonra iki yerin tıklanmasını ayrı ayrı ölçmek en sağlıklısı.

Yapışkan butonda bir ayrım daha var. Mobilde ekranın alt köşesinde duran buton formları ve metni kapatmamalı. Bunun için buton küçük olmalı ve sayfanın alt kısmındaki çerez bildirimi ya da mevcut çağrı butonlarıyla çakışmamalı. Masaüstünde ise sağ alt köşede duran buton, yazının sağ kenarına yaklaşmamalı; okunan metni değil, çerçeveyi kullanmalı.

Sık yapılan hatalar

Gördüğümüz sitelerde tekrar eden birkaç hata var. Bunları bilmek, kendi sitenizi kontrol ederken en hızlı yol.

Birincisi, numaranın bir kez yanlış yazılıp hiç kontrol edilmemesi. İkincisi, butonun bir sayfada bir numaraya, başka sayfada farklı bir numaraya bağlanması; bayi ya da çoklu şube yapısında bu sık oluyor ve ziyaretçi hangi işletmeyle konuştuğunu anlayamıyor. Üçüncüsü, hazır mesaja sitede hiçbir yerde yazmayan bir vaat koymak. Ziyaretçiye giden “bugün teslim” cümlesi, sayfanın hiçbir yerinde yazmayan bir taahhüdü ima eder ve ilk konuşmada sorun çıkar.

Dördüncüsü, buton tıklanınca yeni bir sekmede açılıp geri dönüşü zorlaştıran bir yapı. Ziyaretçi hizmet sayfasına geri dönemiyorsa, yazmak yerine sayfayı kapatma eğiliminde olur.

Son hata en sessizi: butonun hiç ölçülmemesi. Buton yıllarca sayfada durur ve kimse nasıl çalıştığını bilmez. Oysa bir iki ay sonra hangi sayfanın butonu tıklattığını görmek, sonraki sayfaların nasıl kurulacağını da belirler.

Kurulumdan sonra kontrol listesi

Butonu yayına aldıktan sonra şu maddeleri bir kez, sırayla kontrol edin:

  • Butona kendi telefonunuzdan ve bilgisayarınızdan tıklayın; doğru numara ve doğru sohbet açılıyor mu?
  • Numara ülke koduyla ve boşluksuz mu yazılmış?
  • Hazır mesajın içinde kişisel veri yok mu?
  • Buton sayfadaki başka bir birincil çağrı öğesiyle yarışıyor mu?
  • Mobilde buton sabit bir öğenin ya da çerez bildirimin altında kalıyor mu?
  • Tıklama olayı yayından sonra ölçümde görünüyor mu?

Bu maddelerin çoğu kurulum anında bir dakikada kontrol edilir. Birini bile atlamak, ziyaretçinin butona basıp hiçbir şey olmadığını görmesine yol açabilir. WhatsApp’ın bağlantı biçimiyle ilgili güncel ayrıntılar için WhatsApp’ın kendi yardım sayfasına bakmanızı öneririm; kurulum sırasında takılırsanız web tasarım hizmetimizde bu adımları birlikte uygulayabiliriz.

Web Sitesine WhatsApp Butonu Eklemek: Doğru Kurulum ve Ölçüm — bölüm özeti: Buton hangi bağlantıyla çalışır?; Hazır mesaj: ziyaretçiye ne yazdırmalı?; Hangi sayfada, kaç buton?; Mobil ve masaüstünde ne açılır?; Ölçüm: tıklamayı görmeden butonu değerlendiremezsiniz; Butonun yeri: başlıkta mı, sayfa sonunda mı?; Sık yapılan hatalar; Kurulumdan sonra kontrol listesi
Bu yazının bölümleri tek bakışta.

SSS

Bu yazıyla ilgili sık sorulanlar.

Sorunuz burada yoksa bize yazın.

WhatsApp’tan sorun
01WhatsApp butonu web sitesine nasıl eklenir?

Numarası ülke koduyla ve boşluksuz yazılmış bir wa.me bağlantısı oluşturulur, bu bağlantı butonun hedefi olarak sayfaya yerleştirilir. Kurulumdan sonra kendi telefonunuzda ve bilgisayarınızda tıklayıp doğru numaranın açıldığını kontrol edin.

02WhatsApp butonunda hazır mesaj kullanmalı mıyım?

Kullanabilirsiniz; sayfaya uygun kısa bir cümle ilk adımı kolaylaştırır. Ama mesaja kimlik, adres ya da sağlık bilgisi gibi kişisel veri koymayın. Hazır mesaj, konuşmayı başlatmanın kısa bir yoludur; ziyaretçiden bilgi toplamanın aracı değildir.

03WhatsApp butonunun tıklanması nasıl ölçülür?

Buton tıklamasını GA4'te bir olay olarak tanımlayarak ölçebilirsiniz. Standart raporlarda olay bir güne kadar gecikmeli görünebilir. Ölçüm tıklamayı gösterir; konuşmanın gerçekten başlayıp başlamadığını ise gelen mesajlardan okumanız gerekir.

04Masaüstünde WhatsApp butonu çalışır mı?

Çalışır, ama davranış cihaza göre değişir. Mobilde uygulama açılır; masaüstünde WhatsApp Web ya da kurulu masaüstü uygulama kullanılır. WhatsApp kurulu değilse ziyaretçi bir yönlendirme ekranıyla karşılaşabilir. Bu yüzden numarayı buton yanında yazılı tutun.

05Her sayfaya WhatsApp butonu koymak gerekir mi?

Gerekmez. Ana sayfada ve hizmet sayfalarında tek bir birincil buton yeterlidir. Her sayfaya aynı butonu koymak, ziyaretçinin hangi adımı atacağını belirsizleştirir. İletişim sayfasında telefon ve e-posta ile birlikte görünmesi daha açıktır.

06WhatsApp butonu neden tıklanmaz?

Sık sebepler: numara biçimi yanlış, bağlantı kırık, buton sayfadaki başka bir çağrı butonuyla yarışıyor ya da mobilde sabit bir öğenin altında kalıyor. Kurulumdan sonra gerçek bir telefonda bir kez deneyin; çoğu sorun orada ortaya çıkar.

Hazır mısınız?

Markanız için sıradan olmayan bir web sitesi konuşalım.

Birkaç dakikalık bir görüşme yeter. Fikrinizi dinleyip net bir yol haritası çıkaralım.

Ya da teklif formunu doldurun; size dönelim.