Для чего нужен гугл тег менеджер

Google Tag Manager

Мы делимся полезными советами по электронному маркетингу, информацией о новой функциональности, акциями и скидками.

Главная eSputnik / Marketer Dictionary / Показатели эффективности / Google Tag Manager

• Для малого бизнеса
• Email-рассылки
• SMS-рассылки
• Viber-рассылки
• Web Push-уведомления
• Мобильные Push-уведомления
• Маркетинговое агентство
• App inbox
• Виджеты для сайта

• Для крупного бизнеса
• Автоматизация email-маркетинга
• Продвинутая сегментация
• Мультиязычные рассылки
• Рекомендации на сайте
• Мобильный маркетинг

• База знаний
• Блог
• Кейсы
• Примеры email-рассылок
• Руководство пользователя
• Документация по API

• О компании
• О нас
• Отзывы
• Условия использования сервиса
• Политика конфиденциальности
• Соглашение об обработке данных
• Соответствие GDPR
• Контакты

eSputnik Omnichannel CDP
2024 © All rights reserved.

Google Tag Manager

Google Tag Manager (GTM) – бесплатный диспетчер тегов, который упрощает интеграцию веб-ресурса с различными службами аналитики: Яндекс.Метрикой, Google Analytics, Google Maps и пр. Инструмент работает не только с сайтами, но и с мобильными приложениями.

Принцип работы

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

Чтобы вызвать активацию тега, веб-аналитик создает триггер Google Tag Manager на события: просмотр страницы, клик, отправку формы, изменение истории и т. д. Для отслеживания конкретных событий задается переменная, например Click URL. Срабатывание триггера возможно только в том случае, когда переменная совпадает с заданными веб-мастером параметрами.

Пример: пользователь кликнул по ссылке, она совпала с указанным в переменной URL, триггер активировал тег аналитики.

Какие задачи решает Google Tag Manager

1. Отслеживание кликов по кнопкам соцсетей на сайте.
2. Внедрение микроразметки.
3. Отслеживание внутренних переходов на сайте.
4. Отслеживание взаимодействий с формами для заказа или контактных данных.
5. Просмотр показателей отказов.
6. Отслеживание переходов по внешним ссылкам.

Что такое Google Tag Manager и как им пользоваться

Учимся работать с популярным диспетчером тегов: пошаговая иллюстрированная инструкция по настройке Google Tag Manager.

Степан Степанов

Автор статей по дизайну. В веб-дизайн пришёл в 2013 году, осознанно начал заниматься с 2015 года. Параллельно освоил вёрстку. Время от времени публикую переводы на Habr.

Что такое Google Tag Manager

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

Зачем нужен Google Tag Manager (GTM)

С помощью GTM на сайт можно добавить код разных служб аналитики: Google Analytics, «Яндекс.Метрики», Google Maps и других сервисов для мониторинга сайта.

Преимущества GTM

1. Шаблоны для интеграции Google Analytics, разных метрик и так далее.
2. Можно использовать пользовательские теги.
3. Предпросмотр и инструмент отладки тегов.
4. Система контроля версий — в любой момент можно откатиться к более ранней.
5. Реализация асинхронной загрузки тегов, что положительно сказывается на скорости загрузки страниц сайта.
6. Можно настраивать текстовую подмену на сайте, мгновенно меняя варианты.

Термины Google Tag Manager

Контейнер

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

Тег

Фрагмент кода JS, который необходимо выполнить и к которому можно подключить триггер. У тега много разных функций: отслеживание трафика и поведение посетителей, анализ эффективности рекламы, ремаркетинг и таргетинг.

Триггер

Условие для выполнения или блокировки тега. Триггер должен содержать какое-то событие: загрузка страницы, переход по ссылке, клик и так далее. Также для триггера есть фильтры, которые можно настроить. Например, указать URL страниц, на которых должен срабатывать тег.

Переменная

Параметр, для которого передается значение в процессе работы.

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

Перейдите на сайт Google Tag Manager и авторизуйтесь с помощью
Google-аккаунта. Если аккаунта нет, создайте и затем авторизуйтесь.

После авторизации создайте аккаунт для GTM или выберите из уже созданных. Я покажу настройку GTM на своем небольшом тестовом сайте sokratzona.info.

В открывшемся окне добавления нового аккаунта введите его название. Нажмите кнопку Далее.

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

Скопируйте код контейнера.

Если вы случайно закрыли окно с кодом и не скопировали его, ничего страшного, найти его можно, нажав на идентификатор контейнера в правом верхнем углу.

Нажмите на идентификатор, и у вас появится окошко с кодом. Скопируйте его и разместите на своем сайте.

В моем случае файл, куда я поместил код, называется index.html. Если вы используете CMS, возможно что файл будет называться header.php или еще как-то.

Как создать тег в Google Tag Manager

