Cep telefonundaki bir web sayfasındaki bir bağlantıyı tıklarken telefon araması nasıl tetiklenir


493

Mobil cihazlar için bir web sayfası oluşturmam gerekiyor. Hala çözemediğim tek bir şey var: Metin tıklamasıyla bir telefon görüşmesini nasıl tetikleyebilirim?

mailto:E-postaların etiketi gibi girebileceğim özel bir URL var mı ?

Cihaza özel çözüm tercih edilmez.

İPhone'un telefon numaralarını otomatik olarak tanıdığını ve bunun için bir bağlantı oluşturduğunu biliyorum, ancak bu resimler için de ve çoğu mobil cihaz için de yapılabilirse harika olurdu.

Yanıtlar:


868

Modern cihazların çoğu tel: şemasını destekler. Bu yüzden kullanın <a href="tel:555-555-5555">555-555-5555</a>ve gitmek için iyi olmalısınız.

Bir görüntü için kullanmak istiyorsanız, <a>etiket, <img/>içine yerleştirilmiş diğer normal durumlar gibi , aşağıdakilerle yerleştirilebilir:<a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>


12
Bu masaüstü için nasıl düşürülür? Bunun masaüstüne bağlantı taşımasını istemiyorsunuz değil mi? Yoksa tarayıcıyı koklamam ve ekteki etiketi öldürmem gerekiyor mu?
3Dom

9
@ 3Dom Deneyin. Telefon programınızı başlatır veya ister.
Cees Timmerman

