Как настроить Google Tag Manager
Google Tag Manager — диспетчер тегов, который позволяет установить на сайт коды сторонних сервисов, например счетчики Яндекс Метрики, Google Analytics и др. Хранение всех тегов в одном месте очень удобно: это позволяет быстро изменять существующие данные или добавлять новые.
Установка Tag Manager на сайт
- Перейдите на сайт сервиса и авторизуйтесь.
- Кликните по ссылке «Создать аккаунт», введите название аккаунта и контейнера. Кроме этого необходимо выбрать, где будет использоваться контейнер, и согласиться с условиями пользования.
![Добавление аккаунта Google Tag Manager Добавление аккаунта Google Tag Manager](/images/seo/dobavlenie-akkaunta-tag-manager.png)
- После этого появится окошко с кодом, который необходимо установить на страницы сайта. Первую часть кода размещаем как можно ближе к началу тега <head>, второй фрагмент — после открывающего тега <body>.
![Добавление кода Tag Manager на сайт Добавление кода Tag Manager на сайт](/images/seo/kod-tag-manager.png)
- Чтобы установить Google Analytics на сайт с помощью диспетчера тегов, необходимо выбрать раздел «Теги» и кликнуть создать.
![Добавление кода Google Analytics в Tag Manager Добавление кода Google Analytics в Tag Manager](/images/seo/dobavlenie-google-analytics-v-tag-manager.png)
- Далее выбираем тип тега, тип отслеживания, включаем переопределение настроек и указываем идентификатор счетчика Google Analytics. В разделе «Триггеры» выбираем просмотр всех страниц.
![Конфигурация тега Google Analytics Конфигурация тега Google Analytics](/images/seo/konfiguratciy-tega-google-analytics.png)
- Чтобы установить Яндекс.Метрику на сайт с помощью Tag Manager, нужно выбрать тип тега «Пользовательский HTML», поместить соответствующий код счетчика, взяв его из настроек Метрики, и выбрать триггер.
![Добавление кода Яндекс Метрики в Tag Manager Добавление кода Яндекс Метрики в Tag Manager](/images/seo/dobavlenie-yandex-metrika-v-tag-manager.png)
- В итоге мы настроили системы веб-аналитики с помощью сервиса Google Tag Manager.
![Теги в Tag Manager Теги в Tag Manager](/images/seo/tegi-v-tag-manager.png)
Чтобы убедиться в этом, можно кликнуть на «Предварительный просмотр», и открыть сайт. Внизу вы увидите окошко данного сервиса. В разделе «Tags» будет выведено два списка: теги, присутствующие на странице, и теги, отсутствующие на ней.
![Проверка настройки тегов в Tag Manager Проверка настройки тегов в Tag Manager](/images/seo/proverka-tegov-1.png)
После этого надо выйти из режима предварительного просмотра и отправить изменения.
![Выход из предварительного просмотра Tag Manager Выход из предварительного просмотра Tag Manager](/images/seo/vyiti-iz-predvaritelnogo-prosmotra.png)
О том, как настроить цели в Google Tag Manager, можно прочитать в этой заметке.