Теги – это части кода. Их применение упрощает управление страницей. Если раньше для того, чтобы установить, например, счетчик на сайте, это действие нужно было прописывать в коде, то с появлением диспетчера тегов этот процесс упростился. Достаточно просто сделать это в панели управления GTM, не меняя при этом исходный код страницы.
Google Tag Manager вам понадобится, если вы разместили на сайте несколько сервисов, требующих установление тегов, например, Google Analytics, Liveinternet, Яндекс.Метрика. Если же вы используете всего один тег или не используете их вовсе, то необходимость в диспетчере отпадает.
Элементы Google Tag Manager
- 1 Аккаунт
Аккаунт – это площадка, на которой вы можете увидеть все составляющие GTM: контейнер, теги, переменные, триггеры.
- 2 Контейнер
Говоря простыми словами, контейнер – это кусочек кода, в который мы помещаем тэги. Затем теги из контейнера загружаются и выполняются. Как только вы зарегистрируетесь в GTM, вы сразу увидите код контейнера. Посмотреть его можно также по следующему пути:
«Администрирование» > «Установить Диспетчер тегов Google».
- 3 Тег
Тег – это часть кода, установленная на странице, которая передает данные.
- 4 Триггер
Триггер – это установленное условие, которое запускает тег. Например, счетчик сработает при нажатии на кнопку «Купить».
- 5 Переменные
Переменные – это блоки информации о том или ином событии. Например, переменными для кнопки «Купить» будут: «CSS класс элемента», «Текст элемента» и т.д.
Создать переменные можно по следующему пути: «Переменные» > «Создать».
Преимущества Google Tag Manager
- уменьшение количество кодов и упрощение работы с ними;
- повышение скорости загрузки сайта, поскольку теги и сайт загружаются отдельно;
- простота работы с Google Tag Manager даже без навыков программирования;
- возможность проверить работу кода еще до его запуска. В GTM есть функция тестирования всех обновлений в реальном времени;
- возврат к предыдущей версии. Google Tag Manager сохраняет архивы всех изменений, вы всегда можете вернуться к предыдущему набору тегов.
Как установить Google Tag Manager
- Перейдите по ссылке tagmanager.google.com и зарегистрируйтесь.
- Создайте контейнер и подключите его к сайту.
- Добавьте нужный вам тег. Можете воспользоваться уже готовым шаблоном тэгов.
- Установите настройки для своего тега.
- Создайте триггер, выберите его тип и установите настройки.
- Включите режим предварительного просмотра и проверьте, работает ли созданный вами тег. Если все сработало, публикуйте контейнер. Это действие сохранит все изменения и перенесет их на сайт.