Календарь событий
Ноябрь 2017
Пн Вт Ср Чт Пт Сб Вс

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

 

Компания Google представила бесплатный инструмент Google Tag Manager еще в 2012 году. Фактически GTM (диспетчер тегов) - это система управления тегами, которая дает возможность добавлять и обновлять теги, не внося изменений в код сайта.

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

 

Основные понятия, необходимые при работе с Google Tag Manager:

Аккаунт — интерфейс сервиса, в котором происходит управление скриптами. Обычно для управления всеми рекламными тегами нужен только один аккаунт.
Контейнер — управляющий JavaScript-код, который вставляется на все страницы сайта.
Тег — фрагменты кода, отвечающие за выполнение необходимых владельцу сайта функций. Каких именно? Отслеживание источников трафика, мониторинг внутренних кликов, контроль взаимодействия пользователей с контактной формой.
Триггер — условие, определяющее, при каких обстоятельствах будут выполняться теги.
Переменная — поле, которое используется для хранения и передачи данных, необходимых для работы триггеров и тегов. В качестве встроенных переменных могут использоваться страницы, утилиты, ошибки, клики, формы, истории.

 

Как установить Google Tag Manager на своем сайте

Чтобы начать настройку Google Tag Manager, необходимо зайти на страничку сервиса tagmanager.google.com и авторизоваться или зарегистрироваться.

 

 Создание аккаунта в Google Диспетчер тегов

 

Далее вам нужно:
1). Создать контейнер для сайта, обязательно указав в настройках, где он будет использоваться.

 

 Настойка аккаунта в Google Диспетчер тегов

 

Настройка аккаунта в Google Диспетчер тегов

 

2). Установить контейнер на сайт по инструкции.

При первой его загрузке вы увидите приглашение добавить фрагмент кода Google Tag Manager на ваш сайт. Вы можете сделать это как сразу, так и после настройки контейнера.

 

Установка Google Диспетчер тегов на сайте

 

3). Создать теги в диспетчере тегов. Оптимальным решением будет перенос всех тегов в контейнер. Однако если вам необходимо отложить перенос каких-то тегов, GTM сможет работать с ними параллельно.

 

Более подробную инструкцию по установке Google Tag Manager вы сможете найти на страничке сервиса support.google.com/tagmanager.

 

 

КАК ПОДКЛЮЧИТЬ СЕРВИСЫ АНАЛИТИКИ ЧЕРЕЗ GTM

Подключение Google Analytics через GTM

Для начала разберемся, как подключить Google Analytics через Google Tag Manager.

В GTM можно создать теги Google Analytics двух конфигураций: классической и Universal Analytics. Вторая версия является действующим стандартом.

 

Для установки тега GA необходимо:
1. Создать новый тег.

 

Создание нового тега в Google Диспетчер тегов

 

2. Выбрать тип тега «Universal Analytics».

 

 Настройка тегов в Google Диспетчер тегов

 

3. Присвоить имя ему.
4. Выбрать триггер для активации (например, «Все страницы»).

 

 Выбор триггера в Google Диспетчер тегов

 

Затем нужно указать идентификатор отслеживания ресурса.

 

 Настройка тегов в Google Диспетчер тегов

 

 

Как его найти? Есть несколько способов:

  • Войдите в аккаунт Google Analytics и выберите путь «Администратор → Ресурс → Настройки ресурса». 
  • Войдите в аккаунт GA и выберите путь «Администратор → Информация об отслеживании → Код отслеживания». 
  • Перейдите на вкладку «Главная страница» и откройте папку «Аккаунт». Рядом с названием ресурса будет указан идентификатор.

 

Идентификатор отслеживания Google Диспетчер тегов

 

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

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

 

Предварительный просмотр в Google Диспетчер тегов

 

При правильной настройке информация о тегах появится в диагностическом окне.

 

 Диагностическое окно в Google Диспетчер тегов

 

После этого можно опубликовать контейнер и поверить корректность работы Google Analytics, отправив тестовый трафик в разделе «Администратор  Ресурс  Код отслеживания».

 

 Публикация контейнера Google Диспетчер тегов

 

Подключение Яндекс Метрики через GTM

Яндекс.Метрика через Google Tag Manager подключается примерно тем же путем, что и Google Analytics.


Чтобы подключить систему:
1. Добавьте новый тег, указав в настройках конфигурации тип «Пользовательский HTML».

 

Подключение Яндекс Метрики через GTM

 

В разделе «Настройки» сервиса найдите код счетчика Метрики и вставьте его в соответствующее поле.

 Подключение Яндекс Метрики через GTM

 

2. Выберите триггер «Все страницы».

 

Подключение Яндекс Метрики через GTM

 

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

 

Таким же образом сайт можно связать с другими сервисами.

 

Как еще можно использовать диспетчер тегов GTM

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

Остановимся на некоторых из них.

 

Настройка целей и событий через Google Tag Manager

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

 

Как это сделать:

