Компания
интернет
маркетинга
ОНО ВАМ НАДО!

FAQ по Google Tag Manager

Перед каждым владельцем "собственного свечного заводика", получающего заявки из сети, рано или поздно встает вопрос контроля за тем, куда уходят деньги, расходуемые на интернет-рекламу. И хотя Google Tag Manager (или Диспетчер тегов Google), сам по себе, не является инструментом анализа данных (в отличии от того же Google Analytics), однако общее понимание сути данного сервиса и его роли в интернет-маркетинге, позволит задавать правильные вопросы специалистам, которые ведут ваш digital.

Мы составили список ответов на вопросы о Google Tag Manager, которые возникают у новичков. Этот список не является исчерпывающим, однако это именно те вопросы, которые возникаю наиболее часто.
Перед каждым владельцем "собственного свечного заводика", получающего заявки из сети, рано или поздно встает вопрос контроля за тем, куда уходят деньги, расходуемые на интернет-рекламу. И хотя Google Tag Manager (или Диспетчер тегов Google), сам по себе, не является инструментом анализа данных (в отличии от того же Google Analytics), однако общее понимание сути данного сервиса и его роли в интернет-маркетинге, позволит задавать правильные вопросы специалистам, которые ведут ваш digital.

Мы составили список ответов на вопросы о Google Tag Manager, которые возникают у новичков. Этот список не является исчерпывающим, однако это именно те вопросы, которые возникаю наиболее часто.

Поехали!
1

Что такое Google Tag Manager?

Google Tag Manager (или диспетчер тегов Google) - это бесплатный сервис, который позволяет маркетологам без углубленных знаний языков программирования управлять различными кодами отслеживания данных (маркетинговые теги, теги аналитики) и другими фрагментами кода на веб-сайте / веб-приложении / мобильном приложении. Вот несколько примеров тегов, которые можно внедрить через GTM:

  • Код отслеживания Google Analytics;
  • Передача событий в Google Analytics;
  • Пиксель-код Facebook;
  • Тег ремаркетинга Google Adwords;
  • Код интеграции чата поддержки на веб-сайт;
  • Тег call-trcking и т.д.
До появления Диспетчера тегов интеграцию всех этих кодов и тегов должны были производить IT специалисты, что часто влияло на скорость внедрения подобных решений. Это не означает, что GTM полностью исключает участие IT специалистов из процесса настройки аналитики, поскольку может возникнуть необходимость внедрения собственного решения, для которого потребуется реализация, требующая некоторого опыта работы с JavaScript. Однако, теперь же многое можно сделать без их участия, что само по себе значительно ускорило внедрение систем аналитики на веб-ресурсах.

2

Что я могу сделать с Google Tag Manager?

Диспетчер тегов Google позволяет отслеживать совершенные пользователями события на веб-ресурсе, а затем отправлять собранные данные сторонним инструментам, таким как Google Analytics, Mixpanel, Google Adwords и т. д. Ниже приведен список некоторых событий, которые можно отследить (перечень событий более широкий и не ограничиваясь данным списком):

  • Клики по ссылкам;
  • Клики по кнопкам;
  • Взаимодействие с видеоплеерами (Youtube, Vimeo и др.)
  • Взаимодействия с кнопками соцсетей;
  • Скроллинг;
  • Появление определенного элемента в поле зрения пользователя;
  • Отправка веб-форм;
  • Заполнение определенных полей в веб-формах;
  • Оправка комментариев через Facebook, Disqus и т.д.;
  • Отслеживание чатов или сервисов обратного звонка, таких как: JivoSite, Zendesk, Callbackhunter;
  • Отслеживание момента, когда посетитель покинет сайт и т.п.
Список инструментов, в которые можно передать полученные данные, также не ограничен, вот только несколько из них:

  • Google Analytics
  • Google Adwords
  • Яндекс Метрика
  • Hotjar
  • Facebook Ads
  • AdRoll
  • Mixpanel и т. д.
3

В чем преимущества Google Tag Manager?