Давайте подключим сайт к Google Analytics. В рабочей области в карточке Новый тег нажмите на ссылку Добавить новый тег.

Далее перейдите в Конфигурацию тега и выберите его тип. Например, Google Аналитика — Universal Analytics.

Укажите идентификатор отслеживания. Найти его можно в аккаунте Google Analytics, Администратор — Настройки ресурса — Идентификатор отслеживания.

В качестве типа отслеживания выберите Просмотр страницы. В категории Триггеры выберите All Pages. Сохраните изменения.

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

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

Проверьте корректность работы Google Analytics. Да, все работает.

Как настроить и использовать триггеры GTM

Триггеры находятся в меню рабочей области GTM.

Выберите тип триггера.

Выбрав тип триггера, настройте условие его активации: укажите тип переменной Click URL и ссылку, переходы по которой будете отслеживать.

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

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

Можно настраивать встроенные шаблоны переменных или создавать пользовательские.

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

Какие задачи можно решить с помощью Google Tag Manager

1. Отслеживать клики по кнопкам соцсетей

Создайте тег Пользовательский HTML и скопируйте код кнопок шеринга сервиса, которым вы пользуетесь.

Укажите триггер All Pages. Сохраните и опубликуйте контейнер. Триггер можно указать как для всех страниц, так и выборочно.

Вот, что получилось после публикации:

2. Внедрять микроразметку

Так же, как и в предыдущем примере, сгенерируйте код с помощью сервиса Schema или любого другого. Создайте тег Пользовательский HTML и разместите туда полученный код, настройте активацию триггера. Вот так настраивается микроразметка.

3. Отслеживать переходы по внешним ссылкам

Создайте новый тег. Тип тега выберите Universal Analytics.

Настройте конфигурацию тега.

Настройте триггер. Выберите тип Только ссылки, отметьте пункт Некоторые ссылки и назначьте событие активации триггера.

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

Посмотрите в Google Analytics вкладку события в режиме реального времени.

4. Просматривать показатель отказов

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

Даже если по итогу вы позвонили по указанному на сайте телефону, а не через кнопку обратного звонка, и купили товар, все равно Google Analytics учтет вас как «отказника». Такое состояние дел несколько искажает действительность и не дает реальной картины.

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

Чтобы настроить показатель отказов, создайте тег Universal Analytics, тип отслеживания Событие.

Затем укажите для тега триггер Таймер и задайте нужный интервал в миллисекундах.

Проверьте подключение тега.

В Google Analytics показатель уменьшился.

Заключение

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

На курсе Skillbox вы сможете углубить свои знания в веб-аналитике, рассмотрите множество реальных кейсов и познакомитесь со всеми инструментами сбора, обработки и визуализации информации, которые можно использовать на практике.

Google Tag Manager

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

«IT-специалист с нуля» наш лучший курс для старта в IT

Кому нужен Google Tag Manager

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

Профессия / 8 месяцев
IT-специалист с нуля

Попробуйте 9 профессий за 2 месяца и выберите подходящую вам

Преимущества Google Tag Manager

1. Шаблоны для интеграции Google Analytics и ряда других метрик.
2. Удобная работа с внедрением и редактированием тегов.
3. Возможность использования собственных тегов.
4. Наличие текстовой подмены для оперативного выбора нужного тега.
5. Загрузка тегов разными этапами для ускорения работы сайта.

Из чего состоит Google Tag Manager

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

• Контейнер. Оболочка, под которой сохранены все теги ресурса. Отсюда можно брать код, который используется на сайте для активации тегов.
• Тег. Непосредственная часть кода. Позволяет отслеживать трафик, поведение посетителей, анализ рекламных кампаний, таргетинга и ремаркетинга.
• Триггер. Дает команду на блокировку или выполнение тега. В нем записано конкретное событие: переход по внешним ссылкам, открытие страниц и т.д. С его помощью можно настроить показ определенных страниц, где тег должен срабатывать.
• Переменная. Параметр, которому передаются определенные значения.

Порядок действий выглядит следующим образом. Каждый аккаунт Google Tag Manager содержит минимум один контейнер с одним или несколькими тегами (пример такого тега — Google Analytics). На этот тег устанавливается триггер, задаются условия срабатывания и передачи отчета о действии. Затем триггер считывает определенную переменную.

Как настроить Google Tag Manager

Авторизоваться на сервисе GTM можно через имеющийся аккаунт Google. Если его нет, создать аккаунт можно с нуля. Если аккаунт есть, необходимо нажать «Start for Free».

Сервис сразу же предложит заполнить данные о названии компании, адресе сайта, а также выбрать платформу.

После принятия условий дополнительного соглашения появится окно с кодом:

Этот код необходимо интегрировать на свой сайт в шапку. Файл с кодом может носить имя index.html, header.php или иначе при расположении сайта на CMS.