• Выбрать в диспетчере тегов путь «Переменные  Настроить  Click URL».

 

 Настройка целей и событий через GTM

 

• Создать новый триггер типа «Клик - Только ссылки».

 

Настройка целей и событий через GTM

 

• Отметить варианты «Ждать теги» и «Все клики по ссылкам», в качестве условия выполнения триггера указать URL целевой страницы.

 

Настройка целей и событий через GTM

 

• Добавить тег отслеживания.

 

Далее необходимо выполнить настройки целей в Google Analytics, для сбора необходимого события.

 

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

  • Создаем пользовательскую переменную. 
  • Выбираем тип компонента «Имя хоста» для переменной типа URL. 
  • Отмечаем опцию «Убрать www». 
  • В дополнительных настройках указываем значение Click URL.

 

Настройка целей и событий через GTM

 

  • Создаем триггер типа «Клик - Все элементы». 
  • В условиях активации выбираем опцию «Некоторые ссылки». 
  • В фильтре указываем, что триггер активируется, если имя хоста не содержит URL вашего сайта.

 

Настройка целей и событий через GTM

 

 

  • Создаем тег активации триггера. 
  • Выбираем тип Universal Analytics. 
  • Выбираем тип отслеживания «Событие», 
  • Заполняем поля «Категория», «Действие» и «Ярлык».
  • Публикуем тег в контейнере.

 

 

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

 

Установка кодов ремаркетинга и ретаргетинга на сайт


Теги ремаркетинга и ретаргетинга разных социальных платформ и рекламных систем добавляются по сходному алгоритму.
Например, чтобы добавить код ретаргетинга ВКонтакте нужно создать новый тег типа «Пользовательский HTML» и добавить в предложенное поле код ретаргетинга, созданный в рекламном кабинете данной соцсети. В качестве триггера активации в данном случае используется вариант «Все страницы».
А чтобы, к примеру, настроить динамический ремаркетинг через Google Tag Manager необходимо обязательно соблюсти два параметра: идентификатор товара и тип страницы. Поэтому установка сводится к присвоению этих параметров каждой странице товара или услуги на сайте.


Настройка e-commerce через Google Tag Manager


В данном случае без помощи программистов обойтись не получится, так как для настройки понадобится внести изменения в исходный код страниц сайта. Чтобы отслеживать электронную торговлю через Google Tag Manager, нужно начать с настройки представлений, необходимых для анализа собранной информации. Далее необходимо проверить наличие кода контейнера на странице, где пользователь завершает покупку, а затем уже приступать к настройке e-commerce через Google Tag Manager.
Чтобы в GTM попали сведения о сделанной покупке, необходимо настроить передачу данных с помощью dataLayer (уровень передачи данных). Только после этого можно настроить тег, который будет передавать данные о транзакции в Google Analytics.
Как это сделать:

  • Создайте новый тег типа Google Analytics или Universal Analytics.
  • Укажите тип отслеживания.
  • Укажите триггер (например, «Все страницы»), который должен сработать при попадании пользователя на страницу завершения процесса покупки.
  • Сохраните тег.

 

 

ВНЕДРЕНИЕ МИКРОРАЗМЕТКИ ЧЕРЕЗ GTM

Микроразметка для всех типов страниц


Подойдет в том случае, если вы внедряете универсальные варианты микроразметки типа Organization.
Как настроить микроразметку через диспетчер тегов:

1). Использовать генератор Schema JSON-LD (или аналог) для получения кода.
2). Создать тег типа «Пользовательский HTML».
3). Вставить код разметки.
4). Выбрать триггер активации «Все страницы».

 

Микроразметка для определенного типа страниц

1). Использовать генератор Schema JSON-LD (или аналог) для получения кода, значения, которые будут меняться, обозначить через переменные.
2). Создать тег типа «Пользовательский HTML».
3). Вставить код разметки.
4). Выбрать триггер активации «Некоторые страницы» и указать параметр, который их определяет.
5). Создать переменные, в которые будут подтягиваться необходимые значения.
6). Публикация и проверка. После всех проведенных изменений необходимо опубликовать все изменения, а также проверить корректность микроразметки с помощью валидатора Google https://developers.google.com/structured-data/testing-tool/.

 

GTM: удобно и эффективно

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

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

 

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

Оценка 4.75
на основании 418 отзывов
Наши спикеры
  • Вероника Дубешко
    Спасибо большое Академии за приятную атмосферу, высококвалифицированных спикеров и доброжелательное отношение. Желаю вам успехов и новых слушателей!

    Вероника Дубешкочастное лицо

  • Виталий Храповицкий
    Курсы на 100% оправдали ожидания - позволили систематизировать «кашу» в голове и послужили стимулом для дальнейшего самостоятельного развития.

    Виталий ХраповицкийООО «СБКомпозит»

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

    Елена СеменоваООО «Аплай логистик»

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

    Сергей СавкинООО «Энертех-сервис»