Диспетчер тегов Google ускоряет установку тегов/кодов. Маркетологу не нужно ждать, пока IT-отдел выполнит нужные изменения, так как, в большинстве случаев, может опубликовать новые теги самостоятельно.
Контроль над всеми тегами осуществляется в одном месте.

В дополнение к встроенной консоли отладки можно использовать различные расширения браузера. Это позволяет ускорить и повысить эффективность процесса тестирования опубликованных изменений.
Бесплатная версия GTM многофункциональное и более чем достаточное решение для большинства компаний малого и среднего бизнеса.

Растущая популярность и полезные сообщества. Чем более популярным становится GTM, тем больше бесплатных и платных ресурсов для работы с ним можно найти на просторах сети. Благодаря этому, процесс обучения и освоения новых возможностей проходит быстрее. Кроме того, есть официальные сообщества по GTM на Facebook и Google Plus.
4

Google Tag Manager работает только с сервисами Google?

Диспетчер тегов Google отлично работает с множеством платформ и сервисов. Он предлагает широкий спектр готовых шаблонов тегов (таких как Google Analytics, HotJar, Twitter Universal Tag и т. д.), И, кроме того, есть возможность легко добавлять свои коды с помощью Пользовательского HTML-тега (в качестве доказательства легкости создания собственного тега можно послужить пример интеграции Facebook Pixel, для которого нет готового шаблона).
5

Google Tag Manager полностью бесплатен?

GTM имеет как бесплатную, так и премиальную версии. Бесплатного плана более чем достаточно для нужд малого и среднего бизнеса. Крупные компании могут воспользоваться платным опцией Google Tag Manager 360. Здесь можно сравнить функционал платной и бесплатной версий GTM.
6

Какие существуют альтернативы Google Tag Manager?

Наиболее известные альтернативы GTM:

Читайте также:
Вопросы, связанные с установкой
7

Как установить Google Tag Manager?

После создания учетной записи в Диспетчере тегов и первого контейнера вы получите два кода.
Для установки кодов на сайт потребуется IT-разработчик (если есть доступ, и соответствующие навыки, можно сделать это самостоятельно), чтобы разместить в исходном коде веб-сайта. Первая часть кода (<script> ... </ script>) должна быть добавлена между тегами <head> веб-сайта, а второй (<noscript> … </ noscript>) - сразу после закрывающего тега <body>.
8
Google Tag Manager может быть установлен только на веб-сайтах?
GTM также поддерживает мобильные приложения на iOS и Android, а также AMP (ускоренные страницы для мобильных устройств).
9
Можно ли использовать один контейнер GTM на нескольких веб-сайтах?
Да, это возможно, часто такой вариант используется при междоменном отслеживании. Просто нужно быть более осторожным с настройкой триггеров, потому что иногда может понадобиться запустить конкретный тег только на веб-сайте A, но не на веб-сайте B.
10
Как можно проверить, корректно ли работает Google Tag Manager?
Есть несколько способов сделать это:

  • Включить в GTM режим предварительного просмотра и отладки, затем перейдти на сайт и обновить его. В нижней части сайта должна появиться консоль Просмра и отладки.
  • Использовать Google Tag Assistant.
1. После установки расширения щелкнуть значок «Tag Assistant» в панели браузера.
2. Включить «Tag Assistant» и обновите браузер.
3. Посмотреть статус контейнера Диспетчера тегов Google. Если соответствующие иконки светятся желтым или красным цветом, значит возникли проблемы с установкой. Необходимо нажать значок, чтобы узнать, в чем проблема.

11
Понадобится ли привлечение IT-разработчиков после того как Google Tag Manager будет установлен?
Все зависит от целей отслеживания. Несмотря на то, что при использовании GTM появилось много новых возможностей для digital-маркетологов, не имеющих соответствующих знаний языков программирования, для создания некоторых решений отслеживания данных на основе GTM, все же иногда требуется помощь IT-разработчика.

