Come attivare una telefonata quando si fa clic su un collegamento in una pagina Web sul cellulare
-
05-07-2019 - |
Domanda
Devo creare una pagina Web per dispositivi mobili. C'è solo una cosa che non ho ancora capito: come posso attivare una telefonata con il clic del testo?
Esiste un URL speciale che potrei inserire come il tag mailto:
per le email?
La soluzione specifica per dispositivo non è preferita.
So che iPhone riconosce automaticamente i numeri di telefono e crea un collegamento per questo, ma sarebbe bello se questo potesse essere fatto anche per le immagini ... e anche per la maggior parte dei dispositivi mobili.
Soluzione
La maggior parte dei dispositivi moderni supporta lo schema tel:. Quindi usa <a href="tel:555-555-5555">555-555-5555</a>
e dovresti essere a posto.
Se si desidera utilizzarlo per un'immagine, il tag <a>
può gestire il <img/>
inserito in esso proprio come altre normali situazioni con: <a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>
Altri suggerimenti
Lo schema URL corretto è tel: [numero], quindi dovresti farlo
<a href="tel:5551234567"><img src="callme.jpg" /></a>
Vuoi aggiungere una risposta qui per completezza.
<a href="tel:1234567">Call 123-4567</a>
Funziona perfettamente sulla maggior parte dei dispositivi. Tuttavia, sui desktop questo apparirà come un link che non fa nulla quando fai clic su di esso, quindi dovresti considerare di usare CSS per renderlo condizionatamente visibile solo su dispositivi mobili.
Inoltre, dovresti sapere che Skype (che è abbastanza popolare) usa una sintassi diversa per impostazione predefinita (ma può essere parametrizzato per usare tel :).
<a href="callto:1234567">Call 123-4567</a>
Tuttavia, penso che negli ultimi browser per dispositivi mobili (lo so per certo su Android) ora la sintassi tel
dovrebbe offrire un popup di applicazioni disponibili che possono essere utilizzate per completare l'azione di chiamata.
Codice collegamento smartphone selezionabile:
Il seguente collegamento può essere utilizzato per creare un collegamento telefonico cliccabile. Puoi copiare il codice qui sotto e incollarlo nella tua pagina web, quindi modificarlo con il tuo numero di telefono. Questo codice potrebbe non funzionare su tutti i telefoni ma funziona per iPhone, Droid / Android e Blackberry.
<a href="tel:1-847-555-5555">1-847-555-5555</a>
I collegamenti ai numeri di telefono possono essere utilizzati con i trattini, come mostrato sopra, o senza di essi, nonché nel seguente esempio:
<a href="tel:18475555555">1-847-555-5555</a>
È anche possibile utilizzare qualsiasi testo nel collegamento purché il numero di telefono sia impostato con il " tel: 18475555555 " come in questo esempio:
<a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a>
Di seguito è riportato un collegamento ipertestuale telefonico selezionabile che puoi consultare. Nella maggior parte dei browser non telefonici questo link ti darà un & Quot; La pagina web non può essere visualizzata & Quot; errore o non accadrà nulla.
NOTA: il browser iPhone Safari rileverà automaticamente un numero di telefono su una pagina e convertirà il testo in un collegamento di chiamata senza utilizzare nessuno dei codici in questa pagina.
Codice collegamento smartphone Wtai: Il wtai o & Quot; Interfaccia dell'applicazione di telefonia wireless & Quot; il codice di collegamento è mostrato di seguito. Questo codice è considerato il protocollo di telefonia mobile corretto e funzionerà su smartphone come Droid, tuttavia, potrebbe non funzionare per Apple Safari su iPhone e si consiglia il codice sopra.
<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a>
In sostanza, usa un elemento <a>
con un href
attr che punta al numero di telefono con il prefisso tel:
. Si noti che i vantaggi possono essere utilizzati per specificare il codice paese e i trattini possono essere inclusi semplicemente per gli occhi umani.
Documenti Web MDN
https://developer.mozilla.org / it-IT / docs / Web / HTML / Elemento / a # Creating_a_phone_link
L'elemento HTML
<a href="tel:+491570156">+49 157 0156</a>
(o elemento di ancoraggio), insieme al suo attributo href, crea un collegamento ipertestuale ad altre pagine Web, file, posizioni all'interno della stessa pagina, indirizzi e-mail o qualsiasi altro URL.[# 8230 &;]
Offrire collegamenti telefonici è utile per gli utenti che visualizzano documenti Web e laptop collegati ai telefoni.
tel
Documenti IETF
https://tools.ietf.org/html/rfc3966
L'URI
telephone-uri
per i numeri di telefonoIl " tel " L'URI ha la sintassi seguente:
"tel:"
=tel:+1-201-555-0123
abbonato telefonico[# 8230 &;]
Esempi
tel:7042;phone-context=example.com
: questo URI punta a un numero di telefono negli Stati Uniti Stati. I trattini sono inclusi per rendere il numero più umano leggibile; separano paese, prefisso e numero di abbonato.
tel:863-1234;phone-context=+1-914-555
: l'URI descrive un telefono locale numero valido nel contesto " example.com " ;.<=>: l'URI descrive un locale numero di telefono valido all'interno di un prefisso telefonico specifico.