Comment déclencher un appel téléphonique en cliquant sur un lien dans une page Web sur un téléphone mobile

493

J'ai besoin de créer une page Web pour les appareils mobiles. Il n'y a qu'une seule chose que je n'ai pas encore compris: comment puis-je déclencher un appel téléphonique en un clic de texte?

Existe-t-il une URL spéciale que je pourrais saisir comme la mailto:balise pour les e-mails?

Les solutions spécifiques à l'appareil ne sont pas préférées.

Je sais que l'iPhone reconnaît automatiquement les numéros de téléphone et crée un lien pour cela, mais ce serait bien si cela pouvait être fait pour les images aussi ... et aussi pour la plupart des appareils mobiles.

Frédéric Morin
la source

Réponses:

868

La plupart des appareils modernes prennent en charge le schéma tel:. Alors utilisez <a href="tel:555-555-5555">555-555-5555</a>et vous devriez être prêt à partir.

Si vous souhaitez l'utiliser pour une image, la <a>balise peut gérer le <img/>placé dedans comme toutes les situations normales avec:<a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>

meme
la source
12
Comment cela rétrograde-t-il pour le bureau? Vous ne voulez évidemment pas que cela fasse le lien avec les ordinateurs de bureau, n'est-ce pas? Ou dois-je flairer le navigateur et tuer la balise englobante?
3Dom
9
@ 3Dom Essayez-le. Il lance ou demande votre programme téléphonique.
Cees Timmerman
1
@ 3Dom Aucun problème sur le bureau Aurora 29.0a2 (2014-02-07). Vous pouvez utiliser un lien d'image pour appeler (voir la réponse d'Andrew) et avoir le numéro à côté en texte brut.
Cees Timmerman
2
Pour référence future: sur OS X Yosemite et plus, cela lancera l'application Facetime et, si l'utilisateur a un iPhone, lui permet d'appeler avec son ordinateur de bureau / portable.
Jeff Huijsmans
8
Bonjour, n'oubliez pas de mettre le signe plus et le code du pays comme ceci: + 1-555-555-5555 si vous utilisez Skype, c'est un must pour la numérotation instantanée.
Samuel Ramzan
59

Le schéma d'URL approprié est tel: [numéro] donc vous feriez

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

Vous voulez ajouter une réponse ici par souci d'exhaustivité.

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

Fonctionne très bien sur la plupart des appareils. Cependant, sur les bureaux, cela apparaîtra comme un lien qui ne fait rien lorsque vous cliquez dessus, vous devriez donc envisager d'utiliser CSS pour le rendre conditionnellement visible uniquement sur les appareils mobiles.

En outre, vous devez savoir que Skype (qui est assez populaire) utilise une syntaxe différente par défaut (mais peut être paramétré pour utiliser tel :).

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

Cependant, je pense que dans les derniers navigateurs mobiles (je sais pour sûr sur Android), la telsyntaxe devrait maintenant offrir une fenêtre contextuelle des applications disponibles qui peuvent être utilisées pour terminer l'action d'appel.

vvohra87
la source
saurait comment ouvrir le dialogue de partage dans Android, pour une URL?
whizcreed
@whizcreed Désolé bro, pas ma région.
vvohra87
4
Le protocole "tel" fonctionne-t-il avec Skype, ou uniquement leur protocole "callto"?
Hutch Moore
@HutchMooreIl est possible d'associer le préfixe "tel:" à Skype. Il y a une option dans les paramètres Skype (à côté de l'option permettant d'initier des appels avec le préfixe "callto:".
salcoin
20

Code de lien du smartphone cliquable:

Le lien suivant peut être utilisé pour créer un lien téléphonique cliquable. Vous pouvez copier le code ci-dessous et le coller dans votre page Web, puis modifier avec votre numéro de téléphone. Ce code peut ne pas fonctionner sur tous les téléphones mais fonctionne pour iPhone, Droid / Android et Blackberry.

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

Les liens vers les numéros de téléphone peuvent être utilisés avec les tirets, comme indiqué ci-dessus, ou sans eux, ainsi que dans l'exemple suivant:

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

Il est également possible d'utiliser n'importe quel texte dans le lien tant que le numéro de téléphone est configuré avec le "tel: 18475555555" comme dans cet exemple:

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

Vous trouverez ci-dessous un hyperlien téléphonique cliquable que vous pouvez consulter. Dans la plupart des navigateurs non téléphoniques, ce lien vous donnera une erreur "La page Web ne peut pas être affichée" ou rien ne se passera.

REMARQUE: Le navigateur iPhone Safari détectera automatiquement un numéro de téléphone sur une page et convertira le texte en lien d'appel sans utiliser le code de cette page.

Code de lien WTAI pour smartphone: Le code de lien WTAI ou "Wireless Telephony Application Interface" est illustré ci-dessous. Ce code est considéré comme le protocole de téléphone mobile correct et fonctionnera sur les smartphones comme Droid, cependant, il peut ne pas fonctionner pour Apple Safari sur iPhone et le code ci-dessus est recommandé.

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

Essentiellement, utilisez un <a>élément avec un hrefattr pointant vers le numéro de téléphone préfixé par tel:. Notez que les plus peuvent être utilisés pour spécifier le code du pays, et les tirets peuvent être inclus simplement pour les yeux humains.

Documents Web MDN

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

L' élément HTML<a> (ou élément d'ancrage), avec son attribut href, crée un lien hypertexte vers d'autres pages Web, fichiers, emplacements dans la même page, adresses e-mail ou toute autre URL.

[…]

Les liens téléphoniques sont utiles pour les utilisateurs qui consultent des documents Web et des ordinateurs portables connectés à des téléphones.

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

Documents de l'IETF

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

L' telURI pour les numéros de téléphone

L'URI "tel" a la syntaxe suivante:

telephone-uri = "tel:"abonné au téléphone

[…]

Exemples

tel:+1-201-555-0123: Cet URI pointe vers un numéro de téléphone aux États-Unis. Les tirets sont inclus pour rendre le nombre plus lisible par l'homme; ils séparent le pays, l'indicatif régional et le numéro d'abonné.

tel:7042;phone-context=example.com: L'URI décrit un numéro de téléphone local valide dans le contexte "example.com".

tel:863-1234;phone-context=+1-914-555: L'URI décrit un numéro de téléphone local valide dans un préfixe de téléphone particulier.

2540625
la source
0

Utilisez simplement la balise d'ancrage HTML <a>et démarrez l'attribut hrefavec tel:. Je suggère de commencer le numéro de téléphone avec le code du pays. faites attention à l'exemple suivant:

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

Pour cet exemple, le code du pays est +98.

Astuce : il est si adapté aux téléphones portables, je connais lestel:appels de préfixeFaceTimesur macOS mais sur Windows, je ne suis pas sûr, mais je suppose que cela a provoqué le lancement de Skype.

Pour plus d'informations : vous pouvez consulter la liste des schémas d'URL pris en charge par les navigateurs pour connaître tous les hrefpréfixes de valeurs.

AmerllicA
la source