Отслеживание таких событий, как взаимодействие с видеопроигрывателем, отслеживание скроллинга страницы, появление элементов в поле зрения пользователя и т. д., отслеживать довольно легко (поскольку GTM дает такую возможность). Но если понадобятся данные на стороне сервера (которые недоступны для Диспетчера тегов Google), например, user-ID, платежный план пользователя, в этом случает необходимо взаимодействовать с разработчиком.

Как это работает? Если нужны какие-либо дополнительные данные, нужно попросить разработчика передать их на уровень данных с помощью dataLayer.push (он также описан в этом обзоре Диспетчера тегов Google).

Кроме того, привлечение IT-разработчика, вероятнее всего, потребуется для отслеживания на сайте данных расширенной электронной торговли (Enhanced Ecommerce).

В сети масса готовых javascript-кодов для отслеживания различных событий на веб-ресурсах с помощью GTM. Однако, хорошей практикой является показ найденного в Интернете пользовательского кода JavaScript разработчику веб-сайта. Скорее всего, профессиональный кодер заметит что-то вредное, что может нарушить работу веб-сайта.

Теги, Триггеры и Переменные
12
Что такое Тег?
Тег - это фрагмент кода, который непосредственно отвечает за отправку информации сторонним сервисам, например в Google Analytics. Теги часто используются веб-аналитиками и digital-маркетологами для того, чтобы отслеживать возникновение интересующих событий на веб-сайте или в мобильном приложении.

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

Вот несколько примеров тега:

  • Тег передачи данных в Google Universal Analytics;
  • Тег ремаркетинга Google Adwords;
  • Код отслеживания пикселя Facebook;
  • Теги передачи данных в Яндекс Метрику.
Кроме того, тег может быть фрагментом кода, который выполняет определенную функцию на вашем веб-сайте, например, код всплывающего окна для сбора пдресов электронной почты, код который интегрирует на сайт веб-чат или сервис call-tracking и т. д.

13
Что такое шаблоны Тегов?
Google Tag Manager имеет список шаблонов уже готовых тегов. Они упрощают публикацию кодов отслеживания и предлагают набор предопределенных полей с настройками. Примеры таких шаблонов: Universal Analytics, Google Optimize, Тег ремаркетинга Google Adwords и т. д.
Отсутствующий шаблон тега, можно легко создать используя Пользовательский тег HTML.
14
Что такое Триггер?
Триггер - это условие, которое оценивает, должна ли происходить сработка тега. Все теги, запускаемые в Диспетчере тегов Google, управляются событиями. Любое событие, зарегистрированное в соответствующем контейнере GTM в формате триггера, запускают тег, срабатывающий на основании данного триггера. Иными словами, никакой тег не может быть запущен, если не произошло событие, соответствующее определенному триггеру.

Событием может быть просмотр страницы, щелчок по кнопке, отправка веб-формы, любое другое событие, отслеживание которого можно настроить с помощью функционала GTM. По состоянию на март 2018 года диспетчер тегов имеет 10 встроенных типов событий, из которых один тип событий - настраиваемый:

  • Просмотр страницы;
  • Клик;
  • Отправка формы;
  • Доступность элемента;
  • Глубина прокрутки;
  • Видео YouTube;
  • Ошибка JavaScript;
  • Изменение в истории;
  • Таймер;
  • Пользовательское событие (настраивается с помощью dataLayer.push).
15
Что такое Переменная?
С технической точки зрения переменными являются пары имя-значение, для которых значение заполняется во время выполнения. Например, предопределенная переменная с именем URL определена так, что ее значение является текущим URL-адресом страницы.

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

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

В триггерах они используются для определения фильтров, которые указывают, когда должен выполняться конкретный триггер (например, для запуска триггера просмотра страницы, когда URL-адрес страницы содержит example.com/index.html).

