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

Что такое GTM, и кому он пригодится

Google Tag Manager (GTM или Диспетчер Тэгов) – инструмент от Гугл, предназначенный для поиска тегов (частей кода) и последующей вставки фрагментов без вреда сайту. Благодаря GTM владелец получает возможность изменять структуру своего сайта без помощи программиста и знания Java Script или HTML. Сложность может возникнуть лишь при начале работы с инструментом – Диспетчер тегов требует “установки” на сайт (нужно взять код, предоставленный Google, и вставить его в нужное место в скрипте сайта). 

Вот список причин, по которым вы обязаны воспользоваться GTM:

  • Он бесплатен;
  • Автоматизация работы с метриками – после установки на сайт Менеджер начнет сам передавать статистику в Google Analytics, Яндекс Метрику и любую другую систему анализа;
  • Быстро и безопасно изменять фрагменты кода, вставляя и удаляя нужные участки. Добавлять небольшие апгрейды без глобальных поправок;
  • Экономия времени при поиске нужных мест;
  • Предоставление API для управления тегами, шаблонами, разрешениями, аккаунтами;
  • Наличие готовых шаблонов тегов;
  • Быстрая установка пикселя Facebook, TikTok и других сетей.

Шаблонов для вставки более чем достаточно, они охватывают каждую проблему – пиксель, A/B-тестирование, баннеры, реклама и т.д. Функции описаны на одной из страниц GTM. Большой список функций и ближайших обновлений есть здесь. Работа ведется не только с веб-страницами, но и со сложными скриптами приложений под Android, IOS и AMP, а в скором времени планируется добавление функции изменения серверов, сейчас она на стадии бета-тестирования.

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

Почему GTM помогает сайту в развитии

GTM интегрируется с огромным количеством сервисов, все они собраны в таблице. Подавляющее большинство иностранные, и популярные СНГ инструменты не добавлены, хоть связь с ними возможна. В списке можно найти, например, Google Рекламу, Google Оптимизатор, Microsoft Bing Ads, Adobe Analytics, при этом Яндекс Аналитика интегрируется не менее успешно.

Инструмент также добавляет сайту траст – при анализе скрипта тем же Facebook плюсом будет наличие в коде фрагмента GTM.

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

Что нужно знать для настройки

Разберем некоторые понятия, полезные при работе с GTM:

  1. Контейнер – корзина, в которую вы складываете все шаблоны, которые установили на свой сайт. Контейнеров можно сделать несколько на одном аккаунте. По сути контейнер – это тот код GTM, который надо вставить изначально вручную. Дальнейшие действия по изменению кода ведутся через Менеджер – вы просто кидайте в контейнер шаблоны, а он преобразовывает их в код и вставляет в нужное место.
  2. Шаблон или тег – это часть кода, отвечающая за определенную функцию. Гугл предоставляет свои теги по аналитике, счетчику, продажам, ремаркетингу, либо создать тег вручную, но для этого потребуется изучить HTML – написание тега ведется именно на нем.
  3. Триггер – действие, после которого определенный тег срабатывает. Например, тег выскакивания окна с технической поддержкой появится спустя минуту после открытия сайта пользователем. Таких триггеров 4 группы:
  •  Срабатывает сразу после загрузки страницы;
  •  Срабатывает после того, как юзер кликнет на конкретное место, ссылку либо на любую часть сайта;
  • Срабатывает после какого-то действия пользователя;
  • Индивидуальные настройки – таймер из примера.

Большой список триггеров также прописан в кабинете с настройками.

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

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

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

Аккаунт в GTM создается на этой странице. Для начала необходимо выбрать название аккаунта, страну работы и назначение, где будет использоваться GTM: сайт, приложение Android, IOS, AMP (Accelerated Mobile Pages). Далее введите URL ресурса и выберите отрасль (с чем связана деятельность сайта).

Лучше давать Google доступ ко всем получаемым данным, чтобы в случае сложностей система смогла помочь.

Чтобы получить код GTM, выберите для него название, цель и нажмите “Создать”. В окне появится скрипт идентификатора отслеживания – тот самый контейнер. Его нужно добавить на сайт вручную – самостоятельно или при помощи специалистов. Дальнейшие настройки слишком детальны, чтобы описывать их в одной статье. Делайте все постепенно, сначала потренируйтесь с различными шаблонами, триггерами и переменными. Все настройки и помощь можно найти рядом со значениями по знаку (?) и на сопутствующих страницах. Помните, что две главные функции инструмента – упрощение редакции скрипта и работа с Google Analytics.

Полный обзор в формате видео есть на официальной странице поддержки Google.

Аналоги сервису

Некоторые продукты представляют собой улучшенные версии GTM, имеющие платную версию. Топ-5 сервисов для работы с тегами наравне с GTM:

  • Ensighten;
  • Tealium;
  • Tagman;
  • Satellite;
  • Super Tag.

Заключение

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

Источник