Как пользоваться: Генератор кода GTM
- Введите ID контейнера (
GTM-…), который указан в верхней части Tag Manager. - Оставьте настройки Consent Mode v2 включёнными, если на сайте есть баннер cookie.
- Вставьте первый блок в
<head>, а второй сразу после<body>. - Опубликуйте изменения и откройте режим предпросмотра в Tag Manager, чтобы проверить загрузку контейнера.
Почему настройки согласия идут первыми
Теги в контейнере считывают согласие в момент срабатывания. Если задать значения denied в скрипте выше контейнера, ни один инструмент не сохранит cookie до того, как посетитель сделает выбор. Когда баннер обновляет согласие, Tag Manager повторно проверяет ожидающие теги. Iframe <noscript> в body нужен только посетителям без JavaScript. Передавать события в контейнер можно с помощью генератора dataLayer Push.
Также ищут как: сниппет google tag manager, gtm noscript, consent mode gtm, gtm webflow, установка google tag manager.
Инструменты, которые хорошо сочетаются с Генератор кода GTM
- Генератор кода Google Tag — Введите ID измерения GA4, ID Google Ads или ID контейнера Tag Manager и получите готовый к вставке код установки с настройками Consent Mode v2 по умолчанию, кросс-доменной связкой, режимом отладки, ручной отправкой просмотров страниц и настройками cookie, которые включаются только при необходимости.
- Генератор баннера cookie — Добавьте баннер согласия на cookie на любой сайт — Webflow, WordPress, Shopify или обычный HTML — без платного плагина.
- Проверка тегов и пикселей — Введите URL, чтобы найти на странице все аналитические теги, рекламные пиксели и менеджеры тегов — с их ID, данными о том, что загружено внутри Google Tag Manager, инструментом управления cookie и тегами подтверждения прав для Search Console и Bing.
- Генератор скрипта отслеживания событий — Отслеживайте клики по кнопкам, ссылкам и отправку форм, добавляя атрибуты вместо кода: data-track="sign_up_click" и необязательные параметры data-track-*.
Часто задаваемые вопросы
Куда вставлять часть noscript?
Сразу после открывающего тега . В Webflow, где нет слота для начала body, поместите её в начало поля Footer code либо пропустите: она влияет только на посетителей с отключённым JavaScript.
Можно ли переименовать dataLayer?
Можно, но во всех вызовах push должно использоваться одно и то же имя. Лучше оставить стандартный dataLayer, чтобы не допустить ошибок.
Как проверить, что GTM установлен?
Откройте режим предпросмотра в Tag Manager и введите URL вашего сайта. Если контейнер установлен, Tag Assistant подключится и покажет теги, которые срабатывают на каждой странице.
Можно ли установить Генератор кода GTM как веб-приложение и пользоваться им офлайн?
Да. Генератор кода GTM — это веб-приложение (PWA), которое можно установить из браузера, без скачивания из магазина приложений. В Chrome или Edge (Windows, macOS, Linux, ChromeOS) или на Android нажмите вверху этой страницы «Установить приложение»; на iPhone и iPad используйте «Поделиться → На экран «Домой»», а в Safari 17+ на Mac — «Файл → Добавить в Dock». После этого приложение откроется в отдельном окне со своим значком, и так как оно полностью работает в браузере, оно продолжит работать офлайн. Firefox на компьютере не умеет устанавливать веб-приложения. Как работает установка.