Open Source · JavaScriptБесплатноВерсия 1.4 · 7 КБ · без зависимостей

messenger-tracker: какая кнопка мессенджера принесла обращение

Метрика обычно видит только «был переход в WhatsApp». Из шапки, из подвала или из плавающего виджета, и с какой страницы, не видно: у всех кнопок один адрес. Скрипт добавляет к каждому клику место и страницу. Поддерживает WhatsApp, Telegram, MAX, Яндекс Мессенджер, VK и Viber.

Исходный код и инструкция (GitHub)Все инструменты

Цели Метрики

Цель на каждое место

Общая цель на любой клик и отдельные цели «подвал», «виджет», «шапка». Видно, какое место даёт обращения, и по ним можно оптимизировать Директ.

Параметры визита

Мессенджер, место, страница

В отчёте «Параметры визитов» клики раскрываются деревом: мессенджер, затем место кнопки, затем страница. GA4 и GTM получают те же данные событием.

Без лишнего

Ничего не ломает

Адреса ссылок не меняются, посетитель ничего не видит. Счётчик скрипт сам не загружает: отказ от cookie соблюдается. Настройка атрибутами без фигурных скобок, поэтому не конфликтует с шаблонами CMS (проверено на MODX).

Подключение за 10 минут

Одна строка скрипта и метки мест

Подключите скрипт с номером своего счётчика.
Поставьте атрибут data-mt-place на блоки с кнопками: подвал, виджет, блок цен. Без меток место определится по шапке, подвалу и основному тексту страницы.
Создайте в Метрике цели «JavaScript-событие»: messenger_click и по одной на каждое место.
Проверьте: откройте страницу с ?mt_debug=1 в адресе и нажмите кнопки. Ссылки не откроются, а внизу всплывёт плашка: мессенджер, место, страница и «Метрика приняла».

<script src="https://cdn.jsdelivr.net/gh/trendbender/messenger-tracker@1.4.0/messenger-tracker.min.js"
        data-ym="12345678" data-goals="messenger_click,messenger_%place%" defer></script>

<footer data-mt-place="footer"> ... ссылки на wa.me, t.me ... </footer>
<a class="chat-widget" data-mt-place="widget" href="https://wa.me/79990000000">Задайте вопрос</a>

Что появится в Метрике:

messenger_click
  └ whatsapp
      ├ widget  → /uslugi/implantaciya/, /ceny/, …
      └ footer  → /kontakty/, …
  └ telegram
      └ header  → /

Почему так

Почему не UTM и не код в ссылке

Цели «переход по ссылке» различают только адрес, а у кнопок в шапке, подвале и виджете он обычно один.
UTM-метки мессенджеры в Метрику не возвращают: человек уходит с сайта и обратно не приходит.
Параметр ?start= в Telegram работает только для ботов, MAX и Яндекс Мессенджер такого не умеют.
Код в тексте WhatsApp-сообщения видит клиент. В деликатных темах (медицина, юристы) это отпугивает. В скрипте такая опция есть, но выключена.

Настроить аналитику обращений под ключ?

Поставим скрипт, цели Метрики и отчёт «какие страницы и кнопки приносят заявки». Проверим звонки, формы и мессенджеры.

Заполнить бриф на продвижение

Пять минут на бриф, и мы придём с разбором вашей ниши, а не с общими вопросами.