Come attivare una telefonata quando si fa clic su un collegamento in una pagina Web sul cellulare

Devo creare una pagina Web per dispositivi mobili. C'è solo una cosa che non ho ancora capito: come posso innescare una telefonata tramite il clic del testo?

Esiste un URL speciale che potrei inserire come il mailto:tag per le e-mail?

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.

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 bravo ad andare.

Se si desidera utilizzarlo per un'immagine, il <a>tag può gestire i <img/>posizionati in essa proprio come altre normali situazioni con:<a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>

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 bene 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) utilizza una sintassi diversa per impostazione predefinita (ma può essere parametrizzato per usare tel :).

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

Tuttavia, penso negli ultimi browser per dispositivi mobili (lo so per certo su Android) ora la telsintassi 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 selezionabile. 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 "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 errore "Impossibile visualizzare la pagina web" 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 alcun codice in questa pagina.

Codice collegamento smartphone WTAI: Il codice collegamento WTAI o "Wireless Telephony Application Interface" è 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, utilizzare un <a>elemento con un hrefattr 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/en-US/docs/Web/HTML/Element/a#Creating_a_phone_link

L' elemento HTML<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.

[...]

Offrire collegamenti telefonici è utile per gli utenti che visualizzano documenti Web e laptop collegati ai telefoni.

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

Documenti IETF

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

L' telURI per i numeri di telefono

L'URI "tel" ha la sintassi seguente:

telephone-uri = "tel:"abbonato telefonico

[...]

Esempi

tel:+1-201-555-0123: Questo URI indica un numero di telefono negli Stati Uniti. I trattini sono inclusi per rendere il numero più leggibile dall'uomo; separano paese, prefisso e numero di abbonato.

tel:7042;phone-context=example.com: L'URI descrive un numero di telefono locale valido nel contesto "esempio.com".

tel:863-1234;phone-context=+1-914-555: L'URI descrive un numero di telefono locale valido all'interno di un prefisso telefonico specifico.

Usa il tag anchor HTML <a>e avvia l'attributo hrefcon tel:. Suggerisco di iniziare il numero di telefono con il prefisso internazionale. prestare attenzione al seguente esempio:

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

Per questo esempio, il codice paese è +98.

Suggerimento : è così adatto per i cellulari, conosco letel:chiamate con prefissoFaceTimesu macOS ma su Windows non ne sono sicuro, ma immagino abbia causato l'avvio di Skype.

Per ulteriori informazioni : è possibile visitare l'elenco degli schemi URL supportati dai browser per conoscere tutti i hrefprefissi dei valori.