Çoğu telefon numarası varsayılan olarak tıklanabilir olduğundan, Android telefonum varken bunun bir sorun olduğunu bilmiyordum. Ancak bir iPhone’a geçtiğimde, birçok web sitesinin tıkla ve ara bağlantısına sahip olmadığını fark ettim! Bu, telefon numaralarını tam olarak almak için telefon numarasının üzerindeki küçük seçim alanını ayarlayarak telefon numaralarını kopyalayıp yapıştırmaya başlamam gerektiği anlamına geliyordu. Bu iyi bir çözüm değil.
HTML ile Tıklanabilir Telefon Numarası Nasıl Yapılır?
1. Standart bir bağlantı etiketi ile başlayın:
<a href=""></a>
2. Telefon numaranızı tırnak işaretleri olmadan girin:
<a href="5554280940"></a>
3. Şimdi önemli kısım, numaranın başına tel: ekleyin:
<a href="tel:5554280940"></a>
4. Ardından, bağlantı için bir metinle bitirin
<a href="tel:5554280940">Call us at 555-428-0940</a>
Görmeniz gerekenler: 555-428-0940 numaralı telefondan bizi arayın Çalıştığından emin olmak için bağlantıya tıklayın. Çağrı tamamlanırsa, işiniz biter.
Yaygın HTML Telefon Numarası Bağlantı Hataları
- Açık ara en yaygın hata olan tire kullanmak. Numara her zaman her cihazda çalışmayacak
- “tel” den sonra iki nokta üst üste koymayı unutmak
- HTML’de alıntıları unutmak
WordPress’te Bir Telefon Numarasını Tıklanabilir Hale Getirme
Görsel sekme/WYSIWYG/TinyMCE düzenleyici ile daha mı rahatsınız? Wordpress’te telefon bağlantılarını şu şekilde eklersiniz:
- Sayfanızı düzenleyin veya WordPress’te yayınlayın.
- Metin sekmesinde değil, Görsel sekmesinde olduğunuzdan emin olun.
- Telefonlarda tıklanabilir yapmak istediğiniz telefon numarasını veya metni vurgulayın.
- “Köprü” düğmesini tıklayın.
- Tel: ve ardından tire olmadan telefon numaranızı girin.
- Bağlantıyı uygulayın.
- Sayfanızı veya yayınınızı güncelleyin/yayınlayın.
Bu kadar bitti.
Google Analytics Etkinlik İzlemeyi HTML Telefon Numarası Bağlantılarına Ekleme
İşte kolay bir çağrı izleme çözümü: Tıklama olaylarını izlemek için yukarıdaki adımları Google Analytics ile birleştirin.
Google Analytics Etkinlik İzleme ile Örnek Tıkla – Ara Bağlantısı:
<a href="tel:5558920234" onclick="ga('send', 'event', { eventCategory: 'Contact', eventAction: 'Call', eventLabel: 'Mobile Button'});"><p class="call-button">Click to Call</p></a>
- Bu bağlantı kodunu kopyalayıp yapıştırın.
- Telefon numarasını ve metni değiştirin.
- Davranış -> Etkinlikler -> Genel Bakış veya En İyi Etkinlikler altında Google Analytics’i kontrol edin.
Google Analytics’te bu tıklamalar şöyle görünür:
WordPress kullanıyorsanız, Google Analytics ve etkinlik izleme ile ilgili sorunlarla karşılaşabilirsiniz. Wordpress’teki tüm etiketler için Google Etiket Yöneticisi’ni kullanmanızı öneririm. Bazı HTML becerilerine sahip olmanız gerekecek, ama atla deve değil. Bu her şeyi basitleştirecektir.