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

Мессенджеры — привычный для клиентов способ связи. Но одна «не та» кнопка или подпись способна испортить опыт: люди не поймут, куда писать, а вы не увидите результат. Разберём, где размещать кнопки 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 настроит кнопки мессенджеров, цели и отчёты в Метрике, проверит отображение на мобильных и десктопе. Если нужно, быстро соберём Создание лендинга под заявки или Создание сайта под ключ с блогом, настроим «Настройка Яндекс Метрики и Вебмастера», подключим рекламу и лёгкое сопровождение. Цель — спокойный, предсказуемый поток обращений и рост конверсии без сложностей.
