Что такое Google Tag Manager?
Диспетчер тегов Google - это крайне удобный инструмент, который фактически позволяет вносить изменения в код сайта, не внося изменения в код сайта.
Как, блин, это работает?
Очень просто! Все ваши труды в интерфейсе gtm
преобразуются в файл javascript
, который загружается на сайт с помощью установленного ранее кода. Таким образом вы меняете исходники сайта один раз при первоначальной установке и более можете к ним не возвращаться... ну, почти.
Содержание
Теперь по порядку. Чтобы магия случилась, нужно сделать несколько простых вещей:
- Зарегистрироваться и создать контейнер
gtm
- Добавить контейнер на ваш сайт или в приложение
- Создать в контейнере первый
tag
и опубликовать
Как создать аккаунт и контейнер в Google Tag Manager?
Следуем на сайт
https://tagmanager.google.com/
Аккаунт - это клиентская сущность, т.е. для компании как правило достаточно одного. А вот уже внутри него есть контейнеры, которые устанавливаются на отдельные сайты\приложения. Таким образом вы можете завести один контейнер под сайт, другой под мобильное приложение, персональный вариант есть и для сайтов на технологии AMP от Google.
Как установить Google Tag Manager на сайт?
После создания контейнера для сайта вы получаете пару фрагментов, которые нужно будет вставить в исходники. Первая часть как раз и отвечает за загрузку javascript
файла, сгенерированного из ваших тегов, причем делает это конечно в асинхронном режиме. Вторая часть - подстраховочная, для тех, у кого не включен обработчик javascript
в браузере. Она загружает контейнер gtm
через iframe
, при этом работают не все теги.
Как настроить Google Tag Manager?
Готов спорить, что первым делом (и зачастую последним), вы захотите установить Google Analytics через диспетчер тегов. Это самая простая процедура, которую Google сделал максимально удобной. Заходим в наш новенький контейнер, жамкаем раздел Теги, кнопочку В конфигурации выбираем Universal Analytics, вбиваем свой идентификатор отслеживания, который выглядит, например, так UA-87441111-3
В триггерах выбираем предустановленный All Pages
.
Для будущего удобства рекомендую прописать идентификатор контейнера в Переменную типа "Константа" и вставлять непосредственно её. Как это сделать? Только эмпирический подход.