Как сделать кликабельным телефон на сайте. Номер телефона как ссылка

Часто возникает задача сделать номер телефона кликабельным, особенно — это важно для смартфонов, человек может перейти на сайт из рекламы и увидев номер, клинкуть по нему и сразу перейти на звонок со своего телефона.

Данная задача реализуется очень просто. Дальше будет простая для реализации инструкция.

Как использовать ссылку tel:

Ссылка на номер телефона создается с помощью специального префикса, который ставится перед номером телефона — tel:.

<a href=»tel:+79991111111«>+7-999-111-11-11</a>

Пример реализации в коде:

Стоит сказать, что сам по себе tel: — это не опция тега «А», а самостоятельный протокол (например, такой же как http), браузеры по разному его могут понимать. Он работает как на дескопе так и на мобильных устройствах.

Что произойдёт, если кликнуть на ссылку с tel

На смартфоне откроется приложение-звонилка, где буде сразу набран номер, нужн будет только нажать на кнопку вызова, чтобы сделать звонок.

А если открыть такую ссылку на компьютере, то то что произойдет зависит от системы, браузера, от наличия установленных приложений.

• Chrome, Edge, Firefox на Windows — откроется предложение использовать какую-нибудь программу для звонка.
• Safari — если номера нет в списке контактов, то появится подтверждение вызова, после этого откроется FaceTime.

Лучше делать кликабельным номер телефона только для мобильных устройств.