1
@ 3Dom Masaüstünde sorun yok Aurora 29.0a2 (2014-02-07). Aramak için bir görüntü bağlantısı kullanabilirsiniz (Andrew'un cevabına bakın) ve yanındaki numarayı düz metin olarak kullanabilirsiniz.
Cees Timmerman

2
Gelecekte başvurmak için: OS X Yosemite ve sonraki sürümlerde, Facetime uygulamasını başlatır ve kullanıcının bir iPhone'u varsa, masaüstü / dizüstü bilgisayarlarıyla gerçekten arama yapmalarına izin verir.
Jeff Huijsmans

8
Merhaba, artı işaretini ve ülke kodunu şu şekilde koymayı unutmayın: + 1-555-555-5555 Skype kullanıyorsanız, bu hızlı arama için bir zorunluluktur.
Samuel Ramzan

59

Uygun URL şeması tel: [sayı] olduğundan,

<a href="tel:5551234567"><img src="callme.jpg" /></a>

45

Tamlık uğruna buraya bir cevap eklemek isterim.

<a href="tel:1234567">Call 123-4567</a>

Çoğu cihazda iyi çalışır. Ancak, masaüstlerinde bu, tıkladığınızda hiçbir şey yapmayan bir bağlantı olarak görünecektir, bu nedenle yalnızca mobil cihazlarda koşullu olarak görünür hale getirmek için CSS kullanmayı düşünmelisiniz.

Ayrıca, Skype'ın (oldukça popüler olan) varsayılan olarak farklı bir sözdizimi kullandığını (ancak tel :) kullanmak için parametrelenebileceğini bilmelisiniz.

<a href="callto:1234567">Call 123-4567</a>

Ancak, en son mobil tarayıcılarda (Android'de kesin olarak biliyorum) düşünüyorum, telsözdizimi arama eylemini tamamlamak için kullanılabilecek mevcut uygulamaların bir açılır penceresini sunmalıdır.


bir url için android paylaşım diyalogu açmak hakkında bilmek ister misiniz?
22'de vızıltı

@whizcreed üzgünüm kardeşim, benim alanım değil.
vvohra87

4
"Tel" protokolü Skype ile mi, yoksa sadece "callto" protokolüyle mi çalışır?
Hutch Moore

@HutchMoore "tel:" önekini Skype ile ilişkilendirmek mümkündür. Skype parametrelerinde bir seçenek vardır ("
callto

20

Tıklanabilir akıllı telefon bağlantı kodu:

Aşağıdaki bağlantı tıklanabilir bir telefon bağlantısı yapmak için kullanılabilir. Aşağıdaki kodu kopyalayıp web sayfanıza yapıştırabilir, ardından telefon numaranızla düzenleyebilirsiniz. Bu kod tüm telefonlarda çalışmayabilir, ancak iPhone, Droid / Android ve Blackberry için çalışır.

<a href="tel:1-847-555-5555">1-847-555-5555</a>

Telefon numarası bağlantıları, yukarıda gösterildiği gibi kesik çizgilerle veya bunlar olmadan ve aşağıdaki örnekte kullanılabilir:

<a href="tel:18475555555">1-847-555-5555</a>

Bu örnekte olduğu gibi, telefon numarası "tel: 18475555555" ile ayarlandığı sürece bağlantıdaki herhangi bir metni kullanmak da mümkündür:

<a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a>

Aşağıda, kontrol edebileceğiniz tıklanabilir bir telefon köprüsü bulunmaktadır. Telefon dışı tarayıcıların çoğunda bu bağlantı size bir "Web sayfası görüntülenemez" hatası verir veya hiçbir şey olmaz.

NOT: iPhone Safari tarayıcısı bir sayfadaki bir telefon numarasını otomatik olarak algılar ve bu sayfadaki kodu kullanmadan metni bir arama bağlantısına dönüştürür.

WTAI akıllı telefon bağlantı kodu: WTAI veya "Kablosuz Telefon Uygulama Arabirimi" bağlantı kodu aşağıda gösterilmiştir. Bu kod doğru cep telefonu protokolü olarak kabul edilir ve Droid gibi akıllı telefonlarda çalışır, ancak iPhone'da Apple Safari için çalışmayabilir ve yukarıdaki kod önerilir.

<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a> 

3

Esasen, ön ekinin bulunduğu telefon numarasını gösteren <a>bir hrefyıpratma bulunan bir öğe kullanın tel:. Artıların ülke kodunu belirtmek için kullanılabileceğini ve kısa çizgilerin yalnızca insan gözü için dahil edilebileceğini unutmayın.

MDN Web Belgeleri

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Creating_a_phone_link

HTML <a>elemanı (veya çapa eleman), onun href özelliğinin yanı sıra, diğer web sayfaları, dosyaları aynı sayfa içinde yerlerde, e-posta adresleri veya diğer herhangi bir URL'ye bir köprü oluşturur.

[...]

Telefon bağlantıları sunmak, web belgelerini ve telefonlara bağlı dizüstü bilgisayarları görüntüleyen kullanıcılar için yararlıdır.

<a href="tel:+491570156">+49 157 0156</a>

IETF Belgeleri

https://tools.ietf.org/html/rfc3966

telTelefon Numaraları için URI

"Tel" URI'sı aşağıdaki sözdizimine sahiptir:

telephone-uri = "tel:"telefon abonesi

[...]

Örnekler

tel:+1-201-555-0123: Bu URI, ABD'deki bir telefon numarasını gösterir. Sayıyı daha fazla okunabilir hale getirmek için kısa çizgiler dahil edilmiştir; ülke, alan kodu ve abone numarasını ayırırlar.

tel:7042;phone-context=example.com: URI, "example.com" bağlamında geçerli olan yerel bir telefon numarasını tanımlar.

tel:863-1234;phone-context=+1-914-555: URI, belirli bir telefon öneki içinde geçerli olan yerel bir telefon numarasını tanımlar.


0

HTML bağlantı etiketini kullanmanız <a>ve özelliği hrefile başlatmanız yeterlidir tel:. Telefon numarasını ülke koduyla başlatmanızı öneririm. aşağıdaki örneğe dikkat edin:

<a href="tel:+989123456789">NO Different What it is</a>

Bu örnek için ülke kodu +98.

İpucu : Cep telefonları için çok uygundur, macOS'tatel:önek çağrılarınıbiliyorum,FaceTimeancak Windows'ta emin değilim, ama sanırım Skype'ı başlattı.

Daha fazla bilgi için : tüm değer öneklerini bilmek için tarayıcılar tarafından desteklenen URL şemaları listesini ziyaret edebilirsiniz href.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.