Projenizi konuşalımÜcretsiz keşif görüşmesiWhatsApp
Web Geliştirme8 dk okuma404 AjansSeptember 24, 2026Son güncelleme: September 24, 2026

Web sitesine WhatsApp butonu nasıl eklenir ve tıklamalar nasıl ölçülür?

Web sitesine WhatsApp butonu nasıl eklenir ve tıklamalar nasıl ölçülür?

Web sitesine WhatsApp butonu eklemek için https://wa.me/ adresinin sonuna numaranızı ülke koduyla, başında + veya 0 olmadan yazan bir bağlantı oluşturur, isterseniz ?text= parametresiyle URL kodlanmış hazır bir mesaj eklersiniz. Tıklamaları ölçmek için butona, bağlantının açılmasını engellemeyen bir Google Ads dönüşüm etiketi veya GA4 olayı bağlanır.

wa.me bağlantısı nasıl oluşturulur?

wa.me bağlantısı, WhatsApp'ın resmi kısa bağlantı formatıdır ve https://wa.me/ ardından uluslararası formatta telefon numarası yazılarak oluşturulur. Türkiye için numara 90 ile başlar; artı işareti, baştaki sıfır, boşluk, tire ve parantez kullanılmaz. Örneğin 0532 000 00 00 numarası bağlantıda 905320000000 olarak yazılır.

  • —Yalnızca numara: https://wa.me/905320000000
  • —Hazır mesajlı: https://wa.me/905320000000?text=Merhaba%2C%20web%20sitesi%20i%C3%A7in%20teklif%20almak%20istiyorum
  • —Mesaj metni URL kodlanmalıdır: boşluk %20, virgül %2C, ç harfi %C3%A7 olur. JavaScript'te encodeURIComponent() bunu otomatik yapar.
  • —Farklı sayfalar için farklı hazır mesaj kullanın (örneğin 'E-ticaret sitesi hakkında bilgi almak istiyorum'); böylece hangi sayfadan yazıldığını sohbetin ilk satırında görürsünüz.
  • —Bağlantıyı target="_blank" ve rel="noopener" ile açın; masaüstünde WhatsApp Web veya uygulama, mobilde doğrudan uygulama açılır.

WhatsApp butonu sayfada nereye yerleştirilmeli?

WhatsApp butonu, ziyaretçinin karar anına en yakın yerlere yerleştirilmelidir: üst menüde veya hero alanında görünür bir buton, hizmet ve ürün sayfalarında içerik sonunda bir çağrı ve iletişim sayfasında telefonla yan yana bir seçenek. Tek bir yerde gizli kalan buton da, her bölümde tekrarlanan buton da dönüşümü düşürür.

  • —Butonun metni eylemi söylesin: 'WhatsApp'tan yazın' veya 'WhatsApp ile teklif alın', yalnızca bir ikon değil.
  • —Mesaiyi belirtin: 'Hafta içi 09.00-18.00 arası yanıtlıyoruz' gibi bir satır beklentiyi yönetir.
  • —WhatsApp'ı tek kanal yapmayın; telefon ve form seçeneği de kalsın, bazı kurumsal müşteriler e-postayı tercih eder.

Mobilde yüzen (floating) buton hangi sorunlara yol açar?

Mobilde ekranın köşesine sabitlenen yüzen WhatsApp butonu kullanışlıdır, ancak yanlış uygulandığında içeriğin, çerez banner'ının, sepete ekle çubuğunun veya canlı destek balonunun üstünü kapatır. Buton küçük ekranlarda metnin son satırlarını veya form gönder düğmesini örtüyorsa kullanıcı deneyimine zarar verir.

  • —Çerez banner'ı açıkken butonu gizleyin veya banner'ın üstüne kaydırın.
  • —iPhone'larda alt çentik alanı için env(safe-area-inset-bottom) ile ek boşluk bırakın.
  • —Sayfanın en altında, butonun kapatabileceği içerik kadar alt boşluk (padding) ekleyin.
  • —Dokunma alanı en az 44-48 piksel olsun, ama ekranın dörtte birini kaplamasın.
  • —Açılışta zıplayan, titreyen animasyonlardan kaçının; dikkat dağıtır ve düzen kaymasına yol açabilir.

WhatsApp tıklamaları dönüşüm olarak nasıl ölçülür?

WhatsApp tıklamaları, butonun tıklama olayına bir Google Ads dönüşüm etiketi veya GA4 olayı bağlanarak ölçülür. Kritik nokta, ölçüm kodunun bağlantının açılmasını engellememesidir: preventDefault kullanılmaz, yönlendirme geciktirilmez ve bağlantı yeni sekmede açılır. Böylece etiket arka planda veriyi gönderirken kullanıcı hiç beklemez.

  • —Google Ads: Hedefler > Dönüşümler bölümünde web sitesi dönüşümü oluşturun, gönderim etiketini (send_to değeri) alın.
  • —Butona onclick ile gtag('event', 'conversion', { send_to: 'AW-XXXXXXX/ETIKET' }) çağrısını ekleyin.
  • —GA4: aynı tıklamada gtag('event', 'whatsapp_click', { page_location: location.href }) gibi özel bir olay gönderin ve Yönetici > Etkinlikler'de temel etkinlik olarak işaretleyin.
  • —Google Tag Manager kullanıyorsanız 'Yalnızca Bağlantılar' tıklama tetikleyicisini Click URL içinde wa.me geçen bağlantılara sınırlayın.
  • —Google'ın örnek kodundaki gtag_report_conversion yardımcısı, aynı sekmede yönlendirme yapan bağlantılar içindir; yeni sekmede açılan WhatsApp bağlantısında gerekmez.
  • —DebugView ve Google Ads'teki etiket tanılama ekranıyla olayın geldiğini doğrulayın.

