Гайд по Google Tag Manager. Часть 1: что это, кому нужно и как начать работу

4.11.2019
Пингвинья редакция
20 минут
Google Tag Manager, Маркетинг,
163

Для использования сторонних программ, систем, сервисов или инструментов нужно установить их код на сайт. Отлично, когда таких сервисов 1-2, вы знаете HTML или у вас есть разработчик в штате — это несложно и займет относительно немного времени. Другая ситуация, когда помощи ждать неоткуда, а изменения в код внести надо. Чтобы облегчить жизнь РРС-специалистам, владельцам бизнеса, менеджерам и всем сопричастным, Google создал Менеджера тегов, он же Google Tag Manager, он же GTM. 

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

Что такое Google Tag Manager — GTM для начинающих

GTM — бесплатный сервис Google, который значительно упрощает управление JavaScript и HTML тегами на сайте или в мобильном приложении. 

Фактически это — фрагмент кода из двух частей. Вот так он выглядит:

Функции Google Tag Manager — GTM для начинающих

Какие функции есть у Менеджера тегов Google? С ним вы сможете:

  • быстро подключать различные сервисы аналитики: Google Analytics, Яндекс.Метрику, AppsFlyer + устанавливать коды для сбора данных Facebook, LinkedIn, Pinterest, Twitter и других;
  • фиксировать любые взаимодействия пользователя с сайтом и отправлять в нужный вам сервис;
  • настроить кроссдоменное отслеживание;
  • настраивать отправку данных для настройки ремаркетинга в Google Ads и ретаргетинга в Яндекс.Метрике, DoubleClick, Facebook;
  • использовать кастомные скрипты и встроенные теги сервисов для проведения А/В-тестов, показа баннеров и не только;
  • быстро вносить любые изменения во все теги;
  • установить на сайт коллтрекинг от Google или от сторонней компании;
  • использовать Google Optimize и Google Опросы для оценки удовлетворенности посетителей сайтом;
  • интегрировать внешние сервисы: Adometry, Distillery, comScore, FoxMetrics, Infinity, MouseFlow, Placed…

То есть GTM — это такая себе шкатулка, куда вы складываете небольшие, но очень ценные предметы. 

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

Для чего нужен Диспетчер тегов Google — GTM для начинающих

Зачем использовать Google Tag Manager, если все можно сделать сразу на сайте?

Во-первых, большое количество тегов, установленных напрямую на сайте, замедляет работу последнего. Нормальная скорость загрузки страниц — до 3 секунд. Каждая лишняя секунда раздражает посетителей и делает их менее лояльными. Как следствие, потенциальных клиентов становится меньше и вы недополучаете прибыль. Если такое происходит постоянно, то после 2-3 попыток посетитель, скорее всего, больше не вернется. 

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

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

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

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

Преимущества Google Tag Manager — GTM для начинающих

При использовании Менеджера тегов:

  1. Не нужно лезть в код сайта при каждой необходимости изменить параметры, активировать /заблокировать тег в одном или нескольких файлах. Такая себе гарантия ничего не забыть и не сломать сайт.
  2. Вы не зависите от разработчиков: сервис позволяет самостоятельно управлять установленными тегами. Вы сможете протестировать несколько вариантов и выбрать оптимальный, отредактировать или добавить какой-то элемент всего за пару минут. Без Диспетчера приходится обращаться к разработчикам для внесения любых, даже самых незначительных, изменений. Часто это вызывает неудобства: порой нужно ждать недели-месяцы. Плюс привлечение специалистов — это всегда дополнительные расходы на оплату. 
  3. В вашем распоряжении понятный функционал для эффективного управления тегами + расширенные возможности для всяких хитрых схем (о которых мы еще поговорим в следующих частях гайда). При установке на сайт Диспетчера тегов на всех страницах размещается контейнер, который хранит теги с заданными параметрами. Потом при помощи пары кнопок вы можете редактировать, добавлять, удалять, отключать, включать любые теги, задавать условия для них. Кроме того, к одному интерфейсу подключается несколько аккаунтов. Это значительно упрощает жизнь, когда вы ведете разные проекты. 
  4. Проще отслеживать события на сайте. Например, вам нужно отследить клики по внешним ссылкам на сайте. Без GTM придется добавлять код отслеживания на каждую (!) внешнюю ссылку – а это долго и трудозатратно. С Диспетчером процесс пройдет в пару кликов и займет несколько минут. Так же просто отслеживать клики на кнопку, процент скроллинга, количество отправленных форм, другие данные.
  5. Увеличивается скорость работы сайта. Теги загружаются по мере готовности, одновременно с загрузкой остальных элементов страницы. Таким образом активация одного тега не блокирует запуск другого. Именно установка Google Tag Manager используется, как один из способов повышения скорости работы сайта в рамках оптимизации коэффициента конверсии.

Кому нужен Google Tag Manager — GTM для начинающих

GTM однозначно полезен и имеет много плюсов, но не для всех. 

Кому нужен Диспетчер тегов Гугл

Театр начинается с вешалки, дружба — с улыбки, а работа в GTM — с создания учетной записи и разбора основных понятий.

Создание учетной записи — GTM для начинающих

Чтобы начать работу, перейдите на главную страницу Google Tag Manager → «Регистрация» → «Создать аккаунт» → заполните все поля → «Создать»:

Создание аккаунта Google Tag Manager

Готово. 

Сервис сразу покажет код (он же контейнер). Его необходимо вставить в разделы <head> и <body> кода сайта, следуя инструкции:

Установка кода Создание аккаунта Google Tag Manager

Персональный код также найдете во вкладке «Администрирование» «Установить Диспетчер тегов Google»:

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

В Диспетчере можно подключить сразу несколько аккаунтов к одной учетной записи Google. Для этого возвращаетесь на главную страницу и повторяете действия. Главное правило: один аккаунт — один сайт. 

Основной функционал Менеджера тегов — GTM для начинающих

Чтобы разобраться с GTM было легче, рассмотрим основные возможности и общий принцип их работы.

В интерфейсе Рабочей области вы найдете разделы Тег, Триггеры, Переменные. Именно они помогут создать, настроить и управлять новыми тегами:

Screenshot_3

Принцип работы Диспетчера тегов Google — GTM для начинающих

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

Условно, вам нужно отследить, сколько было покупок. Для этого важно выбрать тег, задать триггер и переменные. Схематически это выглядит так:

Принцип работы Google Tag Manager

Тег отслеживания конверсии активируется только, когда посетитель окажется на странице благодарности, на которую он попадает при успешном оформлении заказа. Тут триггер — посещение страницы с определенным URL.

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

Принцип работы Google Tag Manager

То есть тег сработает только при нажатии кнопки «Отправить» исключительно на форме заявки для консультации.

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

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

1 Star2 Stars3 Stars4 Stars5 Stars (3 votes, average: 5.00 out of 5)
Loading...

Будьте в курсе последних обновлений

Присоединиться в

Пингвинья редакция

Главные по словам

Бдим и поучаем.

Получить 7 писем о том,
как улучшить свой AdWords аккаунт
+ PPC статьи

Имя
e-mail
Улучшить AdWords

Улучшить свой AdWords

Получите 7 писем, о том, как можно улучшить свой аккаунт в AdWords

Подписаться

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

В версии 3.0.0

  • новые сервисы: Ubersuggest (NeilPatel), Spyfu и другие;
  • автосохранение списка минус-слов в рабочей области;
  • авторизация для хранения данных в аккаунте;
  • списки типовых минус-слов;
  • возможность хранить пользовательские списки минус-слова в расширении для дальнейшего применения в аккаунте;
  • англоязычный и русскоязычный интерфейс.

Основные комбинации

  • LeftMouseClick для добавления слова, повторное нажатие - для удаления
  • LeftALT + LeftMouseClick - для сбора фраз
  • LeftALT + S - для поиска слов

In version 3.0.0

  • new services: Ubersuggest (NeilPatel), Spyfu and others;
  • autosave of a negative keywords list in the workspace;
  • authorization for storing data in the account;
  • generic negative keyword lists;
  • the ability to store custom lists of negative keywords in the extension for further use in your account;
  • English and Russian interface.

Key combinations

  • LeftMouseClick to add a word, press again - to delete
  • LeftALT + LeftMouseClick - to collect phrases
  • LeftALT + S - for words searching

В версии 2.0

  • 2 режима выдачи ключевых слов:
  • быстрая выдача - аналогична выдаче Google Planner, но найденные результаты включают каждое слово из введенной в поиск фразы;
  • полная выдача - расширенная выдача, которая включает поиск по дополнительным релевантным фразам, но найденные результаты также включают каждое слово из введенной в поиск фразы.
  • Обновленный файл выгрузки ключевых слов Excel:
  • выгрузка локаций в удобном формате для загрузки в Editor;
  • обновленный шаблон для создания объявлений.
  • Полный список локаций.
  • Группировка отчетов по проектам.
  • Устранена ошибка с задержкой в 30 секунд.
  • Новые фильтры для получения релевантной выдачи.
  • Копирование минус-слов.

In version 2.0:

  • 2 modes of keywords search result:
  • quick search result - is similar to one of Google Planner , but the results found include every word of the phrase entered in the search;
  • full search result - extended search result that includes search on additional relevant phrases, but the results found also include every word of the phrase entered in the search.
  • Updated Exces Keyword Upload File:
  • uploading of locations in a convenient format for uploading to Editor;
  • updated template for creating ads.
  • Full list of locations.
  • Grouping of reports on the projects.
  • Fixed an error with a delay of 30 seconds.
  • New filters for getting relevant search results.
  • Copying of negative keywords.

Несколько шагов до работы в Penguin

Заполните форму

Прикрепите резюме:
1Кликов 259, показов 3 515. Чему равно CTR?
2Заходов на сайт 874, конверсий 16. Чему равен коэффициент конверсии?
3Что такое СРА?
4CTR 4,03%, кликов 240. Чему равно число показов объявления?
5Затрат 20 158, конверсий 63. Чему равна стоимость конверсии?

Несколько шагов до работы в Penguin

Заполните форму

Прикрепите резюме: