Кнопки мессенджеров на сайте: где ставить и что мерить

Кнопки мессенджеров на сайте: где ставить и что мерить

Мессенджеры — привычный для клиентов способ связи. Но одна «не та» кнопка или подпись способна испортить опыт: люди не поймут, куда писать, а вы не увидите результат. Разберём, где размещать кнопки Telegram и VK, как подписывать и когда показывать, а главное — что мерить в Яндекс Метрике, чтобы видеть не «клики», а реальные заявки.

Где размещать кнопки: десктоп и мобильный

Десктоп

  • Шапка сайта: иконки справа от телефона. Для постоянного доступа. Не перегружайте — 1–2 ключевых канала.
  • Плавающая кнопка (фиксированная): внизу справа «Написать». Хорошо работает для лендингов и длинных страниц.
  • Карточки услуг и страницы контактов: дублируйте «Написать в Telegram / VK» рядом с ценой или формой.
  • Футер: уместно как запасной вариант. Не рассчитывайте на него как на основной.

Мобильный

  • Нижняя панель (sticky-bar): 2–3 крупных действия — «Позвонить», «Telegram», «Написать в VK».
  • Кнопка звонка на карточках услуг: для «горячих» клиентов, мессенджер — рядом вторым действием.
  • Плавающая кнопка: аккуратная, не перекрывает контент и баннеры.

Куда что ставить: краткая шпаргалка

МестоЛучше всего дляПлюсыРиски
ШапкаПостоянная видимостьПривычно, быстроМелкие иконки, легко «промахнуться»
ПлавающаяДлинные страницыВсегда под рукойМожет мешать на мобильном, проверьте
Карточки услугГотовые к диалогуКонтекстно рядом с ценойНужна краткая подпись
ФутерДоп. точка контактаНе отвлекаетНизкая видимость

Какие кнопки и подписи использовать

  • Telegram: «Написать в Telegram». Для быстрых вопросов и документов.
  • VK Сообщения: «Написать в VK». Удобно для локальных услуг и магазинов.
  • Звонок: «Позвонить». На мобильном — обязательная кнопка.

Подписи пишите человеческим языком: не «Онлайн-консультант», а «Ответим за 5–10 минут». Укажите рабочие часы: «Пн–Сб 9:00–20:00, отвечаем быстро» и настройте автоответ вне времени.

Что мерить: от клика до заявки

  • Клики по кнопкам мессенджеров.
  • Начатые диалоги (факт перехода в мессенджер/открытия диалога).
  • Заявки из диалогов (зафиксированы в CRM/таблице).
  • Доля диалогов, перешедших в заявки = заявки / начатые диалоги.

Цель — не просто «много кликов», а понятная воронка: клик → диалог → заявка → продажа. Так видно, какие каналы реально работают.

Как настроить учёт в Яндекс Метрике

UTM (Urchin Tracking Module) — это метки в ссылке, по которым аналитика понимает источник. Добавьте их к каждой кнопке мессенджера и передавайте событие в Метрику.

Вариант 1. Событие при клике

<a href="https://t.me/yourname?start=site" 
   onclick="ym(XXXXXXX, 'reachGoal', 'click_tg');" 
   rel="nofollow noopener" target="_blank">Написать в Telegram</a>

Вместо XXXXXXX поставьте ID счётчика. Для VK используйте свою цель, например click_vk.

Вариант 2. Переход через «страницу-переходник»

Создайте скрытую страницу /go/tg, на неё повесьте цель «Просмотр страницы /go/tg», затем делайте авто-редирект в Telegram. Так Метрика точно зафиксирует «начатый диалог» как посещение /go/tg.

<meta http-equiv="refresh" content="0;url=https://t.me/yourname?start=site&utm_source=site&utm_medium=messenger&utm_campaign=contact">

Плюс: вы видите UTM-метки в отчётах «Источники → Метки» и в карточках визитов.

Как считать долю заявок

Фиксируйте заявки в CRM или таблице с указанием источника (Telegram/VK). Раз в неделю сводите данные:

Диалоги (неделя) = просмотры /go/tg + /go/vk
Заявки (неделя) = сделки из Telegram + VK
Доля = Заявки / Диалоги

Сбор простого отчёта в Метрике

  • Заведите цели: click_tg, click_vk или «Просмотр страницы /go/…».
  • Отчёт «Содержание → События» (или «Источники → Метки»): группировка по цели и utm_campaign.
  • Добавьте сегмент «Устройство: мобильные» — так увидите разницу между десктопом и мобильным.
  • Сохраните отчёт и включите автопочту раз в неделю.

Частые ошибки и как их избежать

  • Слишком много иконок. Оставьте 2–3 канала, остальные уберите в раздел «Контакты».
  • Непонятные подписи. Пишите «Написать в Telegram», а не «Связаться».
  • Нет режима ответа. Укажите часы работы и включите автоответ.
  • Без меток и целей. Каждая кнопка с UTM и целью в Метрике — иначе не увидите эффективность.
  • Кнопка перекрывает контент на мобильном. Проверьте на 2–3 моделях экранов.

Чек-лист перед запуском

  • Выбраны 2–3 канала: Telegram, VK, звонок.
  • Размещение: шапка + плавающая кнопка (мобайл — нижняя панель).
  • Подписи человеческие, часы указаны.
  • UTM-метки и цели настроены, тестовые клики видны в визитах.
  • Собран недельный отчёт «клики → диалоги → заявки».

Как это влияет на продажи и сайт в целом

Правильные кнопки повышают конверсию лендинга и дают больше быстрых диалогов. Если у вас Продающий лендинг для услуг или многостраничный сайт, который должен давать заказы из интернета, подключение мессенджеров с учётом метрик — простой способ получить +10–30% обращений без переделки всего проекта.

Советуем идти по пути «малых шагов»: добавить кнопки, прометить, собрать недельную статистику, затем уточнить подписи и расположение. Для проектов, где важен контентный поток, параллельно работает Создание сайта с блогом и регулярные SEO тексты и статьи на сайт — так вы закрываете информационные запросы и даёте посетителю удобный путь «прочитал → написал → заказал».

Когда нужен чат-виджет, а когда достаточно кнопок

  • Достаточно кнопок: до 3 каналов связи, простые услуги, трафик до 2–3 тыс. в месяц.
  • Нужен чат-виджет-агрегатор: много источников (Telegram, VK, e-mail), несколько менеджеров, очередь, быстрые автоответы и распределение тем.

Если нужен быстрый старт без перегрузки интерфейса, начните с кнопок и Метрики. Дальше можно расшириться.

Поможем настроить всё без «технической боли»

COSMY Digital настроит кнопки мессенджеров, цели и отчёты в Метрике, проверит отображение на мобильных и десктопе. Если нужно, быстро соберём Создание лендинга под заявки или Создание сайта под ключ с блогом, настроим «Настройка Яндекс Метрики и Вебмастера», подключим рекламу и лёгкое сопровождение. Цель — спокойный, предсказуемый поток обращений и рост конверсии без сложностей.