Мы стараемся регулярно делиться с читателями блога интересными фишками Google Tag Manager. В прошлых постах речь шла о пользе регулярных выражений в GTM и о том, как Google Tag Manager облегчает переход на Universal Analytics. Недавно разработчики GTM выкатили полностью обновленный интерфейс, назвав его второй версией продукта. Давайте посмотрим, что нового появилось в GTM v2 и с какими проблемами могут столкнуться владельцы старых аккаунтов Диспетчера тегов Google.
Диспетчер тегов Google (Google Tag Manager) — инструмент, позволяющий объединить все теги (AdWords, Google Analytics, Floodlight, сторонние теги для отслеживания и оптимизации рекламы) с целого сайта в один фрагмент кода, а затем с легкостью управлять им через веб-интерфейс. Диспетчер тегов Google использует всего один тег — контейнер.
Административная часть
Новый GTM теперь обитает на отдельном поддомене. На домашней странице вы увидите блок для создания нового аккаунта (1) и набор уже существующих аккаунтов, к которым у вас есть доступ (2): Если выберете чекбокс (3), то выделенными цветом останутся только аккаунты, созданные в GTM v2. Если вы попробуете перейти в аккаунт GTM v1 с домашней страницы GTM v2, то увидите сообщение о том, что в данный момент редактирование v1 аккаунтов доступно только в старом интерфейсе:
В навигационном меню (4) можно перейти на домашнюю страницу, посмотреть текущее состояние контейнера и его версии, а также зайти в настройки, которые стали очень похожи на интерфейс настроек Google Analytics.
Здесь вы можете управлять доступами пользователей, менять названия аккаунта/контейнера, посмотреть код контейнера, импортировать/экспортировать данные.
Напомним, контейнер Диспетчера тегов Google — это тег, размещаемый на всех страницах сайта и активирующий все остальные теги этого сайта в соответствии с правилами, которые вы задали в веб-интерфейсе.
Что внутри контейнера?
- Блок создания тегов.
- Блок добавления примечаний к контейнеру.
- История изменений в аккаунте.
- Сводка по опубликованным элементам контейнера.
- Сводка по неопубликованным элементам контейнера.
- Кнопка публикации.
- Навигационное меню.
При нажатии на кнопку публикации вы, как и прежде, можете опубликовать содержимое контейнера, запустить режим отладки или создать версию: Навигационное меню также работает аналогично предыдущей версии.
Ориентация на процесс
Весь интерфейс стал более ориентированным на процесс создания тегов, и в этом существенное отличие от v1. Если вы нажимаете на блок создания тега, то переходите к:
- выбору тега (вариантов встроенных тегов стало гораздо больше);
- выбору типа тега (например, Universal Analytics или Google Analytics);
- выбору триггера для активации тега;
- настройке тега.
В Google Tag Manager v2 основной сущностью, вокруг которой строится интерфейс, стал тег.
Соответствие сущностей
- Теги.
- Макросы.
- Триггеры.
Но сами эти сущности немного изменились. Теги так и остались тегами. Макросы стали переменными (variables). При этом можно выбрать из встроенного набора переменных те, которые вы будете использовать в своем аккаунте:
Для создания новых переменных необходимо
1. Выбрать тип переменной.
2. Настроить переменную.
Создание триггера
Триггером в GTM v2 назвали сущность, которая ранее была правилом активации тегов. Триггеры объединяют в себе функционал правил и блока прослушивания событий из v1. Например, теперь не нужно создавать отдельные теги прослушивания кликов или кликов по ссылкам.
Процесс создания триггера начинается с выбора типа события Google Tag Manager, по которому будет активироваться тег. Например, если вы выберете «Click», то триггер будет прослушивать клики и по ним будут запускаться теги. На втором шаге вам нужно уточнить, какие события данного типа будут активировать тег. На этом шаге можно выбрать отмеченные в списке стандартных или созданные вручную переменные.
Далее вы можете указать дополнительные настройки триггера:
Сразу отмечу, что при создании триггера по пользовательскому событию на втором шаге необходимо указать название события в поле «Event name to match». Другие настройки менять не нужно.
После создания тегов, переменных и триггеров вы, как и раньше, все тестируете в режиме отладки и публикуете на сайте.
О том, что опубликовано в данный момент, вам будет напоминать блок «Last Published».
Обязательно попробуйте новую версию Google Tag Manager — Google в скором времени (уже в январе-феврале) обещает перевести все существующие аккаунты на v2. Задавайте вопросы в комментариях :)
Комментарии (36)
Добрый день.
Да, такая возможность есть. Для этого вам нужно подготовить JSON файл со списком тегов, которые вы хотите загрузить в контейнер, и импортировать его через Admin - Import Container.
Также вы можете использовать для этого API:
https://developers.google.com/tag-manager/api/v1/reference/accounts/containers/tags/create
В чем может быть проблема - при попытке создать новый тег - недоступен выбор продукта?
Возможно, у вас стоит какое-нибудь расширение для браузера, которое блокирует нормальную работу интерфейса.
НА Chrome - без проблем заработало!
Отлично!
Как проверить установлен ли диспетчер тегов google на всех страницах?
Если цель проверить все страницы сайта на наличие кода GTM, то вам нужно список всех страниц прогнать через парсер, который позволяет проверять наличие кода на странице. Например, это умеет делать Screming Frog с оплаченной лицензией.
Только учтите, что количество страниц на сайте может быть очень большим (например, сочетания фильтров в интернет магазине могут давать огромное количество страниц). В этом случае можно проверить типы страниц, а не абсолютно все страницы.
Здравствуйте, подскажите как внести изменения в готовый код Universal Analytics из Tag Manager. Или придётся внедрять UA как пользовательский тег.
Добрый день. Зависит от того, что нужно изменить. Пользовательский тег приходится применять, если нужно реализовывать какие-то не стандартные решения. Для стандартных решений используйте настройки встроенного тега Universal Analytics.
Цель изменения была, уточнение показателя отказов, получить событие через 15 секунд пребывания на страницы. Нашёл решение без изменения кода, добавил тег с триггером имеющим тип события "таймер".
Добрый день! Подскажите, не получается реализовать блокировку тега. Есть кнопка добавления в корзину, при нажатии URL не меняется. Если не выбран параметр товара (размер), то не происходит добавления товара в корзину, и над кнопкой появляется надпись "необходимо выбрать размер". А при успешном добавлении товара появляется текст "товар добавлен в корзину". На данный момент тег добавления срабатывает независимо от того, был выбран размер или нет, но это некорректное решение. Подскажите пожалуйста, как мне реализовать срабатывание тега "добавление в корзину" корректно, то е не только при просто нажатии на кнопку. Может быть настроить блокировку тега? Атрибуты надписи "необходимо выбрать размер" - на скриншоте.
Заранее спасибо!
Добрый день. Записывайте в dataLayer значение ключа event при добавлении в корзину и выбранном размере и по этому event активируйте тег.
Подскажите пожалуйста, гда в новом интерфейсе GTM указать "путь к документу"?
Пытаюсь создать виртуальную страницу в новом интерфейсе GTM.
Все значения полей в новом интерфейсе задаются через "More settings"-"Fields to Set". В частности, чтобы указать путь к виртуальной странице, нужно присвоить полю "page" значение URI этой виртуальной страницы:

Благодарю за помощь, Alex!
Добрый день. Для одного сайта создали два ресурса. На первый ресурс поставили стандартный код GA вручную, на второй ресурс поставили код GA через GTM v2. Через 5 дней получили разные данные, код GA который стоит через GTM v2 показывает на 75-100 посещений меньше, подскажите пожалуйста в чем может быть причина? На одном и втором ресурсе стоят стандартные настройки GA, фильтры также отсутствуют.
Добрый день.
Если речь идет о Universal Analytics, то причина может быть в расположении кода UA и GTM в коде страниц сайта. Например, код UA в head отрабатывает, а код UA, установленный через GTM - нет.
Посмотрите, на каких страницах не фиксируются посещения. Возможно, не на всех страницах установлен GTM или в триггере активации тега UA указаны какие-либо ограничения.
Проверьте время отправки запросов для обоих счетчиков и наличие ошибок JavaScript на страницах сайта. Также проверьте, чтобы код контейнера GTM располагался сразу после открывающегося тега body.
Если речь идет о старом коде GA, то такая реализация работать корректно не будет.
Подскажите, как отслеживать отправку форм через новый GTMv2? Делал все по хэлпу от Google:
1. сначала настроил сам триггер:Включить триггер, когда «Идентификатор элемента» (пользовательская переменная) содержит phone-form (id формы)
2. затем создал тег, который активируется по этому триггеру и передает информацию в Analytics
Сделал предварительный просмотр, формочку заполняю-отправляю — ничего не происходит, отладчик GTM показывает, что тег не запускается.
Пробовал триггер по-разному настроить — все равно ничего не получается :(
Для активации тегов по ID формы во второй версии GTM есть встроенная переменная Form ID -
. Попробуйте использовать её и событие Form в GTM -
.
В отладчике можно посмотреть почему не запускается тег - для тега будет указано, какое правило не соответствует текущему событию, отображаемому в отладчике слева.
Также в отладчике должно фиксироваться событие gtm.formSubmit при отправке формы. Если оно не фиксируется, то либо что-то не так с правилами активации прослушивания отправки форм, либо отслеживать данную форму придется через событие Click в GTM.
Странно, но не получается — пробовал различные варианты активации :(
1. настроил триггер, реагирует на форму http://prntscr.com/76xq1v
/> 2. настроил тег, активируется нашим триггером http://prntscr.com/76xqg5
Отладчик пишет, что триггер не активируется. _event equals gtm.FormSubmit содержит крестик ×
Все проще — наконец-то нашел тред, в котором обсуждается моя проблема: отправка формы ajax'ом.
Резюме: настроить без вмешательства в код нельзя. Прелесть GTM пропадает.
Отправляемые через Ajax формы можно отслеживать через GTM. Просто для этого нужно использовать другие JavaScript события для элементов формы, а не для самой формы.
Да, это делается через DataLayer
В общем случае, в Google Tag Manager все делается через Data Layer :)
Товарищ обнаружил проблему работы ссылок с атрибутом target="_blank".
Если убрать tag manager со страницы, то работает нормально.
Эта проблема описана здесь:
https://productforums.google.com/forum/#!topic/analytics/cpYWJ0JOpLg
/> Согласно описанию, предлагают обновить код tag manager.
Может как-то старый код Google TM конфликтовать с target="_blank"?
Эта проблема не описана по указанной ссылке. Про GTM там речь вообще не идет - только про старый код GA. Есть одно хорошее правило - перед тем, как искать баги в коде счетчиков или GTM, нужно устранить все баги на своем сайте.
Еще одно решение как раз предложено по указанной ссылке - отключить плагины в браузере и посмотреть как все будет работать без них.
Добрый день. А как помечать эл-ты на сайте, например определенные кнопки-ссылки? Нужно прописовать атрибут программисту? Спасибо
Если вам нужно прослушивать кнопки, не обязательно прописывать атрибуты. GTM создавали именно для этого, что б не обращаться к программистам по мелочи. Можно прослушивать кнопки по тексту вашей кнопки.
Добрый день. Если нужно привязаться к атрибуту, то да - этот атрибут нужно прописать. Если можно обойтись без этого, то не обязательно.
интерфейс а-ля G+ :)
Современный, как всегда, идут впереди.
У нас через Tag Manager когда был включен google analytics почему то цели не считались, пришлось код аналитикса вручную на сайт вставлять =/
Если цели были настроены на события, то отслеживание событий тоже необходимо настроить через GTM. На остальные цели наличие GTM влиять не должно. Разве что использовались виртуальный страницы. Их тоже нужно настраивать в GTM.
какой код GA лучше добавлять? Взять конкретно из GA, который Analytics приготовил или уже готовый из Tag Manager? Надеюсь понятно объяснил)
Если не будете править код счетчика GA, то лучше использовать готовый.
Чтобы оставить комментарий, необходимо авторизироваться