Обновление режима отладки (предварительного просмотра) в GTM — октябрь 2020
Всем привет. Несколько дней назад Google обновил режим предварительного просмотра в GTM. О том что изменилось и как с этим работать — расскажу в сегодняшней статье.
На момент написания статьи интерфейс отладчика на английском языке, впрочем, если вы ранее работали в режиме предварительного просмотра GTM, это не вызовет каких-либо затруднений.
Сравнение старой и новой версии:
Если ранее режим предварительного просмотра представлял собой «надстройку» Google Tag Manager, то теперь он включен в глобальную экосистему Google Tag Assistant (наверняка многие из вас знают о расширении браузера Google Chrome для работы с тегами Google Analytics и GTM).
Основные различия между прежним режимом предварительного просмотра и его новой реализацией приведены в таблице:
| Старая версия | Новая версия |
|---|---|
| Открывалась через iframe на той же странице | Открывается в новом отдельном окне (в собственной вкладке) |
| Фактически отсутствовала возможность проверки работоспособности триггеров и тегов в мобильной версии браузера | Создан отдельный интерфейс для работы с браузерами смартфонов и планшетов |
| Информация о взаимодействии со страницей хранилась в стороннем файле cookie | Информация о взаимодействии со страницей хранится в базе данных вашего сайта (в собственном файле cookie и localStorage) |
| Взаимодействие с переменной уровня данных (dataLayer) отображалось только для текущей страницы сайта | Отображаются все взаимодействия с API (gtag.js, dataLayer) для всех страниц сайта, с которыми вы взаимодействуйте в режиме предварительного просмотра |
| Была создана для работы с собственным веб-контейнером | Помимо работы с веб-контейнером есть возможность взаимодействия с тегами на стороне сервера Google |
| При включении режима предварительного просмотра в рабочей области GTM присутствовала кнопка "Обновить", которая позволяла быстро проверять корректность работы тегов и переменных после внесения в них изменений | Для проверки корректности работы измененных тегов и триггеров приходится устанавливать новое соединение с режимом отладки - что занимает гораздо больше времени чем раньше |
| При корректной настройке все теги и триггеры работали без проблем | По заявлениям пользователей, некоторые пользовательские (не встроенные) теги перестали корректно работать |
| ------------ | Отсутствует возможность вернуться к прежнему варианту работы режима предварительного просмотра, хотя новый вариант находится в стадии бета-тестирования |
Запуск режима предварительного просмотра:
Теперь интерфейс режима предварительного просмотра выглядит следующим образом:
Tag Assistant позволяет собирать информацию с разных страниц сайта, что значительно упрощает работу с переменными уровня данных (dataLayer).
Процесс запуска режима предварительного просмотра не изменился — как и прежде необходимо нажать на кнопку «Предварительный просмотр» в правом верхнем углу основного окна GTM.
Для того чтобы запустить режим предварительного просмотра с одной из предыдущих версий контейнера, необходимо перейти в раздел Версии — нажать на меню (три точки в столбик) — и выбрать пункт
После нажатия на кнопку предварительного просмотра перед вами откроется окно. Для запуска режима отладки необходимо ввести адрес вашего сайта в соответствующее поле:
В большинстве случаев рекомендуется ставить галочку в чекбоксе Include debug signal in the URL. К ссылке сайта будет добавлен параметр — gtm_debug=x, сигнализирующий браузеру о том, что активирован режим предварительного просмотра. Если данный параметр будет негативно влиять на работу сайта — чекбокс следует оставить пустым.
После нажатия кнопки «Start» откроется новая вкладка браузера. Внизу справа появится небольшое окно с информацией о том, что Tag Assistant установил соединение с контейнером Google Tag Manager на Вашем сайте.
Если вы случайно закроете вкладку браузера с режимом предварительного просмотра, появится сообщение об ошибке:
Для ее устранения следует установить новое соединение между вашим сайтом и Tag Assistant.
Как поделиться ссылкой с коллегами или клиентом:
В отличие от прежней версии, в новом варианте нет специального пункта, позволяющего делиться ссылкой на режим предварительного просмотра. Поэтому, самый простой вариант — это скопировать вашу ссылку Tag Assistant самостоятельно и отправить ее вручную:
Обратите внимание, что копируется ссылка из интерфейса Tag Assistant!
Как выйти из режима предварительного просмотра:
Есть два способа:
Первый — нажать на крестик в левом верхнем углу (если Вы находитесь в окне интерфейса Tag Assistant):
Второй — закрыть окно с предупреждением об успешном соединении GTM и Tag Assistant (если находитесь на сайте):
Преимущества от использования расширения Google Tag Assistant (для браузера Google Chrome)
Режим предварительного просмотра будет работать и без расширения Google Tag Assistant, но если вы активно пользуетесь браузером Google Chrome — появятся некоторые дополнительные функции, а именно:
- Вы сможете производить отладку нескольких окон в одном интерфейсе Tag Assistant;
- Появится возможность отслеживать взаимодействие и содержимое окон iframe.
- Режим отладки будет открываться не в отдельном окне браузера, а во вкладке текущего.
Последний пункт, например, позволит работать с режимам эмуляции браузеров для мобильных устройств:
Очевидно, что эти преимущества нужны не всем, однако, наверняка со временем интеграция расширения Google Tag Assistant с режимом предварительного просмотра Google Tag Manager станет более тесной, и чем раньше специалист по веб-аналитике начнет работать с этой связкой, тем проще ему будет работать в будущем.
Выводы:
Для меня изменение режима предварительного просмотра в GTM было неожиданным, но удивлений не вызвало. Есть негативные моменты — о части из которых я рассказал в сегодняшней статье, каких-то особых преимуществ перед старой версией я для себя не заметил (во всяком случае пока).
Интересно, что сервис находится в режиме бета-тестирования, но при этом у пользователей отсутствует возможность перехода к прежнему режиму отладки — явная ошибка (или сознательное действие) со стороны разработчиков.
В долгосрочной перспективе, скорее всего, появится множество новых функций и это хорошо. Но до этого момента — нам необходимо быстро адаптироваться к новому формату.
PS: Статья будет дорабатываться и дополняться со временем, поэтому буду рад, если поделитесь своим опытом работы в новом ежиме предварительного просмотра GTM.
Всем удачи!
