Install the Google Tag Manager container snippet
С помощью Google Менеджера тегов можно настраивать и развертывать теги из продуктов Google и сторонние теги.
Что такое тег?
Теги – это фрагменты кода, которые упрощают интеграцию продуктов на ваших сайтах и в мобильных приложениях. Они предоставляются поставщиками аналитических и маркетинговых услуг или службой поддержки. Благодаря Google Менеджеру тегов вам больше не нужно добавлять эти теги непосредственно в проекты. Теперь вы можете в интерфейсе Менеджера настроить теги и условия их активации, а затем опубликовать их.
Что такое аккаунт?
Аккаунт – высший уровень иерархии в Менеджере тегов. Как правило, для одной компании достаточно одного аккаунта. Аккаунт Менеджера тегов содержит один или несколько контейнеров.
Что такое контейнер?
Контейнер состоит из нескольких тегов и правил, которые ими управляют. Существуют определенные типы контейнеров, которые можно использовать для:
- сайтов;
- AMP-страниц;
- приложений для Android;
- приложений для iOS;
- запуска Менеджера тегов на сервере.
1. Создайте аккаунт и контейнер
При создании аккаунта вы выполните последовательность действий по настройке нового контейнера.
- В Менеджере тегов перейдите на вкладку Аккаунты и выберите Создать аккаунт.
- Укажите название аккаунта и выберите страну.
- Введите информативное название контейнера и выберите его тип.
- Чтобы создать контейнер, нажмите Создать и согласитесь с Условиями использования.
Результат
При первой загрузке контейнера вы увидите диалоговое окно, зависящее от типа контейнера.
- Веб-контейнер и контейнер AMP – будет показан фрагмент кода для установки на сайте.
- iOS и Android – вы получите ссылку на документацию для разработчиков.
- Сервер – вы сможете выбрать инициализацию сервера автоматически или вручную.
Вы можете установить контейнер на этом этапе или закрыть диалоговое окно, нажав ОК, и возобновить процесс установки позже.
Если вы хотите собирать показатели из нескольких источников, например из веб-версии и приложения, вам нужно создать дополнительные контейнеры для каждой платформы.
Как добавить дополнительные контейнеры в аккаунт
- Откройте Менеджер тегов.
- На вкладке Аккаунты рядом с названием аккаунта нажмите Дополнительные действия
> Создать контейнер.
- Введите информативное название контейнера и выберите его тип.
- Чтобы создать контейнер, нажмите Создать и согласитесь с Условиями использования.
2. Установите контейнер
Ниже приведены инструкции по настройке веб-контейнеров для отслеживания тегов на сайтах. Если вы не умеете работать с кодом или у вас нет доступа к коду сайта или приложения, вам может понадобиться помощь разработчика.
Если вам нужно настроить контейнер другого типа, ознакомьтесь с документацией для разработчиков:
- В Менеджере тегов откройте раздел Рабочая область.
- Вверху страницы вы увидите идентификатор контейнера в формате GTM-XXXXXX.
- Нажмите на идентификатор.
- Скопируйте фрагменты кода на сайт, следуя инструкциям в окне установки Менеджера тегов.
- Разместите верхний фрагмент кода
<script>
в разделе<head>
вашей веб-страницы. Желательно сделать это как можно ближе к открывающему тегу<head>
, но после деклараций dataLayer. - Разместите нижний фрагмент кода (начинающийся с
<noscript>
) сразу после тега<body>
.
- Разместите верхний фрагмент кода
Если вы уже используете теги на сайте, перенесите их в контейнер Менеджера тегов, следуя инструкциям в разделе 3. Добавьте теги. Чтобы теги не срабатывали дважды, удалите из кода заданные вручную теги.
Чтобы предотвратить несанкционированный доступ к контейнеру, фрагмент кода Менеджера тегов по умолчанию использует HTTPS.
Если у вас есть причины использовать адреса без указания протокола (например, для поддержки незащищенных страниц), измените https://
на //
в исходном URL во фрагменте контейнера. Более подробная информация приведена в руководстве для разработчиков.
3. Добавьте теги
После установки контейнера на сайт можно добавить новые теги.
- В рабочей области нажмите
Теги.
- Чтобы добавить тег, нажмите кнопку Создать,
- Укажите название тега и настройте его:
- Конфигурация тега. Выберите тип тега, которым нужно управлять. Google Менеджер тегов поддерживает теги из продуктов Google и сторонние теги. Если вам потребуется дополнительная помощь по настройке тега из продукта Google, ознакомьтесь с руководством по работе с Google Менеджером тегов.
Если не подходит ни один из типов, вы можете создать собственный HTML-тег или тег изображения. - Триггеры. Они определяют, будет ли активирован или заблокирован тег на странице. Подробнее о триггерах…
- Конфигурация тега. Выберите тип тега, которым нужно управлять. Google Менеджер тегов поддерживает теги из продуктов Google и сторонние теги. Если вам потребуется дополнительная помощь по настройке тега из продукта Google, ознакомьтесь с руководством по работе с Google Менеджером тегов.
- При необходимости добавьте примечание к конфигурации. Для этого откройте меню "Дополнительные действия"
и выберите Показать примечания.
- Нажмите Сохранить, а затем при необходимости создайте другие теги.
4. Убедитесь, что теги работают
Добавив теги, убедитесь, что они работают должным образом. Чтобы проверить теги:
- Нажмите кнопку Предварительный просмотр. В новой вкладке браузера откроется Google Tag Assistant.
- Выберите URL сайта, на который вы установили контейнер Менеджера тегов. В случае ошибки приступите к отладке с помощью Tag Assistant.
- Чтобы изменить настройки тега, нажмите на его название. Например, если тег активируется после загрузки страницы, а вам нужно, чтобы он активировался при нажатии кнопки, измените триггер.
- Сохраните измененный тег и убедитесь, что проблема решена, снова запустив режим предварительного просмотра.
5. Опубликуйте теги
Если теги работают должным образом, опубликуйте их.
Чтобы опубликовать текущую рабочую область, выполните следующие действия:
- Нажмите кнопку Отправить в правом верхнем углу экрана. Появится экран Внесение изменений с двумя опциями: опубликовать контейнер и сохранить его версию.
- Выберите вариант Публикация и создание версии.
- Проверьте, все ли правильно, в разделе Изменения в рабочей области.
- Заполните поля Название версии и Описание версии.
- Нажмите Опубликовать.