Иногда даже имеет смысл использовать переменную в переменной, например, в Настройке параметров Google Analytics вы можете установить дополнительное поле «Авто ссылки», в которое вставлена переменная {{Авто ссылки Домены}} (с помощью dataLayer.push).
16
Где можно вставлять Переменные?
Разработчики GTM четко дали понять, где переменные могут или не могут использоваться. Если рядом с полем есть кнопка с кирпичом LEGO - это четкое указание того, что в этом месте можно ставить переменные.
Кстати, можно не ограничиваться вставкой только одной переменной. Если нужно, можно добавьте два или даже пять! Ниже приведены несколько примеров, где переменные не будут работать:

1. Приоритет активации тегов (в разделе расширенных настроек тегов):
2. Условия для события по которому срабатывает триггер. Нельзя создать событие, когда одна переменная (выбранная в первом раскрывающемся списке) равна (содержит и т. д.) другую переменную.
Data Layer
17
Что такое Data Layer?
С технической точки зрения, dataLayer (уровень данных) - это объект или переменная JavaScript, которая хранит и отправляет информацию с вашего сайта в Диспетчер тегов Google (позже данные передаются другим инструментам, таким как Google Analytics). Выражаясь простым языком - это похоже на виртуальный слой данных вашего сайта, который содержит информацию о различных действиях, которые пользователи совершают на сайте (поэтому часто его называют слоем данных).
Кто или что должен помещать данные в dataLayer? Это может быть разработчик (если вам нужна информация о пользователе / посетителе из существующей базы данных), плагин (например, GTM4WP), а также вы сами (с помощью Диспетчера тегов Google).

Каждая важная часть информации (или события) должна быть передана на уровень данных, а уже оттуда Диспетчер тегов Google может получить ее и отправить на какой-либо сторонний ресурс, например Google Analytics или Google Adwords.
18
Как установить Data Layer после установки GTM?
Если изначально у вас нет данных для хранения в dataLayer, вам не нужно ничего делать. Когда загружается фрагмент контейнера Google Tag Manager, он сам создает dataLayer. С этого момента к нему могут быть переданы различные точки данных, которые впоследствии могут использоваться в GTM.

Однако, если вы хотите иметь некоторые собственные пользовательские данные в dataLayer, как только страница начнет загружаться, вам нужно поместить следующий код над фрагментом контейнера GTM:
«User_pricing_plan» и «user_id» - это просто примеры, которые можно заменить другими значимыми данными.

Размещение над контейнером GTM делает данные доступными с помощью триггера «All Pages».
19
Что такое Data Layer.push?
DataLayer.push - это метод, который позволяет помещать некоторые метаданные / события на уровень данных, к которым впоследствии можно получить доступ с помощью переменных уровня данных. Фрагмент кода (упомянутый в вопросе № 19) также содержал dataLayer.push (window.dataLayer.push, если быть точным).

Пример. У вас есть форма подписки на рассылку новостей. Вам нужно отследить событие "заполнение поля email", которое сложно отслеживать с помощью стандартного прослушивания веб-форм, присутствующего в GTM по умолчанию. В этом случае вы должны попросить своего веб-разработчика инициировать соответствующее событие dataLayer, как только новый подписчик успешно введет свой электронный адрес электронной почты на вашем сайте:
window.dataLayer.push({'event': 'new_subscriber'});
При желании, можно попросить разработчика передать дополнительную информацию (например, расположение формы, т.к. на одной странице может быть несколько веб-форм)
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'new_subscriber',
'formLocation': 'footer',
});

20
Что такое Версия 1 и Версия 2 в Data Layer?
Речь идет о настройках Переменной уровня данных.
Когда вы выбираете версию, вы поручаете GTM обрабатывать значения в модели данных двумя разными способами. Все что необходимо знать об этой опции - более чем в 95% случаев вам потребуется использовать "Версию 2", которая установлена в настройках переменной по умолчанию.
21
Что такое тег автособытия?
Автособытия - это супер полезная функция JavaScript, которая отслеживают определенные действия на веб-странице. В случае, возникновения подобных действия, они запускают события dataLayer, которые впоследствии могут использоваться в качестве триггеров в GTM. Кроме того, эти события содержат ценные данные, которые могут быть перенесены в сторонние ресурсы, такие как Google Analytics, Google Adwords, Mixpanel и др.

