Шаг 1. Создайте аккаунт и контейнер
- Откройте tagmanager.google.com и войдите в рабочий аккаунт Google.
- На вкладке «Аккаунты» нажмите «Создать аккаунт».
- Укажите название аккаунта — обычно это название компании — и страну.
- Введите название контейнера, удобно использовать адрес сайта, и выберите тип «Веб».
- Нажмите «Создать» и примите условия использования.
Один аккаунт — одна компания, один контейнер — один сайт. Если сайтов несколько, для каждого обычно создают свой контейнер.
Шаг 2. Вставьте код контейнера на сайт
После создания контейнера Менеджер тегов покажет два фрагмента кода и идентификатор вида GTM-XXXXXXX.
- Первый фрагмент с тегом
<script> вставляется как можно выше в разделе <head> на каждой странице.
- Второй фрагмент с тегом
<noscript> вставляется сразу после открывающего тега <body>.
Если в CMS есть поле для идентификатора Менеджера тегов — в настройках шаблона или расширения, — достаточно вставить туда GTM-XXXXXXX, и оба фрагмента добавятся сами. Код всегда можно открыть снова, нажав на идентификатор контейнера вверху рабочей области.
Шаг 3. Добавьте тег Google для Analytics
- В рабочей области откройте «Теги» и нажмите «Создать».
- В конфигурации тега выберите «Тег Google» и вставьте идентификатор потока Google Analytics 4 вида
G-XXXXXXXXXX. Где его взять — в статье об установке Google Analytics 4.
- В качестве триггера выберите «Инициализация – все страницы».
- Назовите тег понятно, например «GA4 — тег Google», и сохраните.
Если раньше код Analytics стоял в шаблоне сайта напрямую, его нужно убрать, иначе визиты будут считаться дважды.
Шаг 4. Проверьте в режиме предварительного просмотра
- Нажмите «Предварительный просмотр» вверху рабочей области.
- Откроется Tag Assistant: введите адрес сайта и подключитесь. Сайт откроется в новой вкладке в режиме отладки.
- Вернитесь во вкладку Tag Assistant: ваш тег Google должен быть в списке сработавших тегов.
- Пройдите по нескольким страницам и убедитесь, что тег срабатывает на каждой.
Предварительный просмотр видите только вы, посетители сайта ничего не замечают.
Шаг 5. Опубликуйте контейнер
- Нажмите «Отправить» в правом верхнем углу.
- Заполните название и описание версии, например «Подключён GA4». Через полгода по таким описаниям легко понять, что и когда менялось.
- Нажмите «Опубликовать».
Пока контейнер не опубликован, теги на сайте не работают, даже если в предварительном просмотре всё срабатывало.
Cookie-баннер. Для посетителей из ЕС теги аналитики и рекламы должны учитывать согласие. В Менеджере тегов для этого есть режим согласия и триггер «Инициализация согласия – все страницы», который срабатывает раньше всех остальных. Как убедиться, что всё работает, — в статье
о проверке Consent Mode v2.
Как держать контейнер в порядке
- Называйте теги, триггеры и переменные по одной схеме: «сервис — что делает».
- Перед каждой публикацией проверяйте изменения в предварительном просмотре.
- Подрядчикам давайте доступ через управление пользователями в разделе «Администратор», а не свой пароль. Право публиковать — только тем, кому оно действительно нужно.
- Не вставляйте в теги «Пользовательский HTML» код из непроверенных источников: он выполняется на сайте у всех посетителей.
Когда контейнер работает, можно подумать и о загрузке тегов с собственного домена — об этом статья о Google tag gateway.
Частые ошибки
- Контейнер создан, но не опубликован.
- Analytics стоит и в шаблоне, и в Менеджере тегов — двойной учёт.
- На сайте два разных контейнера, и никто не помнит, зачем второй.
- Аккаунт Менеджера тегов оформлен на подрядчика, и после окончания работы доступ потерян.
Коротко
- Создайте аккаунт и веб-контейнер на рабочий аккаунт компании.
- Вставьте два фрагмента кода: в
<head> и сразу после <body> — или идентификатор в поле CMS.
- Добавьте тег Google с идентификатором GA4 и триггером «Инициализация – все страницы».
- Проверьте в предварительном просмотре.
- Нажмите «Отправить» → «Опубликовать».
Если в шаблоне сайта накопились коды разных сервисов и непонятно, что из них работает, мы можем настроить Google Tag Manager: перенесём теги в контейнер и настроим отслеживание форм, кликов и звонков.
