Блог про интернет-маркетинг для бизнеса

SEO

Работа с Google Tag Manager v2 — что нового?

169
56
2
62

Мы стараемся регулярно делиться с читателями блога интересными фишками 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): Домашняя страница Google Tag Manager v2 Если выберете чекбокс (3), то выделенными цветом останутся только аккаунты, созданные в GTM v2. Если вы попробуете перейти в аккаунт GTM v1 с домашней страницы GTM v2, то увидите сообщение о том, что в данный момент редактирование v1 аккаунтов доступно только в старом интерфейсе: В данный момент редактирование v1 аккаунтов доступно только в старом интерфейсе В навигационном меню (4) можно перейти на домашнюю страницу, посмотреть текущее состояние контейнера и его версии, а также зайти в настройки, которые стали очень похожи на интерфейс настроек Google Analytics. Настройки GTM стали очень похожи на интерфейс настроек Google Analytics Здесь вы можете управлять доступами пользователей, менять названия аккаунта/контейнера, посмотреть код контейнера, импортировать/экспортировать данные.

Напомним, контейнер Диспетчера тегов Google — это тег, размещаемый на всех страницах сайта и активирующий все остальные теги этого сайта в соответствии с правилами, которые вы задали в веб-интерфейсе.

Что внутри контейнера?

Пример обновлений в интерфейсе Google Tag Manager

Внутри контейнера у вас будут:
  1. Блок создания тегов.
  2. Блок добавления примечаний к контейнеру.
  3. История изменений в аккаунте.
  4. Сводка по опубликованным элементам контейнера.
  5. Сводка по неопубликованным элементам контейнера.
  6. Кнопка публикации.
  7. Навигационное меню.

При нажатии на кнопку публикации вы, как и прежде, можете опубликовать содержимое контейнера, запустить режим отладки или создать версию: При нажатии на кнопку публикации вы, как и прежде, можете опубликовать содержимое контейнера, запустить режим отладки или создать версию. Навигационное меню также работает аналогично предыдущей версии.

Ориентация на процесс

Весь интерфейс стал более ориентированным на процесс создания тегов, и в этом существенное отличие от v1. Если вы нажимаете на блок создания тега, то переходите к:

    • выбору тега (вариантов встроенных тегов стало гораздо больше);

Вариантов встроенных тегов стало гораздо больше

    • выбору типа тега (например, Universal Analytics или Google Analytics);

Можно выбрать тип тега, например, Universal Analytics или Google Analytics

    • выбору триггера для активации тега;

Выбор триггера для активации тега

    • настройке тега.

Настройка тега в Google Tag Manager v2

В Google Tag Manager v2 основной сущностью, вокруг которой строится интерфейс, стал тег.

Соответствие сущностей

Как и в предыдущей версии, в GTM v2 используются три типа сущностей:
  1. Теги.
  2. Макросы.
  3. Триггеры.

Но сами эти сущности немного изменились. Теги так и остались тегами. Макросы стали переменными (variables). При этом можно выбрать из встроенного набора переменных те, которые вы будете использовать в своем аккаунте: Можно выбрать из встроенного набора переменных те, которые вы будете использовать в своем аккаунте

Для создания новых переменных необходимо

1. Выбрать тип переменной. Для создания новых переменных необходимо выбрать тип переменной 2. Настроить переменную. После выбора типа переменной необходимо её настроить

Создание триггера

Триггером в GTM v2 назвали сущность, которая ранее была правилом активации тегов. Триггеры объединяют в себе функционал правил и блока прослушивания событий из v1. Например, теперь не нужно создавать отдельные теги прослушивания кликов или кликов по ссылкам.

Процесс создания триггера начинается с выбора типа события Google Tag Manager, по которому будет активироваться тег. Например, если вы выберете «Click», то триггер будет прослушивать клики и по ним будут запускаться теги. Процесс создания триггера начинается с выбора типа события Google Tag Manager На втором шаге вам нужно уточнить, какие события данного типа будут активировать тег. На этом шаге можно выбрать отмеченные в списке стандартных или созданные вручную переменные. На втором шаге нужно уточнить, какие события данного типа будут активировать тег Далее вы можете указать дополнительные настройки триггера. Далее вы можете указать дополнительные настройки триггера

Сразу отмечу, что при создании триггера по пользовательскому событию на втором шаге необходимо указать название события в поле «Event name to match». Другие настройки менять не нужно.

