Custom Event

Как работает Custom Event

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

Передача данных происходит асинхронно, чтобы не замедлять загрузку страницы. Система аналитики получает JSON-объект или набор параметров, где указано имя события и его атрибуты. Маркетолог затем видит эти данные в отчётах, группируя их по категориям. Важно настроить фильтрацию дублей, чтобы одно и то же действие не считалось несколько раз при случайных двойных кликах или перезагрузках страницы.

Зачем нужен Custom Event

Стандартные настройки счётчиков часто не способны отследить ключевые бизнес-Метрики, такие как добавление товара в корзину без перехода на страницу оформления или скачивание прайс-листа. Этот инструмент заполняет Пробелы в сборе данных, позволяя измерять эффективность конкретных элементов дизайна и контента. Без него невозможно точно оценить конверсию в сложные целевые действия, не являющиеся переходом на новую страницу.

Кроме того, собранные данные используются для оптимизации рекламных кампаний. Передавая информацию о ценных действиях пользователей в рекламные кабинеты (Google Ads, Meta Ads), можно настроить алгоритмы обучения моделей на основе реальных конверсий, а не просто кликов. Это повышает качество трафика и снижает стоимость привлечения клиента.

Какие бывают виды Custom Event

События классифицируются по типу триггера и способу передачи параметров. Наиболее распространены кликовые события, реагирующие на нажатие кнопок, ссылок или интерактивных виджетов. Также существуют скролловые события, срабатывающие при прокрутке контента на определённый процент глубины, что помогает оценивать вовлечённость аудитории с длинными текстами.

По структуре данных они делятся на простые и параметризованные. Простые фиксируют только Факт совершения действия, тогда как параметризованные передают Контекст: название кнопки, категорию товара, сумму заказа или ID пользователя. Разделение по сложности позволяет гибко настраивать отчётность, выделяя наиболее значимые взаимодействия для бизнеса.

Где используется Custom Event

Этот инструмент применяется повсеместно в интернет-маркетинге: от лендингов до крупных e-commerce платформ. На сайтах услуг он отслеживает клики по номерам телефонов, нажатия на кнопки «Заказать звонок» или выбор услуги в калькуляторе. В интернет-магазинах с его помощью фиксируют добавление товаров в корзину, начало оформления заказа, выбор способа оплаты и успешную оплату.

Также метод активно используется в контентных проектах для анализа поведения читателей: Просмотр Видео, открытие всплывающих окон, Подписка на рассылку или чтение статьи до конца. В мобильных приложениях аналогичный подход позволяет отслеживать внутренние покупки, регистрацию новых аккаунтов и использование ключевых функций сервиса.

Пример: установка и чтение Custom Event

Для реализации отслеживания обычно используется JavaScript API аналитической системы. Ниже приведён пример кода для Google Analytics 4, который отправляет Событие при клике на кнопку. Код должен быть размещён либо напрямую на странице, либо настроен через диспетчер тегов (GTM) с использованием триггеров.

document.querySelector('.btn-order')
  .addEventListener('click', () => {
    gtag('event', 'generate_lead', {
      event_category: 'contact_form',
      event_label: 'header_button',
      value: 1
    });
  });