HTML Kullanarak WordPress’te Tıkla – Ara Bağlantısı Nasıl Oluşturulur

0
119
HTML ile Tıklanabilir Telefon Numarası Nasıl Yapılır?

Ç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.

  • 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:

  1. Sayfanızı düzenleyin veya WordPress’te yayınlayın.
  2. Metin sekmesinde değil, Görsel sekmesinde olduğunuzdan emin olun.
  3. Telefonlarda tıklanabilir yapmak istediğiniz telefon numarasını veya metni vurgulayın.
  4. “Köprü” düğmesini tıklayın.
  5. Tel: ve ardından tire olmadan telefon numaranızı girin.
  6. Bağlantıyı uygulayın.
  7. Sayfanızı veya yayınınızı güncelleyin/yayınlayın.

Bu kadar bitti.

İşte kolay bir çağrı izleme çözümü: Tıklama olaylarını izlemek için yukarıdaki adımları Google Analytics ile birleştirin.

<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.

CEVAP VER

Please enter your comment!
Please enter your name here