Comment déclencher un appel lorsque vous cliquez sur un lien dans une page Web sur un téléphone mobile
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 pour cela, mais ce serait bien si cela pouvait être fait aussi pour les images ... et aussi pour la plupart des appareils mobiles.
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 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>
Le schéma d'URL approprié est tel: [numéro], donc vous feriez
<a href="tel:5551234567"><img src="callme.jpg" /></a>
Voulez-vous ajouter une réponse ici dans un souci de complétude.
<a href="tel:1234567">Call 123-4567</a>
Fonctionne parfaitement sur la plupart des appareils. Toutefois, sur les ordinateurs de bureau, cela apparaît 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 navigateurs mobiles les plus récents (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.
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 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 vérifier. Dans la plupart des navigateurs autres que les téléphones, 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 liaison du smartphone Wtai: Le code de liaison wtai ou "Interface d'application de téléphonie sans fil" est présenté ci-dessous. Ce code est considéré comme le protocole de téléphonie mobile correct et fonctionnera sur les smartphones comme Droid. Toutefois, il risque de 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>
Utilisez essentiellement 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.
Web Docs 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 électroniques. , ou toute autre URL.[…]
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.
<a href="tel:+491570156">+49 157 0156</a>
Documents IETF
https://tools.ietf.org/html/rfc3966
L'URI
tel_ pour les numéros de téléphoneL'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 traits d'union sont inclus pour rendre le numéro 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 "exemple.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.