Руководство по настройке событий клика в бесплатных аналитиках

Каждый владелец сайта рано или поздно сталкивается с задачей отслеживать действия посетителей. Самое ценное — это события клика: на кнопки, телефоны, заявки, добавление товаров в корзину. В этой статье мы подробно разберём, как настроить отслеживание кликов в бесплатных системах аналитики: Google Analytics 4, Яндекс.Метрика и Open Web Analytics. Поехали!

Google Analytics 4 и Google Tag Manager (бесплатно)

Что отслеживаем?

• Клик на кнопку «Заказать звонок»
• Клик на e-mail или на телефон
• Нажатие «Добавить в корзину»
• Любые клики по элементам с data-атрибутами (например, data-tariff="Консультация")

Шаг за шагом

1. Создайте аккаунт GA4. Получите измерение (Measurement ID) вида G-XXXXXXXXXX.
2. Установите Google Tag Manager на сайт, разместив контейнер <script> в <head>.
3. Создайте переменную автоматического события
   GTM → Variables → New → Auto-Event Variable → Type = Click Element.
4. Настройте триггер «Клик»
   Trigger Configuration → Click – All Elements → «Some Clicks» → условие: Click Element matches CSS selector → button[data-action="callback"].
5. Создайте тег GA4 Event
   Tag Type = Google Analytics: GA4 Event
   Event Name = callback_click
   Parameters:
   • category = microconversion
   • action = click
   • label = клик «заказать звонок»
6. Опубликуйте контейнер.

Через 5-10 минут событие появится в GA4 → Reports → Engagement → Events. Чтобы превратить его в цель, отметьте событие как conversion в разделе Admin → Conversions.

Яндекс.Метрика и визуальная настройка целей

Доступные автоцели

• Клик на телефон
• Клик на e-mail
• Отправка формы
• Переход в соцсети и мессенджеры

Как добавить?

1. Установите счётчик Метрики на сайт.
2. В конструкторе целей выберите «Шаблон» → «Клик по телефону».
3. Укажите CSS-селектор кнопки, например .btn-phone.
4. Сохраните цель. Данные появятся в отчётах в течение 15 минут.

Бесплатный план позволяет отслеживать до 10 000 000 событий в месяц — достаточно для 95 % сайтов.

Open Web Analytics (OWA) — полностью бесплатная платформа с открытым кодом

Установка

1. Скачайте OWA с официального репозитория GitHub.
2. Загрузите на сервер, создайте БД и пройдите установку (5 минут).
3. Вставьте JavaScript-код в <head> сайта.

Отслеживание клика JavaScript-методом

<button onclick="owa.trackAction('call_order', {category:'microconversion', label:'клик «заказать звонок»'})">Заказать звонок</button>

Данные появятся в панели OWA → Actions.

Практический чек-лист

1. Определите, какие клики нужно отслеживать.
2. Добавьте data-атрибуты к элементам для удобства CSS-селекторов.
3. Настройте систему аналитики (GA4, Метрика, OWA).
4. Создайте цели/конверсии.
5. Проверьте в реальном времени: GA4 → DebugView, Метрика → Лента событий.

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

• Конфликт счётчиков. Проверяйте, чтобы каждая система использовала свой хостнейм и ID.
• Не указан CSS-селектор. Всегда задавайте точный id или class кнопки.
• Блокировщики рекламы. Тестируйте в режиме инкогнито.
• Задержка данных. В GA4 и OWA данные могут задерживаться до 24 часов.

Настроив клик-ивенты, вы получите точное представление о том, какие элементы сайта реально приносят заявки и продажи. Все описанные инструменты полностью бесплатны, а процесс занимает от 15 минут до часа. Подписывайтесь на Telegram-канал @dchengaev, чтобы не пропустить новые гайды по аналитике!