Теги – это части кода. Их применение упрощает управление страницей. Если раньше для того, чтобы установить, например, счетчик? на сайте, это действие нужно было прописывать в коде, то с появлением диспетчера тегов этот процесс упростился. Достаточно просто сделать это в панели управления GTM, не меняя при этом исходный код страницы. 

Google Tag Manager вам понадобится, если вы разместили на сайте несколько сервисов, требующих установление тегов, например, Google Analytics, Liveinternet?, Яндекс.Метрика. Если же вы используете всего один тег или не используете их вовсе, то необходимость в диспетчере отпадает.

Элементы Google Tag Manager

  1. 1 Аккаунт
    Аккаунт – это площадка, на которой вы можете увидеть все составляющие GTM: контейнер, теги, переменные, триггеры.
    тег менеджеров аккаунт
  2. 2 Контейнер
    Говоря простыми словами, контейнер – это кусочек кода, в который мы помещаем тэги. Затем теги из контейнера загружаются и выполняются. Как только вы зарегистрируетесь в GTM, вы сразу увидите код контейнера. Посмотреть его можно также по следующему пути:
    «Администрирование» > «Установить Диспетчер тегов Google».
    диспетчер тегов контейнер
  3. 3 Тег
    Тег – это часть кода, установленная на странице, которая передает данные.
    GTM тег
  4. 4 Триггер
    Триггер – это установленное условие, которое запускает тег. Например, счетчик сработает при нажатии на кнопку «Купить».
    диспетчер тегов триггер
  5. 5 Переменные
    Переменные – это блоки информации о том или ином событии. Например, переменными для кнопки «Купить» будут: «CSS класс элемента», «Текст элемента» и т.д.
    Создать переменные можно по следующему пути: «Переменные» > «Создать».
    диспетчер тегов переменные

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

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

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

  • Перейдите по ссылке tagmanager.google.comвнешняя ссылка и зарегистрируйтесь.
    авторизация в диспетчере тегов
  • Создайте контейнер и подключите его к сайту.
    вход в гугл тег менеджер
  • Добавьте нужный вам тег. Можете воспользоваться уже готовым шаблоном тэгов.
    гугл тег менеджер добавьте тег
  • Установите настройки для своего тега.
    настройки теганастройки тега
     
  • Создайте триггер, выберите его тип и установите настройки.
    настройки триггера
  • Включите режим предварительного просмотра и проверьте, работает ли созданный вами тег. Если все сработало, публикуйте контейнер. Это действие сохранит все изменения и перенесет их на сайт.
    настройки тега

Услуги, связанные с термином:

Получить консультацию
Получить коммерческое предложение Заказать аудит сайта