По умолчанию в GTM доступно множество инструментов прослушивания автособытий (например, «Отправка формы», «Таймер», «Просмотр страницы» и т. д.). Также в открытом доступе присутствует множество пользовательских автособытий, доступных онлайн (например, просмотр встроенного в веб-страницу Youtube-ролика, отслеживание прокрутки, прерывание заполнения веб-формы и т.д.).
Мы ежедневно делаем интернет-маркетинг для реального бизнеса. Нам есть что рассказать!
Мы готовим несколько интересных статей осквозной аналитике и
А/В тестировании. Получите уведомление об их публикации.
Мы ежедневно делаем интернет-маркетинг для реального бизнеса. Нам есть что рассказать!
Мы готовим несколько интересных статей о сквозной аналитике и
А/В тестировании. Получите уведомление
об их публикации.
Отслеживание событий
22
Какие взаимодействия можно отслеживать с помощью Google Tag Manager?
На самом деле их бесконечное множество. Что касается инструментов отслеживания событий (триггеров), присутствующих в GTM по умолчанию, на начало марта 2018 список таков:

  • клики на ссылки и элементы (например, изображения);
  • загрузка страниц;
  • доступность элемента (появление на экране определенного элемента веб-сайта);
  • отправка формы (честно говоря, эта функция по умолчанию отстойная, поскольку большинство форм не поддерживаются должным образом, вместо этого лучше создать пользовательское событие);
  • глубина прокрутки;
  • видео Youtube (просмотр youtube-ролика интегрированного на сайт);
  • время (как долго посетитель оставался на странице, а не на веб-сайте);
  • ошибки JavaScript;
  • изменение истории (полезно для аналитики одностраничных сайтов);
  • пользовательских события.
Возможности последнего триггера в списке еще более впечатляет. Достаточно назвать несколько несколько из них, чтобы понять всю мощь возможностей данного инструмента:

  • отслеживание прослушивания в встроенного аудио (например, Soundcloud и Mixcloud);
  • отслеживание просмотра встроенного видео (например, Vimeo, JW Player, Wistia и др.);
  • попытка посетителя покинуть сайт;
  • отправка комментарии через виджет Facebook;
  • чаты (такие как Zopim или JivoSite).
23
Что делать, если функциональность триггера, представленного по умолчанию, не позволяет отследить событие на сайте, которое необходимо отследить?
Это довольно распространенная проблема, когда встроенная функциональность GTM не позволяет отследить необходимое событие. У этой проблемы есть два решения:

  • найти готовое решение в сети. GTM становится все более популярным, поэтому есть большая вероятность, что кто-то уже решил вашу проблему;
  • если это возможно, попросите разработчика отправить событие на уровень данных (с помощью window.dataLayer.push). После создание события в dataLayer можно создать пользовательский триггер.
24
Возможно ли прослушивать события в Iframe?
Да, если есть доступ к коду внутри iFrame. В противном случае - не повезло. Невозможно отслеживать iFrame без доступа к нему.
25
Встроенная функция предварительного просмотра в GTM не показывает ничего, несмотря на клики на различных элементах веб-сайта. Почему?
Это обычная ошибка новичков. Часто встроенных переменных для прослушивания кликов недостаточно, чтобы начать отслеживать взаимодействие с некоторыми элементами. Добавляя в тег переменную прослушивания кликов помните, что для ее активации требуется определить для данного тега условие (триггер) при котором происходит запуск прослушивания данного события.
Также, если вы только начали работу с новым контейнером GTM, хорошей практикой является создание Общего триггера (с условием активации «Все клики»), чтобы на практике увидеть, как работает отслеживание кликов на вашем веб-ресурсе.
Google Tag Manager + Google Analytics
26
Нужно ли переносить все хардкодные теги в GTM?
Хардкодный (hardcode) или жестко закодированный тег - это фрагмент кода, добавленный непосредственно к исходному коду веб-сайта без использования какого либо сервиса для работы с тегами (кроме GTM это могут быть: Dynamic Tag Management by Adobe, Matomo и др.).

