Cara memicu panggilan telepon saat mengklik tautan di halaman web di ponsel

493

Saya perlu membuat halaman web untuk perangkat seluler. Hanya ada satu hal yang masih belum saya ketahui: bagaimana saya bisa memicu panggilan telepon melalui klik teks?

Apakah ada URL khusus yang bisa saya masukkan seperti mailto:tag untuk email?

Solusi spesifik perangkat tidak disukai.

Saya tahu iPhone secara otomatis mengenali nomor telepon dan membuat tautan untuk ini, tetapi alangkah baiknya jika ini bisa dilakukan untuk gambar juga ... dan juga untuk sebagian besar perangkat seluler.

Frederic Morin
sumber

Jawaban:

868

Sebagian besar perangkat modern mendukung skema tel :. Jadi gunakan <a href="tel:555-555-5555">555-555-5555</a>dan Anda harus baik untuk pergi.

Jika Anda ingin menggunakannya untuk gambar, <a>tag dapat menangani <img/>penempatan di dalamnya seperti situasi normal lainnya dengan:<a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>

meme
sumber
12
Bagaimana cara menurunkan versi untuk desktop ini? Anda jelas tidak ingin ini membawa tautan ke desktop bukan? Atau apakah saya harus mengendus peramban dan membunuh tag terlampir?
3Dom
9
@ 3Dom Cobalah. Ini meluncurkan atau meminta program ponsel Anda.
Cees Timmerman
1
@ 3Dom Tidak ada masalah di desktop Aurora 29.0a2 (2014-02-07). Anda dapat menggunakan tautan gambar untuk menelepon (lihat jawaban Andrew), dan memiliki nomor di sebelahnya dalam teks biasa.
Cees Timmerman
2
Untuk referensi di masa mendatang: pada OS X Yosemite dan lebih tinggi, ini akan meluncurkan aplikasi Facetime dan, jika pengguna memiliki iPhone, memungkinkan mereka benar-benar menelepon dengan desktop / laptop mereka.
Jeff Huijsmans
8
Halo, jangan lupa letakkan tanda plus dan kode negara seperti ini: + 1-555-555-5555 jika Anda menggunakan Skype, ini adalah keharusan untuk panggilan cepat.
Samuel Ramzan
59

Skema URL yang tepat adalah tel: [angka] sehingga Anda akan melakukannya

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

Ingin menambahkan jawaban di sini demi kelengkapan.

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

Bekerja dengan baik pada sebagian besar perangkat. Namun, pada desktop ini akan muncul sebagai tautan yang tidak melakukan apa-apa ketika Anda mengkliknya sehingga Anda harus mempertimbangkan menggunakan CSS untuk membuatnya terlihat secara kondisional hanya pada perangkat seluler.

Anda juga harus tahu bahwa Skype (yang cukup populer) menggunakan sintaks yang berbeda secara default (tetapi dapat diparameterkan untuk menggunakan tel :).

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

Namun, saya pikir di peramban seluler terbaru (saya tahu pasti tentang Android) sekarang telsintaks harus menawarkan sembulan aplikasi yang tersedia yang dapat digunakan untuk menyelesaikan tindakan panggilan.

vvohra87
sumber
akan tahu tentang cara membuka dialog berbagi di android, untuk url?
whizcreed
@ whizcreed maaf bro, bukan daerah saya.
vvohra87
4
Apakah protokol "tel" berfungsi dengan Skype, atau hanya protokol "callto" mereka?
Hutch Moore
@HutchMooreIt dimungkinkan untuk mengaitkan awalan "tel:" ke Skype. Ada opsi dalam parameter Skype (di sebelah opsi yang memungkinkan untuk melakukan panggilan dengan awalan "callto:".
salcoin
20

Kode tautan ponsel cerdas yang dapat diklik:

Tautan berikut dapat digunakan untuk membuat tautan telepon yang dapat diklik. Anda dapat menyalin kode di bawah ini dan menempelkannya ke halaman web Anda, lalu edit dengan nomor telepon Anda. Kode ini mungkin tidak berfungsi di semua ponsel tetapi berfungsi untuk iPhone, Droid / Android, dan Blackberry.

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

Tautan nomor telepon dapat digunakan dengan tanda hubung, seperti yang ditunjukkan di atas, atau tanpa tanda hubung serta dalam contoh berikut:

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

Dimungkinkan juga untuk menggunakan teks apa pun di tautan selama nomor telepon diatur dengan "tel: 18475555555" seperti dalam contoh ini:

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

Di bawah ini adalah hyperlink telepon yang dapat diklik yang dapat Anda periksa. Di sebagian besar browser non-ponsel, tautan ini akan memberi Anda kesalahan "Halaman web tidak dapat ditampilkan" atau tidak akan terjadi apa-apa.

CATATAN: Browser iPhone Safari akan secara otomatis mendeteksi nomor telepon pada suatu halaman dan akan mengubah teks menjadi tautan panggilan tanpa menggunakan kode apa pun pada halaman ini.

Kode tautan telepon pintar WTAI: Kode tautan WTAI atau "Antarmuka Aplikasi Telepon Nirkabel" ditampilkan di bawah ini. Kode ini dianggap sebagai protokol ponsel yang benar dan akan berfungsi pada ponsel cerdas seperti Droid, namun, itu mungkin tidak berfungsi untuk Apple Safari di iPhone dan kode di atas direkomendasikan.

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

Pada dasarnya, gunakan <a>elemen dengan hrefattr menunjuk ke nomor telepon yang diawali oleh tel:. Perhatikan bahwa plus dapat digunakan untuk menentukan kode negara, dan tanda hubung dapat dimasukkan hanya untuk mata manusia.

Dokumen Web MDN

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

The HTML <a>elemen (atau jangkar elemen), bersama dengan atribut href nya, menciptakan hyperlink ke halaman lain web, file, lokasi di dalam halaman yang sama, alamat email, atau URL lain.

[...]

Menawarkan tautan telepon sangat membantu bagi pengguna yang melihat dokumen web dan laptop yang terhubung ke telepon.

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

Dokumen IETF

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

The telURI untuk Nomor Telepon

URI "tel" memiliki sintaks berikut:

telephone-uri = "tel:"pelanggan telepon

[...]

Contohnya

tel:+1-201-555-0123: URI ini menunjuk ke nomor telepon di Amerika Serikat. Tanda hubung dimasukkan untuk membuat angka lebih dapat dibaca manusia; mereka memisahkan negara, kode area, dan nomor pelanggan.

tel:7042;phone-context=example.com: URI menjelaskan nomor telepon lokal yang valid dalam konteks "example.com".

tel:863-1234;phone-context=+1-914-555: URI menggambarkan nomor telepon lokal yang valid dalam awalan telepon tertentu.

2540625
sumber
0

Cukup gunakan tag anchor HTML <a>dan mulai atribut hrefdengan tel:. Saya sarankan memulai nomor telepon dengan kode negara. perhatikan contoh berikut:

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

Untuk contoh ini, kode negara adalah +98.

Petunjuk : Ini sangat cocok untuk ponsel, saya tahutel:panggilan awalanFaceTimepada macOS tetapi pada Windows saya tidak yakin, tapi saya kira itu menyebabkan peluncuran Skype.

Untuk informasi lebih lanjut : Anda dapat mengunjungi daftar skema URL yang didukung oleh browser untuk mengetahui semua hrefawalan nilai.

Amerika
sumber