Bir tıklamanın gerçek bir sohbet demek olmadığını unutmayın. Tıklama, niyetin ölçüsüdür; kaç tanesinin mesaja ve teklife dönüştüğünü WhatsApp Business tarafında etiketlerle takip etmek raporu gerçekçi kılar.

WhatsApp butonu ve takibi KVKK açısından neye dikkat edilmeli?

WhatsApp butonu ve tıklama takibi KVKK açısından iki ayrı konudur. Düz bir wa.me bağlantısı sitede çerez bırakmaz, ancak yazışma başladığında veriler Meta altyapısında işlenir ve bu kanal aydınlatma metninde yer almalıdır. Butona bağlanan Google Ads veya GA4 etiketi ise pazarlama ya da analitik çerezi sayılır ve çerez onayına bağlanmalıdır.

WhatsApp butonunda en sık yapılan hatalar nelerdir?

WhatsApp butonunda en sık yapılan hatalar, numarayı yanlış formatta yazmak, hazır mesajı URL kodlamadan eklemek, takip kodunun bağlantıyı geciktirmesine izin vermek ve butona tıklayan kişiye saatlerce dönüş yapmamaktır. Teknik hatalar birkaç dakikada düzelir; yanıt süresi ise butonun gerçek değerini belirleyen asıl faktördür.

  • —Numarayı 0 ile veya +90 ile yazmak: bağlantı açılır ama 'bu numara WhatsApp'ta değil' hatası verebilir.
  • —Türkçe karakterli mesajı kodlamadan eklemek: bazı cihazlarda metin bozuk görünür veya kesilir.
  • —Tıklamada preventDefault kullanıp yönlendirmeyi etiketin yanıtına bağlamak: etiket yavaşsa kullanıcı bekler veya hiç yönlendirilmez.
  • —Aynı tıklamayı hem gtag hem Tag Manager ile iki kez ölçmek: dönüşüm sayıları şişer.
  • —Kişisel numarayı kullanmak: çalışan değiştiğinde tüm geçmiş yazışmalar ve kanal kaybolur.
  • —Mesai dışında hiçbir otomatik yanıt vermemek: ziyaretçi rakibe yazar.

WhatsApp Business profili nasıl hazırlanmalı?

WhatsApp Business profili, butona tıklayan ziyaretçinin gördüğü ilk ekran olduğu için web sitesiyle tutarlı ve eksiksiz hazırlanmalıdır. İşletme adı, logo, kategori, adres, çalışma saatleri ve web sitesi bağlantısı doldurulmalı; karşılama ve mesai dışı mesajları ile hızlı yanıtlar ise ilk dakikalardaki boşluğu kapatmalıdır.

  • —Profil adı ve logosu sitedeki marka ile aynı olsun; ziyaretçi doğru yere yazdığından emin olmalı.
  • —Karşılama mesajında ne kadar sürede dönüş yapacağınızı yazın.
  • —Mesai dışı mesajı ile hafta sonu gelen talepleri karşılayın.
  • —Hızlı yanıtlarla sık sorulan fiyat, süreç ve adres sorularına tutarlı cevap verin.
  • —Etiketlerle ('yeni talep', 'teklif gönderildi', 'müşteri') tıklamadan satışa giden süreci izleyin.
  • —Katalog özelliği ürün veya hizmet paketlerini sohbet içinde göstermeye yarar; fiyatları sitedekiyle tutarlı tutun.

Sık Sorulan Sorular

wa.me yerine api.whatsapp.com bağlantısı kullanılabilir mi?+

Evet, https://api.whatsapp.com/send?phone=905320000000&text=... formatı da çalışır ve aynı sonuca ulaşır. Ancak wa.me daha kısa, okunaklı ve WhatsApp'ın kendi belgelerinde önerilen formattır. Hangisini seçerseniz seçin, takip tetikleyicinizin o alan adını kapsadığından emin olun.

Hazır WhatsApp eklentisi mi, kendi kodumuz mu?+

Birçok hazır eklenti ek JavaScript, yazı tipi ve bazen üçüncü taraf çerezi yükler; bu hem sayfa hızını hem KVKK durumunu etkiler. Basit bir bağlantı ve birkaç satır CSS ile yapılan buton genellikle daha hafif, daha hızlı ve ölçüm için daha kolay kontrol edilebilirdir.

Google Ads WhatsApp tıklamasını neden bazen düşük gösterir?+

Çerez onayını reddeden ziyaretçiler, reklam engelleyiciler ve etiketin tıklama anında yüklenmemiş olması ölçümü azaltır. Consent Mode kullanan sitelerde Google Ads bu boşluğun bir kısmını modellemeyle tahmin eder. WhatsApp Business'taki gerçek sohbet sayısıyla karşılaştırmak kontrol için en pratik yoldur.

Butonu masaüstünde de göstermeli miyim?+

Evet, ancak masaüstünde tıklama WhatsApp Web veya masaüstü uygulamasını açar ve bazı kullanıcılar oturum açmamış olabilir. Masaüstünde butonun yanında telefon numarasını ve formu da göstermek, yalnızca WhatsApp'a bağımlı kalmamanızı sağlar.

E

Efe TacirlioğluKurucu & Baş Geliştirici & UI/UX Tasarımcısı

404 Ajans'ın kurucusu, İstanbul merkezli. Oyun geliştirme sektöründeki tecrübesiyle ajansın web tasarım, e-ticaret ve özel yazılım projelerini uçtan uca tasarlıyor ve geliştiriyor.

Dijital varlığınızı bir üst seviyeye taşımaya hazır mısınız?

Projenizi konuşalım ve birlikte neler inşa edebileceğimizi görelim.

İletişime Geçin