Наверняка вы замечали, что многие активно используют ссылки на Telegram, Whatsapp и Viber на страницах лендингов для мобильных устройств, в шапке профиля Инстаграм и просто на сайтах. Возможность моментально связаться в мессенджере невероятно повышает конверсию.

Зачем делать активную ссылку на мессенджер?

Мессенджеры пользуются огромной популярностью.

Кроме того, оставляя такую ссылку на своем сайте, вы даете возможность спросить в сообщении. Для многих людей звонок — это стресс, а писать сообщение намного проще. К тому же, иногда невыгодно звонить из региона в регион, или из страны в страну, а мессенджеры сделают звонок бесплатным.

В чем подвох?

Проблемы начинаются в тот момент, когда вы не знаете, с какого устройства человек зайдет на сайт. Дело в том, что вызов мессенджера с телефона и вызов мессенджера для компьютера работают по разным ссылкам. Если указать только ссылку для смартфона, то приложение для ПК сработает некорректно или совсем не сработает. Это касается мессенджера Viber.

WhatsApp и Telegram не испытывают подобных проблем.

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

Как поставить ссылку на свой профиль в Telegram?

С Telegram нет никаких проблем — ссылка одинаковая для всех устройств. Главное правильно прописать значение в атрибуте href. Для этого достаточно воспользоваться шаблоном:

<a href="tg://resolve?domain=NikName">Написать в Телеграм</a>

«NikName» – это имя пользователя, которые вы задавали в Телеграме. То, которое с символом @. В моем случае это @IrinaBerg

Как поставить ссылку на свой профиль в WhatsApp?

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

Ссылка должна выглядеть следующим образом:

<a href="https://wa.me/380670000000?text=Здравствуйте.%20Вопрос%20по%20поводу%20сайта.">Написать в WhatsApp</a>

Где:

  • «380670000000» – ваш номер телефона,
  • «?text=» – параметр содержащий текст по умолчанию,
  • «%20» – символ пробела в сообщении.

Тут, как видите, тоже все достаточно просто.

Как поставить ссылку на свой профиль в Viber?

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

1<a href="viber://add?number=380670000000">Написать в Viber</a>

Ссылки для мобильных устройств, скорее всего, будет достаточно для шапки Инстаграм. Но если речь идет о сайтах, то часто их открывают и на ПК.

Для ПК ссылка выглядит так:

1<a title="Должен быть установлен Viber для ПК" href="viber://chat?number=+380670000000">Написать в Viber</a>

И возникает необходимость определить, с какого устройства посетитель заглянул на сайт.

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

Вот сама функция на PHP

<?php function check_mobile_device() { $mobile_agent_array = array('ipad', 'iphone', 'android', 'pocket', 'palm', 'windows ce', 'windowsce', 'cellphone', 'opera mobi', 'ipod', 'small', 'sharp', 'sonyericsson', 'symbian', 'opera mini', 'nokia', 'htc_', 'samsung', 'motorola', 'smartphone', 'blackberry', 'playstation portable', 'tablet browser');
$agent = strtolower($_SERVER['HTTP_USER_AGENT']);
foreach ($mobile_agent_array as $value) {
if (strpos($agent, $value) !== false) return true;
};
return false; };?>

Расположить функцию, можно где угодно на странице. Главное — до ее вызова.

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

<? if(check_mobile_device()) :?><a href="viber://add?number=380950000000">Viber</a>
<? else : ?><a title="Должен быть устоновлен Viber для ПК" href="viber://chat?number=+380950000000">Viber</a><? endif; ?>

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

Есть и более надежные способы для определения устройства.
Можно также воспользоваться PHP-классом Mobile-Detect, который специально создан для этих целей (определять устройство).

Пользоваться им достаточно просто:

  • Подключаем файл с Классом.
  • Создаем новый экземпляр класса.
  • Делаем проверку.

Звучит страшнее, чем есть на самом деле.

require_once 'functions/Mobile_Detect.php';
$detect = new Mobile_Detect; 
if ( $detect->isMobile() ) { // Здесь пишем код или разметку для мобильного}
else {// Здесь код или разметку для Десктопа}

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

Pin It on Pinterest

Share This