При создании триггера по пользовательскому событию на втором шаге необходимо указать название события в поле «Event name to match» После создания тегов, переменных и триггеров вы, как и раньше, все тестируете в режиме отладки и публикуете на сайте. После создания тегов, переменных и триггеров вы все тестируете в режиме отладки и публикуете на сайте О том, что опубликовано в данный момент, вам будет напоминать блок «Last Published». О том, что опубликовано в данный момент, вам будет напоминать блок «Last Published»


Обязательно попробуйте новую версию Google Tag Manager — Google в скором времени (уже в январе-феврале) обещает перевести все существующие аккаунты на v2. Задавайте вопросы в комментариях :)

Обнаружили ошибку? Выделите ее и нажмите Ctrl + Enter.

Комментарии (36)

  1. 0
    8 месяцев назад
    Здравствуйте, подскажите, пожалуйста, есть ли возможность массовой загрузки тегов в GTM? 
  2. 0
    год назад

    В чем может быть проблема - при попытке создать новый тег - недоступен выбор продукта?

  3. 0
    год назад

    Как проверить установлен ли диспетчер тегов google на всех страницах?

    • 0
      Карина
      год назад

      Если цель проверить все страницы сайта на наличие кода GTM, то вам нужно список всех страниц прогнать через парсер, который позволяет проверять наличие кода на странице. Например, это умеет делать Screming Frog с оплаченной лицензией.

      Только учтите, что количество страниц на сайте может быть очень большим (например, сочетания фильтров в интернет магазине могут давать огромное количество страниц). В этом случае можно проверить типы страниц, а не абсолютно все страницы.

  4. 0
    год назад

    Здравствуйте, подскажите как внести изменения в готовый код Universal Analytics из Tag Manager. Или придётся внедрять UA как пользовательский тег.

    • 0
      Andrew Egorov
      год назад

      Добрый день. Зависит от того, что нужно изменить. Пользовательский тег приходится применять, если нужно реализовывать какие-то не стандартные решения. Для стандартных решений используйте настройки встроенного тега Universal Analytics.

      • 0
        Alex Danilin
        год назад

        Цель изменения была, уточнение показателя отказов, получить событие через 15 секунд пребывания на страницы. Нашёл решение без изменения кода, добавил тег с триггером имеющим тип события "таймер".

  5. 0
    2 года назад

    Добрый день! Подскажите, не получается реализовать блокировку тега. Есть кнопка добавления в корзину, при нажатии URL не меняется. Если не выбран параметр товара (размер), то не происходит добавления товара в корзину, и над кнопкой появляется надпись "необходимо выбрать размер". А при успешном добавлении товара появляется текст "товар добавлен в корзину". На данный момент тег добавления срабатывает независимо от того, был выбран размер или нет, но это некорректное решение. Подскажите пожалуйста, как мне реализовать срабатывание тега "добавление в корзину" корректно, то е не только при просто нажатии на кнопку. Может быть настроить блокировку тега? Атрибуты надписи "необходимо выбрать размер" - на скриншоте.
    Заранее спасибо!

    • 0
      Андрей Ковалёв
      2 года назад

      Добрый день. Записывайте в dataLayer значение ключа event при добавлении в корзину и выбранном размере и по этому event активируйте тег.

  6. 0
    2 года назад

    Подскажите пожалуйста, гда в новом интерфейсе GTM указать "путь к документу"?

    Пытаюсь создать виртуальную страницу в новом интерфейсе GTM.

    • 0
      Андрей Ковалёв
      2 года назад

      Все значения полей в новом интерфейсе задаются через "More settings"-"Fields to Set". В частности, чтобы указать путь к виртуальной странице, нужно присвоить полю "page" значение URI этой виртуальной страницы:
      http://img.netpeak.ua/mrbubu/143378279863_kiss_9kb.png

  7. 0
    2 года назад

    Добрый день. Для одного сайта создали два ресурса. На первый ресурс поставили стандартный код GA вручную, на второй ресурс поставили код GA через GTM v2. Через 5 дней получили разные данные, код GA который стоит через GTM v2 показывает на 75-100 посещений меньше, подскажите пожалуйста в чем может быть причина? На одном и втором ресурсе стоят стандартные настройки GA, фильтры также отсутствуют.

    • 0
      Дмитрий
      2 года назад

      Добрый день.
      Если речь идет о Universal Analytics, то причина может быть в расположении кода UA и GTM в коде страниц сайта. Например, код UA в head отрабатывает, а код UA, установленный через GTM - нет.
      Посмотрите, на каких страницах не фиксируются посещения. Возможно, не на всех страницах установлен GTM или в триггере активации тега UA указаны какие-либо ограничения.
      Проверьте время отправки запросов для обоих счетчиков и наличие ошибок JavaScript на страницах сайта. Также проверьте, чтобы код контейнера GTM располагался сразу после открывающегося тега body.
      Если речь идет о старом коде GA, то такая реализация работать корректно не будет.

  8. 0
    2 года назад

    Подскажите, как отслеживать отправку форм через новый GTMv2? Делал все по хэлпу от Google:
    1. сначала настроил сам триггер:Включить триггер, когда «Идентификатор элемента» (пользовательская переменная) содержит phone-form (id формы)
    2. затем создал тег, который активируется по этому триггеру и передает информацию в Analytics

    Сделал предварительный просмотр, формочку заполняю-отправляю — ничего не происходит, отладчик GTM показывает, что тег не запускается.

    Пробовал триггер по-разному настроить — все равно ничего не получается :(

    • 0
      Александр Волгорейт
      2 года назад

      Для активации тегов по ID формы во второй версии GTM есть встроенная переменная Form ID - http://img.netpeak.ua/mrbubu/143161989017_kiss_6kb.png. Попробуйте использовать её и событие Form в GTM - http://img.netpeak.ua/mrbubu/143162032675_kiss_13kb.png.

      В отладчике можно посмотреть почему не запускается тег - для тега будет указано, какое правило не соответствует текущему событию, отображаемому в отладчике слева.

      Также в отладчике должно фиксироваться событие gtm.formSubmit при отправке формы. Если оно не фиксируется, то либо что-то не так с правилами активации прослушивания отправки форм, либо отслеживать данную форму придется через событие Click в GTM.

  9. 0
    2 года назад

    Товарищ обнаружил проблему работы ссылок с атрибутом target="_blank".
    Если убрать tag manager со страницы, то работает нормально.
    Эта проблема описана здесь:
    https://productforums.google.com/forum/#!topic/analytics/cpYWJ0JOpLg /> Согласно описанию, предлагают обновить код tag manager.

    Может как-то старый код Google TM конфликтовать с target="_blank"?

    • 0
      Andrey
      2 года назад

      Эта проблема не описана по указанной ссылке. Про GTM там речь вообще не идет - только про старый код GA. Есть одно хорошее правило - перед тем, как искать баги в коде счетчиков или GTM, нужно устранить все баги на своем сайте.

      Еще одно решение как раз предложено по указанной ссылке - отключить плагины в браузере и посмотреть как все будет работать без них.

  10. 0
    2 года назад

    Добрый день. А как помечать эл-ты на сайте, например определенные кнопки-ссылки? Нужно прописовать атрибут программисту? Спасибо

    • 0
      Ivan Dziuba
      2 года назад

      Если вам нужно прослушивать кнопки, не обязательно прописывать атрибуты. GTM создавали именно для этого, что б не обращаться к программистам по мелочи. Можно прослушивать кнопки по тексту вашей кнопки.

    • 0
      Ivan Dziuba
      2 года назад

      Добрый день. Если нужно привязаться к атрибуту, то да - этот атрибут нужно прописать. Если можно обойтись без этого, то не обязательно.

  11. 1
    2 года назад

    интерфейс а-ля G+ :)

  12. 0
    2 года назад

    У нас через Tag Manager когда был включен google analytics почему то цели не считались, пришлось код аналитикса вручную на сайт вставлять =/

    • 0
      Сауран
      2 года назад

      Если цели были настроены на события, то отслеживание событий тоже необходимо настроить через GTM. На остальные цели наличие GTM влиять не должно. Разве что использовались виртуальный страницы. Их тоже нужно настраивать в GTM.

  13. 0
    2 года назад

    какой код GA лучше добавлять? Взять конкретно из GA, который Analytics приготовил или уже готовый из Tag Manager? Надеюсь понятно объяснил)

Чтобы оставить комментарий, необходимо авторизироваться

Подписаться

на самую полезную рассылку по интернет-маркетингу

Самое

обсуждаемое популярное читаемое