Appeler directement un numéro de téléphone via un lien href

phone directement via html

Dans ce billet, nous allons vous expliquez une technique qui permettra après l’ajout du code HTML ci-dessous sur votre site Web va rendre cliquable un numéro de téléphone.

Ce lien cliquable va directement composer le numéro sinon l’ajouter au carnet d’adresses de vos Smartphones ou autres supports mobiles.

Avec la montée du web mobile il y a des avantages réels de pouvoir appeler directement à partir d’une page Web.

Le code html

Vous l’aurez remarqué qu’on a utilisé 2 codes différentes, l’un pour mobile et l’autre pour desktop et pourquoi cela ?

L’explication réside sur le fait que sur firefox en cliquant sur <a href=”tel: +33102030405″ class=”mobilesOnly”>Appeler le (+33) 102030405</a> rien ne se passe donc il faudrait trouver des solutions.

Vu que skype occupe une place de marché assez conséquente sur desktop, on va travailler avec lui sur desktop en adaptant notre code en utilisant la spécification non standardisé « callto » comme ceci
<a href=”callto: +33102030405″> Appeler le (+33) 102030405</a>

Cela explique l’utilisation combiné des attributs callto pour Skype et tel pour les mobiles et jouer sur le style css pour afficher qu’un seul à la fois ( le mediaquery pourra être utiliser )

Le cas Iphone/Ipad

Sur iPhone/Ipad qui utilise le navigateur par défaut Safari détecte automatiquement un numéro de téléphone sur une page et le convertira en un lien d’appel automatiquement ( sans besoin d’avoir l’attribut callto ou tel )

Envoyer un sms

Ceci est le code pour envoyer directement un sms sur mobile, il suffira de remplacer l’attribut tel par sms.
Sur mobile au clic du lien, l’éditeur de sms s’affichera directement.

Répondre