Получите бесплатную
консультацию

Записаться

Оставьте свои контакты
для связи

#техничка

Как установить Google Tag Manager (GTM) на свой сайт?

GTM - корзина для всех инструментов, настроек и правок

Анатолий Яцино

Teamlead

Для начала, что такое Google Tag Manager или Google Диспетчер тегов? (в следующих упоминаниях как GTM).

Все сталкивались с такими проблемами как: установки Google Analytics, Яндекс.Метрику, пиксель Facebook; отслеживания конверсии; код ремаркетинга и т.д на один сайт. Для решения этой проблемы нужно было залазить в код сайта и вставлять коды выше перечисленных инструментов в «head» и «body» (верх и низ код сайта). Откровенно, это большая и сложная процедура в которой без помощи программиста тяжело разобраться. GTM- устраняет это! GTM – корзина для всех инструментов, настроек и правок. Что-то вроде корзины в супермаркете, либо кладёшь продукты в корзину, либо носишь всё в руках.

По идеи вы только раз влазите в код страницы и все остальные действия будете делать в GTM.

GTM экономит время, деньги и ресурсы!

Перейдем к этапу настройки.

  1. Создать аккаунт и контейнер в Google Tag Manager;
    • Для этапа понадобится:
      • Быть зарегистрированным в аккаунте Google (Gmail почта).
  2. Добавляем теги;
    • Для этапа понадобится:
      • Быть зарегистрированным в инструментах которые добавляете (Google Analytics, пиксель Facebook и т.д).
  3. Проверка работы GTM.
    • Для этапа понадобится:
      • Установка аддона Google Tag Assistant.

1. Создать аккаунт и контейнер в Google Tag Manager

Переходим на страницу Google Tag Manager, нажимаем кнопку «регистрации» используйте свой Google аккаунт (Gmail адрес):

Теперь нужно завести аккаунт непосредственно в GTM.

Для этого нажмите «Создать аккаунт»:

Заполняем строку «название аккаунта», удобнее всего использовать название вашей компании. Затем выбираем страну, установите галочку напротив «Передавать анонимные данные в Google и другие службы»:

Создаём контейнер.

Контейнер создается конкретно для сайта. В одном Аккаунте может быть много контейнеров для разных сайтов.

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

Совет: В название контейнера лучше писать домен сайта.

Ознакомившись с соглашением, ставим в низу галочку, что вы согласны с условиями обработки данных в соответствии с GDPR и нажмите кнопку «Да»:

После этого вы увидите окно с фрагментом кода GTM, который нужно установить на ваш сайт:

Это краткое ТЗ для вашего программиста или вас, ОБЕЗАТЕЛЬНО код «head» и «body» ставятся на все страницы вашего сайта, если у вас лендинг то на одну.

Совет: Всё ещё не понятно ?, ознакомьтесь с кратким руководством от Google «как поставить код на ваш сайт».

Если вы случайно нажали кнопку «ок» или по другим причинам хотите вернутся к окну с кодом, зайдите в меню «Администрирование», далее в раздел «Установить Google Менеджер тегов»:

2. Добавляем теги:

Теперь мы можем добавлять все инструменты, которые нам нужны: Google Analytics, пиксель Facebook, отследить конверсии и т.д, через панель слева, кнопка «Теги»:

ВАЖНО! После каждого добавления тега или настройки вы должны нажимать кнопку «Отправить» это как активация вашей работы (настройки). Иначе будет вызвана ошибка 404 или не будут работать ваш тег.

3. Проверка работы GTM:

После добавления кода на сайт, тегов и всех настроек вы можете проверить, корректно ли передаются данные, с помощью специального аддона Google Tag Assistant. Это дополнение к браузеру Chrome, которое показывает, какие теги продуктов Google установлены на вашем сайте и как они работают. Устанавливается очень просто и интуитивно.