11 причин для максимизации эффективности веб-аналитики с помощью Google Tag Manager

Что такое Google Tag Manager

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

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

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

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

Также стоит отметить, что есть возможность подключать коды других служб. Диспетчер может работать с Яндекс.Метрикой, Google Maps, Google Analytics, Liveinternet.

Для чего нужен Google Tag Manager

Google Tag Manager – мощный инструмент управления кодами отслеживания и маркетинговыми тегами на онлайн-ресурсах. Он предоставляет ряд преимуществ и упрощает процесс работы с интернет ресурсом без необходимости вмешательства в исходный код.

11 главных причин, почему стоит использовать программный продукт уже сейчас:

1. Универсальность. Google Tag Manager разрешает управлять разнообразием тегов на вашем сайте (your website). Вы можете добавлять и редактировать теги для различных маркетинговых инструментов, включая Google Analytics, Google Ads, пиксели ремаркетинга и многое другое.
2. Простота использования. Интерфейс интуитивно понятен и прост в использовании, есть подробное описание в инструкции. Даже без навыков программирования вы сможете легко добавлять и настраивать теги.
3. Быстрое развертывание. Установка кода контейнера происходит всего за пару минут. Таким образом, можно быстро начать использовать и настраивать теги на вашей странице для определения действий посетителей.
4. Гибкость и контроль. С Google Tag Manager вы получаете полный контроль над тегами. Можно устанавливать правила активации тегов в зависимости от определенных событий или условий.
5. Улучшенная производительность интернет-сайта. Google Tag Manager использует одну асинхронную загрузку кода, что помогает ускорить загрузку страницы и улучшить производительность вашего сайта.
6. Апдейты и изменения без задержек. Один раз установив код Google Tag Manager, вы сможете легко вносить изменения и апдейты в теги без задержек. Больше не нужно ждать публикации новой версии сайта.
7. Встроенные теги. Разработчики предусмотрели встроенные теги для различных инструментов Google, например, реклама, веб-аналитика, оптимизация ресурсов. С их помощью пользователи могут установить и настроить ряд различных интеграций. Также присутствуют шаблоны тегов Twitter и FoxMetrics.
8. Многопользовательский режим. Если вы работаете в команде или сотрудничаете с внешними специалистами, Google Tag Manager может поделиться контейнерами и управлением доступом.
9. Расширяемость и интеграция. Инструмент можно легко интегрировать с другими сервисами Google, например Google Analytics, Google Ads, а также с различными сторонними сервисами.
10. Встроенные триггеры. Вы можете быстро добавлять их, чтобы отслеживать клики пользователей по различным элементам, посещение страниц сайта, заполнение онлайн-форм и выполнение других действий.
11. Бесплатная услуга. Программный продукт предоставляет все свои возможности абсолютно бесплатно, что делает его еще более привлекательным для использования.

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

Возможности GTM

Система управления тегами дает пользователю множество возможностей, рассмотрим основные из них.

• Добавление на сайт тегов ремаркетинга и ретаргетинга. Вы можете добавлять теги ремаркетинга и ретаргетинга на ваш сайт. Можно настраивать и пользоваться ими без необходимости внесения корректировок в исходном коде вашего сайта.
• Отслеживание кликов по кнопкам и виджетам в соцсетях. Можно легко отслеживать клики по кнопкам социальных сетей. Просто добавьте соответствующий тег Google менеджера и сконфигурируйте его для контроля кликов, не меняя фрагменты кода сайта.
• Подключение микроразметки. Для этого достаточно сгенерировать соответствующий код с помощью любого удобного для вас сервиса, например, Schema JSON-LD. Этот код необходимо разместить в пользовательском теге, а далее можно настроить активацию триггера.
• Контроль переходов по внешним ссылкам. Вы можете отслеживать переходы по внешним ссылкам. С помощью соответствующего тега и настроек можно получать информацию о том, какие внешние ссылки активно посещают пользователи.
• Просмотр отказов. Можно отслеживать просмотры отказов путем добавления соответствующих тегов и событий в истории. Таким образом, появится возможность получить информацию о том, на каких страницах пользователи покидают ваш сайт без взаимодействия с ним, что помогает определить потенциальные проблемные места и улучшить их для удержания пользователей.
• Кнопки шеринга на изображения. Есть возможность отслеживать клики по кнопкам шеринга на изображениях вашего сайта.
• Отслеживание внутренних переходов. Если для отслеживания внешних переходов удобно использовать UTM-метки, то для внутренних оптимально подходит Google Analytics.
• Взаимодействие с контактными формами. Можно отслеживать взаимодействие посетителей сайта с контактными формами.
• Мониторинг внешнего траффика. Можно мониторить количество пользователей с других сайтов.

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

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

