Как пользоваться: Генератор кода Google Tag
- Выберите Google tag, чтобы установить GA4 или Google Ads напрямую, или Tag Manager, если вы управляете тегами через контейнер GTM.
- Введите ваши ID: идентификатор GA4 найдёте в разделе Admin → Data streams, а ID контейнера — вверху в Tag Manager.
- Оставьте настройки Consent Mode v2 по умолчанию включёнными, если вы показываете баннер cookie, и добавьте только нужные опции.
- Вставьте код для head на каждую страницу (Webflow: Site settings → Custom code), опубликуйте сайт и проверьте отчёт Realtime или DebugView.
Что добавляет каждая опция
- Настройки Consent Mode v2 по умолчанию —
gtag('consent', 'default', …)устанавливаетad_storage,ad_user_data,ad_personalizationиanalytics_storageв значениеdeniedдо запуска любого тега, аwait_for_updateдаёт баннеру время загрузиться. Затем ваш баннер вызываетgtag('consent', 'update', …). - Режим отладки —
debug_mode: trueотправляет события в DebugView в GA4. Отключите его перед запуском сайта, иначе отладочный трафик на несколько минут попадёт в отчёты. - Ручная отправка просмотров страниц —
send_page_view: falseотключает автоматический просмотр страницы для одностраничных приложений, которые отправляютpage_viewпри каждом переходе между маршрутами. - Кросс-доменное отслеживание —
linker.domainsдобавляет параметр_glв ссылки между вашими доменами, благодаря чему один визит на них остаётся одной сессией. Также домены нужно указать в настройках потока данных GA4. - User ID —
user_idобъединяет визиты одного человека с разных устройств. Это должен быть ваш внутренний ID; правила Google запрещают передавать email, имена и другие персональные данные.
Google tag или Tag Manager?
Google tag (gtag.js) — самый короткий способ добавить GA4 или Ads на сайт. Tag Manager загружает контейнер, который редактируется в веб-интерфейсе, поэтому маркетологи могут добавлять теги, триггеры и пиксели без правки кода. Это лучший вариант, когда на сайте много тегов. Используйте что-то одно для одного и того же ресурса GA4, а не оба сразу, иначе каждый просмотр страницы будет засчитан дважды. Затем отправляйте события с помощью генератора кода событий GA4 и проверяйте загрузку тегов с помощью проверки тегов отслеживания.
Также ищут как: генератор gtag сниппета, код установки ga4, код gtag.js, сниппет google tag manager, код установки gtm, конверсионный тег google ads, consent mode по умолчанию код, ga4 кросс-доменное отслеживание.
Инструменты, которые хорошо сочетаются с Генератор кода Google Tag
- Генератор скрипта отслеживания событий — Отслеживайте клики по кнопкам, ссылкам и отправку форм, добавляя атрибуты вместо кода: data-track="sign_up_click" и необязательные параметры data-track-*.
- Генератор баннера cookie — Добавьте баннер согласия на cookie на любой сайт — Webflow, WordPress, Shopify или обычный HTML — без платного плагина.
- UTM-генератор — Добавляйте utm_source, utm_medium, utm_campaign и другие параметры к любой ссылке, смотрите, в какой канал GA4 попадёт переход, и размечайте сразу целый список URL.
- Декодер запросов GA4 — Отлаживайте Google Analytics 4 без догадок.
Часто задаваемые вопросы
Где найти ID измерения GA4?
В Google Analytics перейдите в Admin → Data streams, откройте веб-поток и скопируйте ID, который начинается с G-.
Можно ли установить и GTM, и gtag.js?
Можно, но не загружайте один и тот же ресурс GA4 в обоих, иначе просмотры страниц будут засчитываться дважды. Если вы используете Tag Manager, добавляйте GA4 внутри контейнера.
Учитывает ли этот код согласие на cookie?
Если включены настройки Consent Mode v2 по умолчанию, теги Google не сохраняют cookie, пока ваш баннер не отправит обновление согласия. Без баннера, который отправляет обновления, Analytics работает в режиме без cookie.
Как проверить, что тег работает?
Включите режим отладки и откройте Admin → DebugView в GA4 или следите за отчётом Realtime. Расширение браузера Google Tag Assistant показывает все теги, которые загружает страница.
Можно ли установить Генератор кода Google Tag как веб-приложение и пользоваться им офлайн?
Да. Генератор кода Google Tag — это веб-приложение (PWA), которое можно установить из браузера, без скачивания из магазина приложений. В Chrome или Edge (Windows, macOS, Linux, ChromeOS) или на Android нажмите вверху этой страницы «Установить приложение»; на iPhone и iPad используйте «Поделиться → На экран «Домой»», а в Safari 17+ на Mac — «Файл → Добавить в Dock». После этого приложение откроется в отдельном окне со своим значком, и так как оно полностью работает в браузере, оно продолжит работать офлайн. Firefox на компьютере не умеет устанавливать веб-приложения. Как работает установка.