Всё чаще приходится делать активные ссылки для удобного набора номера одним кликом мышки — чтобы при нажатии на такую ссылку запускались бы определенные, популярные мессенджеры. Именно кликабельная ссылка для Viber, Whatsapp, Telegram, телефона, Skype. Вот нашел готовую статью и сохранил у себя.
Для начала — простейший способ сделать кликабельную ссылку для обычного телефонного номера. Для посетителей. которые посещают ваш сайт с телефона, будет актуальным номер со ссылкой. При нажатии на него (ссылку), сразу же он появится на экране для звонка и не нужно будет его выделять. копировать или вообще вводить вручную. Таким образом, вы упрощаете для клиента способ связаться с вами. Код такой ссылки будет иметь следующий вид:
<a title="Позвонить" href="tel:+120345678910">+12(034)567-89-10</a>
Как видите, номер выведется как — +12(034)567-89-10. Можете заключать его в что угодно, добавлять стили, теги, задавать ему любой вид. В путь ссылки мы прописываем в формате — tel:+120345678910. После tel: нужно указать номер без пробелов и лишних символов, просто номер, в том формате, в котором обычно набираете его на телефоне. Это очень важно, в противном случаи номер для набора будет неправильным. Хотя работает и с черточками и со скобками. Но, возможно, не в любом браузере.
Далее по этому же принципу делаем ссылки для Viber, Whatsapp, Telegram. Для каждой они будут схожими, но немного отличаться. скажу сразу, что выводить на экран, решать вам, я просто выведу название мессенджеров.
<a title="WhatsApp" href="whatsapp://send?phone=+120345678910">WhatsApp</a> //Для приложения Viber на ПК <a title="Viber" href="viber://chat?number=+120345678910">Viber</a> //Для приложения Viber на мобильных <a title="Viber" href="viber://add?number=120345678910">Viber</a> <a title="Telegram" href="tg://resolve?domain=nickname">Telegram</a>
Как видите по коду, в конце ссылки для Viber и Whatsapp указан номер телефона. Для Telegram же указан никнейм. Вам остается попросту менять их на нужные и ссылка будет работать.
Еще ссылка для скайпа. Первая позволит открыть окно с диалогом для общения по Skype.
<a href="skype:nickname?chat">nickname</a>
Просто замените nickname на нужный профиль Skype. Например — skype:superman?chat. Так же можно сделать ссылку на звонок по Skype.
<a href="skype:nickname?call">Skype</a>
Как видите, разница только в ссылке. У одной — ?chat, а у второй — ?call. Как и с чатом, просто меняете nickname на нужное имя.
Взято отсюда.
Комментарии отсутствуют