Как поставить ссылку на свои профили в мессенджерах
Привет, друзья. Сегодня поговорим о том, как сделать активную ссылку на Telegram, Whatsapp и Viber, то есть на свои профили или группы в этих замечательных (и не очень) мессенджерах.
Речь идет о ссылках, подобных телефонным или для почты, когда, кликая по ним открывается ваше приложение для работы с почтой или набранный номер.
Подобную операцию можно провернуть и с мессенджерами. Многие активно используют их (ссылки на мессенджеры), в построении автоворонок и, говорят, что такие мобильные лендинги имеют невероятную конверсию.
Зачем делать активную ссылку на мессенджер?
Мессенджеры пользуются огромной популярностью. Многие заводят каналы и паблики, так как информацию можно доносить прямо в телефон целевой аудитории, да еще и push-уведомлением, а значит пользователь обязательно увидит ваше сообщение.
Кроме того, оставляя такую ссылку на своем сайте, мы позволяем написать нам, ведь для многих звонок — это стресс, писать сообщение намного проще. Но это еще не все, ведь некоторым невыгодно звонить из региона в регион, или из страны в страну, а мессенджеры сделают звонок бесплатным.
В чем сложность?
Проблемы начинаются в тот момент, когда нужно поддерживать и мобильную версию и десктопную, то есть в 99% случаев. Дело в том, что приложение для телефонов и приложение для компьютера работают с разными ссылками и получается, что если указать ссылку для смартфона, то приложение для ПК сработает некорректно или совсем не сработает. Это касается мессенджера Viber, при этом WhatsApp и Telegram не испытывают подобных проблем.
Кроме того, не все знают как именно должна выглядеть ссылка, чтобы она открывала приложения. Чтобы вам не приходилась искать на разных сайтах, я сделал эту статью с инструкцией как правильно ставить активную ссылку на сайте, чтобы при клике на нее открывался мессенджер и сразу отправлял пользователя в чат с вами.
Давайте разбираться как должен выглядеть атрибут «href» у ссылок на тот или иной мессенджер.
Как поставить ссылку на свои профиль в Telegram?
Как я уже говорил с этим замечательным мессенджером нет никаких проблем в плане проставления ссылки. Главное правильно прописать значение в атрибуте href. Для этого достаточно воспользоваться шаблоном:
«NikName» – это имя пользователя, которые вы задавали в Телеграме. То, которое с символом @. В моем случае это @Dimadv, но вставлять нужно без «@». Так:
Как поставить ссылку на свой профиль в WhatsApp?
С проставлением ссылки на свой профиль в мессенджере WhatsApp, тоже никаких проблем нет. Кроме того, есть возможность даже добавить текст по умолчанию, который уже будет набран и пользователю останется его только отправить.
Ссылка должна выглядеть следующим образом:
- «380950000000» – ваш номер телефона,
- «?text %20» – символ пробела в сообщении.
Тут, как видите, тоже все достаточно просто.
Как поставить ссылку на свой профиль в Viber?
При проставлении ссылки на Viber нужно учесть некоторые особенности. Делво в том, что десктопное и мобильное приложение по-разному воспринимают символ «+». В связи с этим раньше были проблемы с тем, чтобы задать разную ссылку под разные устройства и я писал код, котрый подменял ссылку в зависимости от типа этого устройства, но один из читателей посоветовал другой подход. Спасибо вам за то, что делитесь со мной подобными решениями. Ссылку нужно задать в виде:
Где «%2B» — этот тот самый закодированный «+», который воспринимают обе версии приложений.
Надеюсь, теперь у вас не возникнут проблемы с добавлением ссылок на сайт, которые ведут на ваши профили в мессенждерах. Если возникнут вопросы, задавайте в комментариях.
Ставим правильные ссылки на WhatsApp и Telegram
Поставить ссылку на WhatsApp или Telegram клиенты на первый взгдяд весьма простая задача. Но не все так просто, как может показаться на первый взгляд. Есть несколько нюансов. Погуглив, решил собрать все воедино, дабы использовать в качестве памятки.
Ссылки на WhatsApp
Прямая связь
«Прямая связь» — это функция в WhatsApp, которая позволяет начать чат с человеком, номер которого не сохранен в адресной книге вашего телефона. Вам достаточно знать номер телефона данного человека, и вы можете создать ссылку, которая позволит начать с ним чат. Нажав на ссылку, вы автоматически откроете чат с нужным человеком. Функция «Прямая связь» работает на вашем телефоне и в WhatsApp Web.
Чтобы создать такую ссылку, наберите https://wa.me/[номер] . Вместо [номер] подставьте телефонный номер человека, с которым вы хотите связаться, в полном международном формате. При этом не добавляйте нулей, скобок и тире:
Где <PHONE> — это номер абонента, например 79202565656.
Шеринг конкретному абоненту
Чтобы создать собственную ссылку с предварительно заполненным сообщением, которое будет автоматически отображаться в текстовом поле чата, используйте https://wa.me/[номер]/?text=[текст] , где [номер] — это номер телефона в полном международном формате, а [текст] — это URL-закодированное предварительно заполненное сообщение:
Где <PHONE> — это номер абонента, например «79202565656», а <TEXT> — это само сообщение, например «Go на карты».
Далее все манипуляция со ссылками на WhatsApp-ресурсы производятся через протокол whatsapp:// и работоспособность НЕ гарантируется (по сосотоянию на 24 сентября 2018 года).
Шеринг с выбором группы (абонента)
Текст, передаваемый в ссылку, должен быть url-кодирован. В примере для этого использована функция urlencode .
Шеринг конкретному абоненту
Где плейсхолдер <ABID> — это идентификатор абонента.
Насколько мне известно, фичу с ABID прикрыли и из веба вы не получе это значение.
Ссылки на Telegram
Все манипуляция со ссылками на Telegram-ресурсы производятся через протокол tg://
Шеринг с выбором группы (абонента)
Сообщение абоненту из справочника
Параметр <PHONE> работает при условии, что абонент есть в вашем справочнике.
Чат с любым абонентом
Альтернативно ссылки можно попробовать ставить через внешний сервис, которых развелось огромное множество.
Открыть пак со стикерами
Шеринг через Web
Это на тот случай, когда у пользователя не установлен Telegram на устройстве.
Как оставить ссылку на WhatsApp, Telegram, Viber, VK в шапке профиля?
Для того, чтобы с вами можно было оперативно связаться, пользователи добавляют в место для сайта ссылку на свой аккаунт в мессенджере. Это позволяет экономить время людей и приступить к важному с самого начала.
Представьте, если вы оставите просто свой номер телефона, то подписчику придется:
- открыть набор номера и вручную его ввести (копирование в мобильной версии недоступно);
- записать контакт;
- зайти в мессенджер и найти вас;
- связаться.
На любом из этих этапов потенциальный покупатель может “слиться”, так как ему попросту надоест проделывать все эти шаги. Именно поэтому можно сразу вставить ссылку, по которой клиент перейдет и сделает заказ. Это наиболее актуально для коммерческих аккаунтов, но в частных случаях данный способ используют и личные профили.
Разберемся, как сделать готовую ссылку в мессенджер или соцсеть в несколько кликов.
WhatsApp
Это тот мессенджер, который наиболее часто используется. Чтобы сделать на него ссылку, нужно:
- зайти на свою страницу в Инстаграме;
- нажать на “Редактировать профиль”;
- в графе с ссылкой на сайт ввести “ https://wa.me/79067890656 ” (номер ваш);
- сохранить изменения.
Telegram
Необходимо сделать то же самое, что и в предыдущем примере, поменяв лишь ссылку. Она будет выглядеть так: “ https://t.me/username ” (где последняя часть — ваш ник в Телеграме). Если у вас еще нет никнейма, то следует его ввести сначала в ТГ, а затем в ссылку.
Viber и VKontakte
Для этого мессенджера существует свой адрес — “ https://viber.click/79098765323 ”.
Чтобы оставить ссылку на ВК, нужно либо зайти в соцсеть и скопировать ее, либо воспользоваться шаблоном. Он выглядит так: “ http://vk.me/id1278 ” (вместо цифр — ваш ник, который забит в адресной строке).
Вот так просто можно сделать активную ссылку на ваш мессенджер или страницу в социальной сети. Благодаря этому вам удастся не потерять клиентов, которые хотят с вами связаться.
Как ставить ссылки на Telegram, WhatsApp и Viber
Наверняка вы замечали, что многие активно используют ссылки на 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 |
Ставьте удобные и красивые ссылки на мессенджеры, чтобы ни один из ваши потенциальных клиентов не потерялся.