Если вы использовали хардкодные теги отслеживания Google Analytics и теперь планируете начать использовать Диспетчер тегов Google, вы не обязаны переносить в него все эти фрагменты кода, относящиеся к GA. Однако, лучше все таки, это сделать.
27
Чем Google Tag Manager отличается от Google Analytics?
Google Tag Manager - это бесплатное ПО, которое позволяет самостоятельно, без привлечения IT разработчика, разместить различные типы кода (теги) на веб-сайте. GTM содержит уже готовые теги. В качестве примера таких тегов могут служить, например: тег отслеживания событий в Google Analytics или теги ремаркетинга и отслеживания конверсий в Adwords. В GTM присутствует возможность работы с массивом готовых тегов, не связанных с сервисами Google, а также возможность быстро и удобно создавать собственные теги для интеграции на сайт кодов сторонних сервисов.

Диспетчер тегов Google не заменяет Google Analytics. Вместо этого он помогает пользователям легко добавлять коды отслеживания (теги) Google Analytics на веб-сайт, размещать фрагменты кодов событий GA и определять правила, при каких условиях каждый код GA должен запускаться.

До GTM коды отслеживания GA должны были быть жестко закодированы веб-разработчиком на каждой отдельной странице. Работать с сотнями различных событий довольно сложно, когда дело доходит до их администрирования или обновления. Диспетчер тегов Google решает эту проблему, потому что все теги хранятся в одном месте - в панели управления (контейнере) Google Tag Manager.
28
Нужно ли использовать GTM, после его установки, в любой ситуации, если это касается работы с Google Analytics?
Нужно понимать, что Google Tag Manager - это всего лишь надстройка для удобной работы с Google Analytics и другими подобными онлайн-сервисами, а потому работать с GA исключительно через GTM вовсе не обязательно. В некоторых случаях можно использовать Google Analytics по-старому, добавив фрагменты кода непосредственно к исходному коду сайта. Однако следует иметь в виду, что в этом случае теряется масса возможностей, которые предоставляет Диспетчер тегов Google.
29
Можно использовать один и тот же идентификатор отслеживания Google Analytics в нескольких контейнерах GTM?
Да, можно. Это довольно распространенная практика в digital-маркетинге, для отслеживания данных сразу с несколько разных сайтов (кросс-доменное отслеживание), которые могут быть довольно разными по своей структуре: CSS, HTML и т. д.

В таких случаях, имеет смысл создать несколько контейнеров GTM со своим набором триггеров, переменных и т. д. А далее создать в этих контейнерах теги Google Analytics с одинаковыми идентификатором отслеживания. Это означает, что данные из разных контейнеров GTM будут отправлены в одно и то же представление Google Analytics.
30
Как работать с Google Tag Manager и Google Analytics, если необходимо настроить на сайте отслеживание электронной торговли?
Вкратце, во-первых, нужно, чтобы данные электронной торговли размещались в уровне данных (обычно это делает веб-разработчик или с помощью определенного плагина, если используется популярная CMS).

Затем нужно создать тег (или теги), который будет передавать эти данные из уровня данных в Google Analytics.

Стандартная и расширенная электронная торговля настраивается по-разному. Что касается стандарта, вам необходимо использовать в теге Universal Analytics Тип отслеживания "Транзакция".
Для расширенной электронной торговли (Enhanced Ecommerce) настройки посложнее, т.к. с помощью данного типа отслеживания фиксируется "путь" пользователей до совершения покупки. В этом случае, для отправки данных в Google Analytics используются теги с типами отслеживания "Просмотр страницы" и "Событие". Ниже приведены примеры тегов для расширенной электронной торговли:

