Comment déclencher un appel lorsque vous cliquez sur un lien dans une page Web sur un téléphone mobile

Question

Je dois créer une page Web pour les appareils mobiles. Il n'y a qu'une seule chose que je n'ai toujours pas comprise: comment puis-je déclencher un appel téléphonique en un clic?

Existe-t-il une URL spéciale que je pourrais entrer, telle que la balise mailto: pour les emails?

Les solutions spécifiques aux appareils 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, mais ce serait bien si cela pouvait également être fait pour les images ... et aussi pour la plupart des appareils mobiles.

Answer 1

La plupart des appareils modernes supportent le tel: scheme. 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 balise <a> peut gérer le <img/> placé dans celle-ci, exactement comme les autres situations normales avec: <a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>

Answer 2

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

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

Answer 3

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

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

Fonctionne parfaitement sur la plupart des appareils. Toutefois, sur les ordinateurs de bureau, cela apparaîtra comme un lien qui ne fait rien lorsque vous cliquez dessus. Vous devriez donc envisager d’utiliser CSS pour le rendre visible de manière conditionnelle 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 le sais avec certitude sur Android), la syntaxe tel devrait désormais offrir une liste des applications disponibles pouvant être utilisées pour mener à bien l'action d'appel.

Answer 4

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 le 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 de 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 & "; 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 vérifier. Dans la plupart des navigateurs autres que les téléphones, ce lien vous donnera un & "; La page Web ne peut pas être affichée &"; erreur ou rien ne se passera.

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

Code de liaison du smartphone Wtai: La wtai ou & Quot; interface d’application de téléphonie sans fil & Quot; Le code de lien est indiqué ci-dessous. Ce code est considéré comme le protocole de téléphonie mobile correct et fonctionnera sur les smartphones tels que Droid. Toutefois, il pourrait 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> 

Answer 5

Essentiellement, utilisez un élément <a> avec un href attr pointant vers le numéro de téléphone préfixé par tel:. Notez que les avantages peuvent être utilisés pour spécifier le code de pays et que les traits d'union peuvent être inclus simplement pour les yeux humains.

Documents Web MDN

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

  

L'élément HTML <a href="tel:+491570156">+49 157 0156</a> (ou l'é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 de messagerie ou tout autre élément. URL.

     

[& # 8230;]

     

Proposer des liaisons téléphoniques est utile pour les utilisateurs qui consultent des documents Web et des ordinateurs portables connectés à des téléphones.

     

tel

Documents IETF

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

  

L'URI telephone-uri pour les numéros de téléphone

     

Le " tel " L'URI a la syntaxe suivante:

     

"tel:" = tel:+1-201-555-0123 abonné au téléphone

     

[& # 8230;]

     

Exemples

     

tel:7042;phone-context=example.com: cet URI pointe vers un numéro de téléphone aux États-Unis.        États. Les traits d'union sont inclus pour rendre le nombre plus humain        lisible; ils séparent le pays, l'indicatif régional et le numéro d'abonné.

     

tel:863-1234;phone-context=+1-914-555: l'URI décrit un téléphone local           numéro valide dans le contexte & "exemple.com" & ";

     

<=>: l'URI décrit une adresse locale        numéro de téléphone valide dans un préfixe téléphonique particulier.