Как пользоваться: Генератор скрипта отслеживания событий
- Отметьте инструменты аналитики, которые уже загружаются на вашем сайте, и автоматические события, которые хотите отслеживать.
- Скопируйте скрипт в код футера (Webflow: Site settings → Custom code → Footer code).
- Добавьте
data-track="event_name"к любой кнопке, ссылке или форме, а также атрибутыdata-track-*для параметров. - Нажмите Try it, чтобы увидеть события, затем опубликуйте сайт и проверьте их в режиме реального времени в вашем инструменте аналитики.
Как это работает
Скрипт один раз подключается ко всей странице, поэтому он также видит элементы, добавленные позже: списки CMS, вкладки, всплывающие окна. Когда пользователь кликает по элементу с data-track (или по любому элементу внутри него), скрипт считывает имя события и все атрибуты data-track-* как параметры: data-track-location="hero" становится location: "hero". Для <form> событие срабатывает при отправке формы, а не при каждом клике. Значения полей никогда не читаются, поэтому персональные данные не передаются.
Что получает каждый инструмент
- GA4:
gtag('event', name, params). Tag Manager:dataLayer.push({ event: name, ...params }). - Meta Pixel:
fbq('track', …)для стандартных событий, напримерLeadилиContact(задайте их черезdata-track-meta="Lead"), в остальных случаяхtrackCustom. - Plausible, Umami, PostHog, Mixpanel и Fathom получают собственные вызовы событий с тем же именем и свойствами; Clarity получает пользовательское событие, по которому можно фильтровать записи.
Автоматические события используют имена GA4: click с outbound: true для внешних ссылок и file_download для скачиваний. Так они совпадают с Enhanced Measurement, если вы используете оба варианта (отключите один из них, чтобы не считать события дважды). Инструменты, которых нет на странице, пропускаются без ошибок. Отдельные события можно создать вручную с помощью генератора кода событий GA4.
Также ищут как: data-атрибуты для аналитики, webflow отслеживание событий, отслеживание кликов по кнопкам google analytics, ga4 отслеживание кликов, отслеживание отправки форм ga4.
Инструменты, которые хорошо сочетаются с Генератор скрипта отслеживания событий
- Генератор кода Google Tag — Введите ID измерения GA4, ID Google Ads или ID контейнера Tag Manager и получите готовый к вставке код установки с настройками Consent Mode v2 по умолчанию, кросс-доменной связкой, режимом отладки, ручной отправкой просмотров страниц и настройками cookie, которые включаются только при необходимости.
- Генератор баннера cookie — Добавьте баннер согласия на cookie на любой сайт — Webflow, WordPress, Shopify или обычный HTML — без платного плагина.
- Генератор dataLayer.push — Создайте код dataLayer.push() для Google Tag Manager: выберите рекомендуемое событие GA4 или своё, добавьте параметры и товары ecommerce, а при необходимости оберните код в слушатель клика или отправки формы — готово к вставке.
- Проверка тегов и пикселей — Введите URL, чтобы найти на странице все аналитические теги, рекламные пиксели и менеджеры тегов — с их ID, данными о том, что загружено внутри Google Tag Manager, инструментом управления cookie и тегами подтверждения прав для Search Console и Bing.