Тег Просмотр карточки товара.
Используем тег типа Universal Analytics. Тип отслеживания – "Просмотр страницы". В дополнительных настройках активируем "Расширенные функции электронной торговли"–>"Использовать уровень данных". Триггером устанавливаем событие "Просмотр карточки товара".
Тег Добавление товара в корзину.
Создаем тег типа Universal Analytics. Тип отслеживания – "Событие". Задаем категорию – "Ecommerce", действие – "Add to Cart". В дополнительных настройках активируем "Расширенные функции электронной торговли"–>"Использовать уровень данных". Триггером устанавливаем событие "Добавление в корзину".
Для того, чтобы события, связанные с электронной торговлей начали отображаться в Google Analytics необходимо включить "Настройки электронной торговли" в Представлении, куда данные передаются из GTM.
После включения "Настроек электронной торговли" в GA данные по ecommerce можно будет увидеть в разделе "Конверсии"–>"Электронная торговля".

Полезные ссылки:
Standard Ecommerce + GTM
Enhanced Ecommerce + GTM
Тестирование
31
Как тестировать новые настройки Google Tag Manager?
Для проверки внесенных изменений Диспетчер тегов Google предлагает потрясающую возможность увидеть работу новых настроек, в режиме предварительного просмотра и отладки.

Режим просмотра и отладки GTM позволяет просматривать сайт, на котором интегрирован код контейнера GTM с отображением консоли отладчика внизу экрана браузера. Это элегантное решение позволяет легко проверить, запуск созданных тегов.
Чтобы включить режим отладки Диспетчера тегов Google, нужно нажать кнопку «Предварительный просмотр» в правом верхнем углу интерфейса GTM (рядом с кнопкой «Отправить»).
После включения режима "Предварительный просмотр рабочей области" появится большой оранжевый баннер уведомлений.
Теперь нужно просто открыть сайт, на котором установлен код контейнера GTM, или обновить страницу, если он уже был открыт. Окно консоли отладки появится внизу браузера. В этом окне будет представлена подробная информация о ваших тегах, включая данные, которые обрабатываются с их помощью.

В дополнение к режиму Предварительного просмотра и отладки можно использовать полезные расширения для Chrome, такие как Google Tag Assistant, DataLayer Inspector и др.
32
Как работает режим предварительного просмотра и отладки?
Когда включается режим предварительного просмотра и отладки, GTM сохраняет файлы cookie в вашем браузере. Этот cookie-файл позволяет фрагменту контейнера GTM (установленному на веб-сайте) понять, что вы являетесь владельцем/пользователем контейнера, и хотите использовать функции отладки.

Поэтому вы видите режим предварительного просмотра и отладки, в то время как другие посетители сайта продолжают серфить по вашему сайту без каких-либо изменений в интерфейсе. Кроме того, вы можете поделиться ссылкой на режим предварительного просмотра и отладки. После нажатия на эту ссылку, в браузере получателя также сохраняется файл cookie и он получает доступ к консоли предварительного просмотра на вашем сайте.

Поскольку файл cookie является сторонним, существует вероятность того, что блокировщики рекламы или другие расширения (например, Ghostery), которые блокируют отслеживание действий пользователя, могут помешать включить режим предварительного просмотра и отладки GTM. Поэтому, если вы хотите использование GTM, необходимо добавить его в исключения для этих расширений.
33
Режим предварительного просмотра и отладки не работает. Почему?
Существует множество возможных причин, почему это происходит. Наиболее распространенными являются:

  • включение неправильного контейнера GTM в режиме предварительного просмотра;
  • аккаунт GTM просматривается в обычном режиме браузера, а веб-сайт, который тестируется, открыт в режиме инкогнито;
  • иногда необходимо сделать принудительное обновление браузера (с помощью клавиши F5);
  • жесткие настройки расширений браузера, которые блокируют работу файлов cookie (такие как AdBlocker, Ghostery и т. д.).
34
Что такое Tag Manager Injektor?
Tag Manager Injektor - это расширение для Сhrome, которое позволяет просматривать контейнер GTM на сайте (или на клиенте) без необходимости добавления кода JavaScript на страницы сайта. Т.е. это расширение позволяет начать предварительную проверку конфигурации GTM, еще до того, как веб-разработчик добавит код Диспетчера тегов Google на сайт.

Кроме того, DataLayer Inspector имеет аналогичную функциональность.
35
Google Tag Assistant
Еще одно полезное расширение, которое помогает быстрее и эффективнее, проверять работу установленного на сайте контейнера GTM. Это расширение для Chrome, помогает проверять код отслеживания на веб-сайте, устранять распространенные проблемы, упрощает и ускоряет процесс отладки.
Другие вопросы
36
Могут ли блокировщики рекламы или другие расширения браузера блокировать работу Google Tag Manager?
Да, могут. Но это не значит, что данная проблема слишком распространена. Следует иметь в виду, что если расширение блокирует GTM, оно, вероятнее всего, также заблокировало бы жестко закодированный в коде веб-сайта тег Google Analytics.
37
Может ли Google Tag Manager работать после отключения javascript в браузере?
Поскольку GTM сильно зависит от JavaScript, большинство функций работать без него не будут. Однако следует иметь в виду, что один тег будет по-прежнему функционировать - это Пользовательский тег изображения.

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

Также, в случае отключения JS, можно отслеживать посетителей с помощью Facebook Pixel.

Из всех триггеров GTM в JavaScript не нуждается только триггер просмотра страниц (All Pages). Доступные переменные ограничивается основным списком.
38
Может ли GTM нарушить работу веб-сайта?
Да, может. Использование плохо протестированных или подозрительных скриптов, найденных в Интернете, может нарушить некоторые функции сайта. Эмпирическое правило заключается в том, чтобы консультироваться с разработчиками перед размещением пользовательского JavaScript в контейнере GTM.

С другой стороны, вероятность навредить сайту встроенными триггерами и переменными - стремится к нулю.
39
Сохраняет ли Google Tag Manager данные о посетителях?
Диспетчер тегов Google не хранит данные о посетителях, это просто система, которая помогает переносить данные в сторонние сервисы. Передача этих данных происходит исключительно на стороне клиента, в его браузере.
40
Какие самые типичные ошибки, при работе с Google Tag Manager?
Типичных ошибок множество. Ниже упомянуты те, с которыми приходится сталкиваться чаще всего:

  • Не использование инструментов отладки, таких как Tag Assistant. Кроме того, плохое тестирование.
  • Размещение dataLayer = [] после фрагмента контейнера GTM.
  • "Прослушивание" слишком большого количества авто-событий. Обычно это влечет слишком большой объем данных что, само по себе, не приносит реальной ценности.
  • Не использование понятной структуры наименований, в результате чего, со временем, в аккаунте получается беспорядок.
  • Отслеживание веб-форм с помощью триггеров кликов.
Мы ежедневно делаем интернет-маркетинг для реального бизнеса. Нам есть что рассказать!
Мы готовим несколько интересных статей осквозной аналитике и
А/В тестировании. Получите уведомление об их публикации.
Мы ежедневно делаем интернет-маркетинг для реального бизнеса. Нам есть что рассказать!
Мы готовим несколько интересных статей о сквозной аналитике и
А/В тестировании. Получите уведомление
об их публикации.
Мы любим общаться!
Как начать с нами работать?
отправка заявки даст нам возможность связаться с вами и
неформально пообщаться для оценки прогнозируемых
показателей по вашему проекту
обычно мы перезваниваем
в течении часа после отпрвки заявки
Ваши данные никогда не попадут
к третьим лицам!
Мы любим общаться!
Как начать с нами работать?
отправка заявки даст возможность связаться с вами и неформально пообщаться для оценки прогнозируемых показателей
по вашему проекту
обычно мы перезваниваем
в течении часа после отправки
заявки
Ваши данные никогда не попадут
к третьим лицам!
Расслабиться и оставить email
Это все что нужно для того, что бы 2-3 раза в месяц получать уведомления о наших новых статьях и не пропустить полезный контент