Термины и структура GTM

Пользоваться Google Tag Manager невозможно без понимания ряда основных терминов.

• Аккаунт (Account) – группа контейнеров для сайта, рекомендуем иметь один аккаунт – один контейнер. В нем может быть и вложение для developer.
• Теги (Tags) – фрагмент HTML- или Java-кода, передающий данные в систему, например, в Google Analytics. Они дают возможность отслеживать поведение посетителей на сайте, использовать А/В тесты, запускать таргетинг, ремаркетинг. Присутствует множество готовых вариантов по умолчанию для многих популярных сервисов, таких как Google Ads, AdRoll, K50, Adjust, AppsFlyer и других.
• Триггеры (Triggers) – события (условия, действия пользователя), которые активируют тот или иной teg. В качестве триггера может выступать заполнение данных в строке обратной связи и отправка формы на сайте, просмотр видео, таймер, клик на некоторые элементы или по ссылке (click url).
• Переменные (Variables) – метки-заполнители, которые используются в рамках тегов, также могут выступать в качестве дополнительного условия для триггера.
• Datalayer – объект JavaScript с переменными, применяемый для кастомных событий.
• Уровень данных – объект, который содержит все данные для передачи в диспетчер тегов. Его создание не является обязательным, но он может значительно упростить передачу данных со страницы или мобильного приложения триггерам и другим переменным.
• Папки (Folders) – папки обычно необходимы для более комфортной работы в сложных аккаунтах за счет группировки переменных, тегов и триггеров.
• Рабочее пространство (Workspaces) – рабочее пространство особенно актуально для командной работы, когда два и более пользователей работают одновременно над сложными решениями.

Структура Google Tag Manager намного обширнее, но данной информации достаточно для начала комфортной работы.

Макросы

В Google Tag Manager макросы представляют собой механизм для сбора и обработки данных с сайта. Они могут быть использованы для извлечения значений переменных, определять условие выполнения событий и триггеров, а также для внедрения дополнительной логики.

Существует несколько типов макросов:

1. Встроенные. Предоставляют возможность использования встроенных переменных, таких как URL страницы, заголовок страницы, количество кликов и многое другое. Шаблонные макросы имеют несколько разновидностей: Event-макрос, HTTP Referrer-макрос и макрос URL.
2. Пользовательские. Позволяют создавать собственные переменные на основе данных с сайта. Это может быть извлечение значения элемента HTML или получение информации из фреймов, куки или данных формы.
3. Макросы для расширений. Позволяют обрабатывать данные с помощью сторонних инструментов и сервисов, таких как Google Analytics (GA4), Facebook Pixel и других.

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

Начало работы с GTM

Разобьем процесс на несколько шагов:

1. Создайте аккаунт Google Tag Manager

   

   • Перейдите на сайт Google Tag Manager (его URL адрес tagmanager.google.com).
   • Напишите название вашего аккаунта и выберите страну, после чего кликните «Далее».
2. Создайте контейнер

   

   • После создания аккаунта вам будет предложено создать контейнер. Введите имя контейнера (это может быть ID, порядковый номер, название вашего сайта) и выберите платформу (веб-сайт).
   • Нажмите «Создать».
   • Согласитесь с условиями использования и политикой конфиденциальности, затем нажмите «Подтвердить свои данные».
3. Установите контейнер на свой сайт

   

   • После создания контейнера, система покажет код. Скопируйте этот текст.
   • Откройте исходный код своего сайта и вставьте скопированный код контейнера непосредственно перед .
   • Сохраните результат.
4. Добавьте метки

   

   • В менеджере тегов приступите к добавлению нужных материалов. Нажмите на ваш контейнер и перейдите в раздел «Теги».
   • Выбираем «Добавить тег» и выберите тип тега, который хотите добавить (например, Google Analytics).
   • Введите необходимую информацию для настройки тега и сохраните его.
   • Убедитесь, что все работает должным образом. Для этого нажмите кнопку «Предварительный просмотр».
5. Опубликуйте контейнер

   

   После добавления всех необходимых меток вернитесь в окно обзора вашего контейнера.

   • Кликаем «Отправить».
   • Выберите опубликованную версию контейнера и нажмите «Опубликовать».
   • Скопируйте опубликованный код и вставьте его на каждой странице своего сайта перед закрывающимся тегом .

Чтобы добавлять и изменять идентификаторы в дальнейшем, просто внесите соответствующие изменения и опубликуйте обновленный контейнер.