Подключение сайта к Google Analytics

Необходимо выбрать меню «Новый тег» (New Tag) и нажать «Создать новый тег» (Add a New Tag). В конфигурации тегов можно выбрать Google Analytics: Universal Analytics.

Затем нужно указать идентификатор отслеживания (Track Type) и выбрать All Pages в разделе триггеров.

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

Курс для новичков «IT-специалист
с нуля» – разберемся, какая профессия вам подходит, и поможем вам ее освоить

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

Нужно нажать на меню «Создать» (New) в правом верхнем углу панели. Затем выбрать в предложенном списке «Только ссылки» (Just Links).

Условием активации триггера необходимо установить клик по заданному URL, а также адрес, переходы по которому нужно будет отслеживать:

Настройка переменных в Google Tag Manager

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

Все возможные типы будут доступны в меню, а после установки всех параметров переменная станет доступной в фильтре триггера. Типы переменных:

• страницы. Принимают адрес (полный, относительный), источник запроса и имя хоста;
• утилиты. Служат для взаимодействия с событиями, рабочими областями, ID и версией контейнера;
• ошибки. С их помощью можно сообщить об ошибках, посмотреть на контейнер в режиме отладки, указать адрес ошибки;
• клики. Элементы HTML, URL, текст элементов, target-атрибуты, ID элемента;
• формы. Может принимать атрибуты, текст формы, элементы и классы формы;
• история. Эта переменная может принимать любое состояние истории или ее источник, поддерживать активацию триггера при изменении хеша URL.

Возможности Google Tag Manager

С помощью GTM можно решать множество разнообразных задач.

Отслеживание кликов по кнопкам соцсетей

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

Внедрение микроразметки

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

Отслеживание переходов по внешним ссылкам

Такую категорию можно выбрать при настройке триггера. Для этого в меню нужно выбрать тип «Только ссылки» — «Некоторые ссылки» и назначить событие активации. Чтобы проверить работоспособность тега, нужно кликнуть в режиме предварительного просмотра по любой внешней ссылке.

Просмотр отказов

Если во время посещения сайта целевое действие произведено не было, GTM засчитает его за отказ. При этом не учитывается, если в дальнейшем посетитель позвонил по указанному на сайте номеру, предварительно его сохранив. В этом есть свои существенные минусы — искажается картина реальных отказов и совершенных целевых действий. Можно сделать более тонкую настройку по времени: длительность посещений без совершенных действий. Например, при присутствии на странице более 30 секунд отказ засчитан не будет.

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

WordPress — одна из самых популярных CMS, с которой любят работать и новички, и опытные разработчики. Логично, что возможность настройки GTM существует и для нее. Есть два способа:

• установка с помощью плагина;
• установка контейнера напрямую в код.

Выбор зависит от возможностей сайта, но главный плюс — глубоких познаний в области программирования иметь не нужно. Существует готовый плагин Google Tag Manager for WordPress.

Выбор нужных тегов

Перед установкой лучше разобраться сразу, какие теги потребуются при дальнейшей работе. По умолчанию на многих сайтах используется глобальный тег gtag.js. Это не самый гибкий способ, потому что все корректировки в код впоследствии нужно буде вносить вручную, а скрипты устанавливать с помощью разработчика. Когда сайт создается с нуля, лучше использовать Google Tag Manager сразу. При этом можно использовать одновременно GTM и глобальный тег.

Настройка GTM

Плагин Google Tag Manager for WordPress можно установить напрямую из панели администратора. Во вкладке «Плагины» нужно выбрать кнопку «Добавить новый» и ввести название в поисковой строке. Настройка происходит из личного кабинета пользователя. Потребуется идентификатор аккаунта, который расположен на вкладке «Администрирование». Идентификатор вставляется на главной вкладке настроек плагина. Здесь же расположен код контейнера. Он находится по умолчанию внизу, и менять его расположение не рекомендуется — это влияет на скорость работы сайта в будущем.

Затем через вкладку Integration можно подключить GTM к нескольким популярным плагинам. После этого останется только сохранить изменения.

Обычно следующим этапом становится подключение к Google Analytics. Его идентификатор находится в разделе «Потоки данных» — «Сведения о потоке». Код нужно скопировать и вставить в описание тега.

Завершается установка настройкой триггеров. Нужно настроить обычное отслеживание, поэтому необходимо выбрать пункт «Все страницы» (All Pages). Полученные настройки останется только опубликовать. Сделать это можно на главной странице GTM. Обычно настройка занимает 20–30 минут и не требует большого опыта в программировании.

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

IT-специалист с нуля

Наш лучший курс для старта в IT. За 2 месяца вы пробуете себя в девяти разных профессиях: мобильной и веб-разработке, тестировании, аналитике и даже Data Science — выберите подходящую и сразу освойте ее.

Статьи по теме: