Обычные ссылки в атрибуте href имеют адрес, который начинается с https:// (намного реже уже с http://) или просто указание на страницу текущего сайта, например, <a href="pages/about.html"> или <a href="page.php">. Однако, когда мы хотим сделать ссылку на email, телефон, Viber, Telegram или WhatsApp, необходимо изменить значение в href такой ссылки.
Ссылки на email
Это ссылки, которые чаще всего будут размещаться на странице "Контакты", в заголовочной части страницы (хедере) или подвале (футере). Эти ссылки имеют примерно такой вид:
| 1 | Наш email: <a href="mailto:info@somesite.com">info@somesite.com</a> |
При клике на такой ссылке на Windows обычно открывается приложение Outlook, либо браузер предлагает выбрать почту из тех, в которые вы заходили, например, Gmail.
Ссылки на телефон
Ссылки на телефон необходимы в большей степени для просмотра сайта через мобильные устройства - смартфоны и планшеты, которые умеют звонить. При клике на такой ссылке вы переходите к вызову абонента, номер которого у вас уже набран в телефоне. Удобно, не так ли?
| 1 | <a title="Позвонить" href="tel:+380502223344">+38(050)222-33-44</a> |
Важно: после tel: в атрибуте href номер должен быть без пробелов, скобок и черточек и любых других символов, могут прийти вам в голову. Только номер в том формате, который обычно отображается у вас при наборе на телефоне. Если проигнорировать это условие набора номера будет затруднительным.
Ссылки на Вайбер
Еще один популярный вариант ссылок - ссылки на Вайбер. Отличаются для приложения на телефонах и на компьютерах:
| 1 2 3 4 | <!-- Для приложения Viber на мобильных --> <a title="Viber" href="viber://add?number=%2B380502223344">Viber</a> <!-- Для приложения Viber на ПК --> <a title="Viber" href="viber://chat?number=%2B380502223344">Viber</a> |
Для корректного вызова на телефоне необходимо заменить символ + на %2B.
Ссылки на WhatsApp
Для WhatsApp вы можете использовать ссылку вида https://wa.me/<number>, где <number> — полный номер телефона в международном формате. При этом в номере телефона нельзя использовать нули, скобки или дефисы. Зато можно еще добавить параметр text с заготовленным текстом сообщения.
Пример:
| 1 2 3 4 5 | <a href="https://wa.me/38XXXXXXXXXX">WhatsApp Link</a> <!-- пример --> <a href="https://wa.me/380502223344">WhatsApp Link1</a> <!-- пример с текстом --> <a href="https://wa.me/380502223344?text=Здравствуйте,%20интересует%20ваше%20объявление%20о%20продаже%20квартиры.">WhatsApp Link 1 + Text</a> |
Еще один пример ссылки на WhatsApp:
| 1 2 3 4 5 | <a href="whatsapp://send?phone=38XXXXXXXXXX">WhatsApp</a> <!-- пример --> <a title="WhatsApp" href="whatsapp://send?phone=380502223344">WhatsApp Link 2</a> <!-- пример с текстом --> <a title="WhatsApp" href="whatsapp://send?phone=380502223344&text=Привет">WhatsApp Link 2 + Text</a> |
Ссылка на Telegram
Ссылка на Телеграм представляет собой стандартный интернет-адрес с указанием имени пользователя или названия канала. Они имеют следующий вид: https://t.me/username или https://t.me/channelname.
| 1 2 3 | <a title="Telegram" href="https://t.me/michalMish">Telegram</a> <!--Ссылка на канал Шрайк Ньюс --> <a title="Telegram" href="t.me/ShrikeNews">Шрайк Ньюс</a> |
Для Telegram вы должны указать аккаунт, который сами устанавливаете в настройках:
Подробнее с сайта Telegram