Настройка Google Tag Manager на сайте

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

Настройка триггеров

Настройка активации триггера дает возможность определить, когда выполнить определенное действие, например, отправка данных аналитики.

Пошаговая инструкция по настройке:

1. В браузере зайдите в аккаунт Google Tag Manager. Перейдите на страницу Google Tag Manager (https://tagmanager.google.com).
2. Выберите контейнер. На главной панели управления выберите нужный, в котором хотите настроить триггеры.
3. Перейдите в раздел «Триггеры». В вашем контейнере выберите раздел «Триггеры» в левой боковой панели управления.
4. Создайте триггер или выберите существующий. Чтобы создать новый триггер, кликните «Добавить триггер». Если нужно отредактировать существующий триггер, щелкните на нем в списке доступных триггеров.
5. Настройте условия. В соответствующем разделе укажите условия, которые должны выполняться, чтобы триггер сработал. Можно использовать предустановленные условия или настроить свои собственные, используя операторы и переменные.
6. Далее необходима проверка работоспособность с помощью режима отладки. Чтобы убедиться, что в процессе работы не появляются ошибки, активируйте режим отладки Google Tag Manager. Откройте сайт с включенным режимом отладки и проверьте, какие ваши теги (your tags) можно активировать при выполнении условий триггера.
7. Сохраните и опубликуйте изменения. Чтобы применить настроенные триггеры, опубликуйте контейнер, нажав на кнопку «Отправить».

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

GTM предполагает подключение и управление сторонними скриптами, например, Pixel Facebook, скрипты ретаргетинга, скрипты видеомаркетинга и многое другое.

Настройка тегов событий

Данная настройка обеспечивает выполнение определенных действий при возникновении конкретного события на сайте.

Пошаговая инструкция по настройке выглядит следующим образом:

1. Зайдите в свой аккаунт Google Tag Manager.
2. Выберите необходимый контейнер на главной панели управления.
3. Перейдите в раздел «Теги». В контейнере выберите раздел «Теги» на левой боковой панели управления.
4. Создайте тег или выберите существующий. Чтобы создать новый, нажмите на кнопку «Добавить тег». Если вы хотите отредактировать существующий, щелкните на нем в соответствующем списке.
5. Настройте тип. В разделе настроек после создания тега выберите нужный тип в зависимости от того, какое событие вы хотите отслеживать или какие ваши данные (your data) нужно отправить.



6. Настройте условия активации. В соответствующем разделе задайте условия, при выполнении которых событие будет активироваться.
7. Настройте данные для отправки (дополнительно). Если вам требуется отправить какие-либо данные, такие как идентификатор пользователя или информация о событии, настройте соответствующие переменные в разделе «Переменные». Затем используйте их в разделе «Настройки тега» для заполнения требуемых полей.



8. Проверьте работоспособность с помощью режима отладки. Чтобы убедиться, что все работает правильно, активируйте режим отладки.
9. Сохраните и опубликуйте изменения. Чтобы применить настроенные теги, нажмите на кнопку «Отправить».

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

Примеры использования GTM

Рассмотрим несколько примеров использования диспетчера тегов от компании Гугл.

1. Внедрение скриптов аналитики. Менеджер поможет упростить процесс добавления кодов аналитики. Вместо добавления скриптов напрямую на каждую страницу сайта можно создать тег и привязать его к триггеру, который определит, когда и на каких страницах запускать скрипт.
2. GDPR-плашки и обеспечение корректной обработки данных. Вы можете создать GDPR-плашку, которая будет запрашивать согласие посетителей доменов на обработку их данных. С помощью соответствующих тегов и переменных можно отслеживать и обрабатывать согласия пользователей и обеспечивать безопасность и конфиденциальность персональных данных.
3. Плашки приглашений на вебинары. Вы можете выполнить настройку для отображения плашки при определенных условиях, например, когда пользователь посещает определенную страницу или совершает определенное действие (например, скачивает файлы или переходит в корзину на маркетплейс).
4. Динамические заголовки для разных источников трафика. GTM позволяет создать переменную, которая будет определять источник трафика пользователя, например, через UTM-метки, и настроить соответствующий тег для изменения заголовка страницы в зависимости от источника. Это позволит вам создавать персонализированные заголовки, что может улучшить привлечение и вовлеченность аудитории.
5. A/B тесты. Можно сделать разные варианты страницы или элементов и настройки таким образом, чтобы разделять посетителей на группы и отображать им разные варианты контента. Вы можете использовать переменные и триггеры для отслеживания показателей эффективности и принятия решений на основе результатов A/B тестирования.

Мы видим многообразие и гибкость GTM в сфере управления рекламными тегами и событиями. От GDPR-плашек и приглашений на вебинары до динамических заголовков и A/B тестов. Поэтому тег-менеджер помогает маркетологам и специалистам по SEO эффективно распределять и анализировать свои действия, улучшая их результативность и персонализацию для пользователей.

Преимущества и недостатки

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

Как установить системы аналитики через GTM

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

Установка Google Analytics

Для установки Analytics через Google Tag нужно выполнить такие действия:

1. В левом меню выбрать раздел «Теги», далее «Создать».
2. Для поля «Триггеры» указываем его значение «All Pages», чтобы счетчик показывал любой просмотр страницы от посетителя.
3. В поле «Конфигурация тега» задаем раздел «Google Аналитика – Universal Analytics». «Тип отслеживания» – автоматически будет выбран вариант «Просмотры страниц».
4. В разделе «Настройки Google Analytics» проставить идентификатор, в меню выбрать «Новая переменная. Найти идентификатор можно по схеме «Администратор» – «Ресурс» – «Настройки ресурса» – «Основные настройки».
5. Далее переносим идентификатор отслеживания в GTM.
6. После сохранения тег будет отображаться в рабочей области.
7. В правом верхнем углу нажать кнопку «Отправить», чтобы внести изменения.
8. Указать «Название версии» и опубликовать результат.

Корректность работы можно проверить в режиме предпросмотра или воспользоваться Google Analytics, выбрав «Отчет в реальном времени».

Установка Яндекс.Метрики

Используя программный продукт от компании Яндекс, необходимо:

1. В соответствующем разделе Яндекс.метрики создать новый тег.
2. Как и в Google Analytics, задать триггер «All Page».
3. В разделе «Конфигурация тега» выбрать «Специальные» – «Пользовательский HTML».
4. В специальное поле вставляем код Яндекс.Метрики. Узнать его можно, перейдя в аккаунт, далее выбрать счетчик. В меню слева нажимаем «Настройки» – «Код счетчика».
5. На рабочей панели нажимаем «Отправить», проверяем корректность работы.

Установка Facebook Pixel*

Добавить Facebook пиксель можно автоматически, используя специальную интеграцию (плагин для CMS) или самостоятельно. Первый способ проще, во втором случае потребуется выполнить те же шаги, что и в случае с установкой Яндекс.Метрики.

*Продукт принадлежит компании Meta, признанной экстремистской организацией.

Настройка цели в Google Tag Manager

Чтобы настроить цель в Google Tag Manager, выполните следующие шаги:

1. Войдите в свою учетную запись и откройте нужный контейнер, в котором хотите настроить цель.
2. Теперь переходим на вкладку «Триггеры» и нажмите на кнопку «Новый триггер».
3. В разделе «Выберите тип триггера» увидите и выберите тип, который соответствует вашей цели. Например, если вы хотите отслеживать цель при нажатии на определенную кнопку, выберите тип «Нажатие на элемент».
4. Настройте условия триггера. Введите селектор элемента, при нажатии которого будет срабатывать цель. Вы также можете настроить дополнительные условия, если это необходимо.
5. Проверьте настройки, используя встроенный инструмент предварительного просмотра, чтобы убедиться, что триггер срабатывает при выполнении определенных действий у вас сайте.
6. Сохраните и опубликуйте изменения в контейнере.
7. После публикации изменений проверьте работу цели, используя отчеты Google Analytics. Убедитесь, что цель правильно отображается и отслеживается.

Настройка целей предполагает интеграцию с Google Analytics. Убедитесь, что у вас есть настроенная учетная запись, а фрагмент кода вставлен на вашем сайте. Сделать это поможет плагин типа tag assistant.

Возможные проблемы при работе с GTM

Существует несколько потенциальных проблем с которыми может столкнуться пользователь.

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

Также можно столкнуться с ошибками в Javascript из-за введения глобальных переменных. Если пришлось столкнуться с такой ситуацией, необходимо внести правки в созданный скрипт.

Часто задаваемые вопросы

Заключение

С помощью Google Tag Manager с легкостью можно добавлять, обновлять маркетинговые теги и управлять ими без необходимости внесения изменений сразу в код сайта. Продукт облегчает коммуникацию между маркетологами и разработчиками, а также позволяет интегрировать различные инструменты маркетинга для эффективного анализа данных. Инструмент позволяет улучшить процессы оптимизации веб-аналитики, а также повысить эффективность кампаний по продвижению и рекламе.