Зачем вообще нужен Google Tag Manager?

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

  • установить любой скрипт чата, статиcтики, виджета и др. на сайт не заходя в админку и не открывая исходный код (без программиста);
  • поставить любое pop-up окно на определенную страницу при определенных условиях. Например, выводить скидку или его допродажу при оформлении в корзине;
  • выводить тизер на рекламу сразу на нескольких  сайтах.

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

Что такое Google Tag Manager – взгляд со стороны рядового пользователя сети Интернет

Кратко говоря, это программный продукт, позволяющий управлять фрагментами сторонних сервисов на сайте, используя единый универсальный код GTM. Средство издали напоминает подход, характерный ООП, когда имеется заданный «скелет» – конкретный объект, на который при необходимости наращивается разнообразная «мускульная масса» – дополнительные свойства, поведенческие реакции на события и прочее.

Впрочем, это сходство достаточно условное, приоритет Диспетчера Тегов Google, как следует из нижерасположенной иллюстрации – обеспечить управление фрагментами веб-кода, относящимися к таким направлениям:

  1. Analytics. Статистический анализ, идентичный Google Analitics или Яндекс.Метрика.
  2. Retargeting. Средство ремаркетинга, использующее целевой подход к направлению рекламы.
  3. Adwords. Сервис контекстной рекламы от Google.
  4. Affiliate. Инструмент продвижения сетевого бизнеса на базе партнерского маркетинга.

Что такое Google Tag Manager – взгляд со стороны рядового пользователя сети Интернет

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

Область реализации Диспетчера Тегов Google

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

Вторая весомая причина использовать Google Tag Manager – тестирование новых схем ремаркетинга. Благодаря диспетчеру тегов, отпадает необходимость постоянно привлекать программистов. Команде маркетологов, имея навыки обращения с GTM, достаточно совершить три простых действия:

  • взять необходимый код;
  • поместить фрагмент в менеджере тегов;
  • внедрить интеграцию на сайт.

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

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

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

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

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

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

  • WEB – веб-пространство;
  • iOS – под работу через iPhone;
  • Android – для пользователей этой платформы;
  • AMP – ускоренное отображение мобильных страниц.

Как установить Google Tag ManagerПосле указания всех вводных параметров, становится активной кнопка создать, нажатие которой перебрасывает регистрирующуюся персону к «Соглашению об Условиях использования GTM». Лица, которые хотят изучить документ, могут выбрать его отображение на одном из пяти языков, включая английский и русский. Последний штрих регистрации – нажатие кнопки, подтверждающей согласие установленными условиями использования диспетчера тегов.

Инсталляцию GTM предваряет запрос на размещение скриптов в каждой из страниц сайта пользователя. Первый фрагмент (JavaScript) необходимо расположить непосредственно за тегом <head>, тогда как второй (non-JavaScript) должен следовать после тега <body>. Оба кода содержат строку «GTM-XXXX», которую необходимо заменить ID контейнера. Параметр автоматически создается после завершения процесса регистрации и отображается в полосе меню персональной страницы проекта.

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

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

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

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

Для этого необходимо создать новый тег, используя соответствующую вкладку внутри рабочей области проекта. Предваряет данную процедуру выбор конкретного продукта, в данном случае – Google Analytics или его классический вариант. Поле «Идентификатор отслеживания» необходимо заполнить соответствующим параметром, взятым из собственного аккаунта на Google Analytics, как показано на рисунке ниже.

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

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

Остается выбрать один из предлагаемых типов отслеживания:

  • просмотр;
  • транзакция;
  • событие;
  • соцсети;
  • время;
  • внешний вид ссылки;
  • модифицировать вид формы.

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

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

Работа с Google Tag Manager — настройка событий

Реакцию сайта на действие посетителя проанализируем конкретным примером: нажатием кнопки «Регистрация». Первым шагом настройки события выступает переход в рабочую область GTM и выбор пункта «Переменные». Это действие открывает форму, разделенную на два поля: настроить встроенные и создать пользовательские переменные. Работая с шаблонными средствами Диспетчера Тегов, необходимо остановиться на первом варианте. Нажатие кнопки «Настроить» открывает еще одну форму, где интересующим полем выступает элемент «Клики». Этот параметр предлагает отметить объекты, нажатие на которых приведет к активации события.

Работа с Google Tag Manager - настройка событий

Среди предложенных вариантов, маркировки требует только элемент «Click Text». Дополнительно, необходимо убедиться, чтобы отмеченными оказались следующие поля:

  • «Event» в разделе «Утилиты»;
  • Все объекты блока «Страницы».

Работа с Google Tag Manager - настройка событий

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

Конфигурация условия активации

Первым этапом конфигурирования триггера выступает выбор его типа. В рассматриваемом конкретном случае это будет объект «Все элементы», раздела «Клик».

Второй этап настройки триггера – выбор условия его активации. Этот элемент имеет своеобразное название: «Триггер активируется на следующих страницах» и предлагает два варианта:

  • все ссылки;
  • некоторые клики.

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

  1. Переменная автоматического события. Необходимо выбрать уже созданную «Click Text».
  2. Условие. Требуется оставить предложенный параметр «Содержит».
  3. Текстовый объект. Заполняется текстом «Регистрация», соответствующим содержимому нажимаемой кнопке в рассматриваемом примере.

Остается задать имя «Click Text Trigger» и сохранить внесенные изменения. Созданные объекты войдут в силу после их публикации.

Привязка цели Analytics к Google Tag Manager — руководство

Чтобы отслеживать событие необходимо сконфигурировать его в Google Analytics. Это требует перехода в сервис и выбора в нем закладки администратора. Результатом действия оказывается появление формы управления с тремя разделами: аккаунт, ресурс и представление. Последний ресурс содержит пункт цели, в который и необходимо перейти для отслеживания события, созданного сервисом GTM.

Создание новой цели также происходит в несколько этапов:

  1. Установка цели. Можно задать ее из предложенных шаблонов или выбрать вариант «Собственная» для рассматриваемого случая.
  2. Описание цели. Необходимо ввести имя объекта и выбрать его тип (событие).
  3. Подробные сведения о цели. Требуется заполнить оставшиеся поля: категория, действие, ярлык. Для рассматриваемого случая предположим такие их значения: Регистрация, Регистр, и Регистр-клик, соответственно.

Переход к последующему этапу, после задания конфигурации, осуществляется нажатием кнопки «Продолжить». Завершается процедура сохранением созданного объекта отслеживания.

Оставшиеся действия переносятся к GTM. В Диспетчере необходимо создать новый тег, следуя процедуре рассмотренной ранее. Также вводится идентификатор отслеживания из аккаунта Google Analytics и задается тип – «Событие» в данном случае. После выбора этого пункта форма дополняется параметрами: категория, действие, ярлык. Они заполняются идентично характеристикам цели, созданной в Google Analytics: Регистрация, Регистр, и Регистр-клик, соответственно. Под условие активации необходимо выбрать созданный ранее триггер «Click Text Trigger».

Варианты публикации

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

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

Рекомендуется  использовать специально созданное пользовательское представление в сервисе Google Analytics. Это позволит не искажать реальные статистические данные процессом конфигурирования тегов.

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