Генератор кода событий GA4 — gtag, dataLayer и Measurement Protocol

Выберите рекомендуемое событие GA4 — generate_lead, sign_up, purchase, add_to_cart и другие — или задайте своё название, заполните параметры и товары, а затем скопируйте код в виде gtag(), dataLayer.push() для Tag Manager или запроса Measurement Protocol на стороне сервера. Названия и значения проверяются на соответствие ограничениям GA4 прямо во время ввода.

Обновлено

Товары

Ваши данные никогда не покидают ваш компьютер. Вся обработка выполняется на 100% локально в вашем браузере.

Был ли этот инструмент полезен?0.0 Оценок: 0
Создайте скрипт, который отслеживает клики и отправку форм по data-атрибутам и передаёт события в GA4, Tag Manager, Meta Pixel, Plausible, PostHog и другие сервисыГенератор скрипта отслеживания событий →

Как пользоваться: Генератор кода событий GA4

  1. Выберите рекомендуемое событие, чтобы получить его стандартные параметры, или выберите Пользовательское событие и введите название, например newsletter_signup.
  2. Заполните или добавьте параметры; для событий электронной коммерции также появляется список товаров с кнопками добавления и удаления.
  3. Выберите формат: gtag() для сайтов с тегом Google, dataLayer для Tag Manager или Measurement Protocol для событий на стороне сервера.
  4. При необходимости оберните код в обработчик клика или отправки формы, скопируйте его и проверьте событие в DebugView в GA4.

Рекомендуемые и пользовательские события

GA4 распознаёт рекомендуемые события, например generate_lead, sign_up, login, search, а также набор для электронной коммерции от view_item до purchase, и использует их во встроенных отчётах. Используйте их, когда это подходит. Для всех остальных случаев пользовательское событие работает так же; чтобы видеть его параметры в отчётах, зарегистрируйте их как пользовательские измерения в разделе «Администратор → Пользовательские определения».

Какие проверки выполняются

  • Названия событий и параметров: начинаются с буквы, содержат только буквы, цифры и подчёркивания, не длиннее 40 символов, без зарезервированных префиксов (google_, ga_, firebase_) и зарезервированных названий событий.
  • Не более 25 параметров на событие, значения параметров до 100 символов.
  • Электронная коммерция: для value нужна currency, для purchase нужен уникальный transaction_id, а каждому товару нужен item_id или item_name.

Три способа отправки

gtag() отправляет данные напрямую в GA4. В Tag Manager вызов dataLayer.push() передаёт событие в контейнер, где триггер пользовательского события и тег GA4 пересылают его дальше. Перед данными электронной коммерции добавляется { ecommerce: null }, чтобы товары из предыдущего события не попали в следующее. Measurement Protocol отправляет события с вашего сервера, например для событий вне страницы: продления подписки или офлайн-продажи. Чтобы отслеживать клики без написания кода для каждой кнопки, используйте генератор скриптов отслеживания событий.

Также ищут как: код события gtag, ga4 event code, ecommerce код ga4, gtag purchase event.

Инструменты, которые хорошо сочетаются с Генератор кода событий GA4

  • Генератор кода Google Tag — Введите ID измерения GA4, ID Google Ads или ID контейнера Tag Manager и получите готовый к вставке код установки с настройками Consent Mode v2 по умолчанию, кросс-доменной связкой, режимом отладки, ручной отправкой просмотров страниц и настройками cookie, которые включаются только при необходимости.
  • Генератор dataLayer.push — Создайте код dataLayer.push() для Google Tag Manager: выберите рекомендуемое событие GA4 или своё, добавьте параметры и товары ecommerce, а при необходимости оберните код в слушатель клика или отправки формы — готово к вставке.
  • Декодер запросов GA4 — Отлаживайте Google Analytics 4 без догадок.
  • UTM-генератор — Добавляйте utm_source, utm_medium, utm_campaign и другие параметры к любой ссылке, смотрите, в какой канал GA4 попадёт переход, и размечайте сразу целый список URL.

Часто задаваемые вопросы

Как отправить пользовательское событие в GA4?
Вызовите gtag('event', 'your_event_name', { param: 'value' }) после загрузки тега Google. Здесь выберите «Пользовательское событие», введите название и параметры и скопируйте код.
Почему параметры событий не отображаются в отчётах?
Пользовательские параметры появляются в стандартных отчётах только после регистрации в разделе «Администратор → Пользовательские определения». Данные, собранные до регистрации, не заполняются задним числом.
В чём разница между gtag и dataLayer.push?
gtag() — это небольшая обёртка, которая передаёт данные в dataLayer для тега Google. В Tag Manager вы передаёте простые объекты с ключом event, а триггеры в контейнере решают, что делать дальше.
Нужен ли client ID для событий Measurement Protocol?
Да. Используйте client_id из cookie _ga посетителя, чтобы связать серверные события с его веб-сеансом, или свой постоянный идентификатор для событий без визита на сайт.
Можно ли установить Генератор кода событий GA4 как веб-приложение и пользоваться им офлайн?
Да. Генератор кода событий GA4 — это веб-приложение (PWA), которое можно установить из браузера, без скачивания из магазина приложений. В Chrome или Edge (Windows, macOS, Linux, ChromeOS) или на Android нажмите вверху этой страницы «Установить приложение»; на iPhone и iPad используйте «Поделиться → На экран «Домой»», а в Safari 17+ на Mac — «Файл → Добавить в Dock». После этого приложение откроется в отдельном окне со своим значком, и так как оно полностью работает в браузере, оно продолжит работать офлайн. Firefox на компьютере не умеет устанавливать веб-приложения. Как работает установка.

Похожие инструменты

localГенератор скрипта отслеживания событийОтслеживайте клики по кнопкам, ссылкам и отправку форм, добавляя атрибуты вместо кода:…localГенератор кода Google TagВведите ID измерения GA4, ID Google Ads или ID контейнера Tag Manager и получите готовый к вставке код…localГенератор dataLayer.pushСоздайте код dataLayer.push() для Google Tag Manager: выберите рекомендуемое событие GA4 или своё,…localДекодер запросов GA4Отлаживайте Google Analytics 4 без догадок. Скопируйте запрос /g/collect со вкладки Network браузера,…localUTM-генераторДобавляйте utm_source, utm_medium, utm_campaign и другие параметры к любой ссылке, смотрите, в какой канал…apiПроверка тегов и пикселейВведите URL, чтобы найти на странице все аналитические теги, рекламные пиксели и менеджеры тегов — с их…