Добавляем на сайт ссылки на Whatsapp, Viber, Telegram (обновлено)

01.08.2017 | Написав

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

Итак, для Whatsapp:
– указываем код страны с плюсом
Для Viber:
– код страны без плюс, а также без восьмерки перед кодом оператора
Для Telergram:
– Укаываем не номер, а никнейм в сервисе.

В итоге у нас должно получится что-то типа вот такого:

<div class="foot-messengers">
<p>Мы отвечаем в мессенджерах:</p>
<a href="whatsapp://send?phone=+789061111111"><i class="fa fa-whatsapp" aria-hidden="true"></i></a>
<!-- Для ПК -->
<a class="hidden-xs" href="viber://chat?number=+79061111111"><i class="fa fa-phone-square" aria-hidden="true"></i></a>
<!-- Для мобильных -->
<a class="visible-xs" href="viber://add?number=79061111111"><i class="fa fa-phone-square" aria-hidden="true"></i></a>
<a href="tg://resolve?domain=nickname"><i class="fa fa-telegram" aria-hidden="true"></i></a>
</div>

По итогу, если кликнуть на иконку, то происходит открытие контакта в мессенджере, где можно отправить сообщение. Проверял на Android, все работает.

Рубрика: Веброзробка
Позначки:, , ,
Коментарі читачів статті "Добавляем на сайт ссылки на Whatsapp, Viber, Telegram (обновлено)"

Немає коментарів.

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься.

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.