Обратная связь
Введите ваши данные, и я свяжусь с вами!
Какой у вас вопрос?

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

Как оптимизировать настройки Google Tag Manager

Материал обновлен 12:01:2022

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

После создания контейнера Google Tag Manager в нем нет ни одного тега, есть одно правило и несколько предустановленных переменных, назовем его «пустой» контейнер. Давайте посмотрим какое время необходимо для загрузки такого контейнера и объем данных.

Время — относительный параметр, на который влияет слишком много факторов, я предлагаю оценивать его как дополнительную информацию, а основное внимание уделить объему контейнера.

Пустой Google Tag Manager контейнер

Пустой Google Tag Manager контейнер

Как видите примерно 25 килобайт «весит» стандартный контейнер Google Tag Manager. Следующий вариант контейнера с небольшими настройками Google Analytics, Яндекс Метрикой и одним пользовательским HTML тегом, который содержит код HTML + JavaScript:

Небольшой контейнер в Google Tag Manager

Небольшой контейнер в Google Tag Manager

Прирост к стандартному более 15 килобайт (примерно 16 тысяч знаков).

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

Контейнер Google Tag Manager с различными настройками

Контейнер Google Tag Manager с различными настройками

Почти 100 килобайт при загрузке страницы дополнительной информации, при том, что такой же объем и у библиотеки jQuery.

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

Как добиться уменьшения? Есть несколько вариантов, можно их комбинировать:

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

В заключении приведу пример моей настройки Google Analytics выполненной в Google Tag Manager:

Пример минимизации настройки в Google Tag Manager

Пример минимизации настройки в Google Tag Manager

В результате, в 3 тегах, 2 триггерах и 5 дополнительных переменных «скрыта» настройка 5 событий Google Analytics, в которых используются динамические параметры, например, при взаимодействии с карточкой товара фиксируется название товара и т.п. Объем контейнера, который находится на сайте порядка 30 килобайт, что всего на 5 килобайт больше «пустой» версии.

Рассылка бесплатных кейсов, инструкций, обзоров
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь c политикой конфиденциальности
Ежедневные новости из мира аналитики в Telegram канале
Настройки, интеграции, примеры реальных задач, пошаговые инструкции
материалы ПО ТЕМЕ:
ОБСУЖДЕНИЕ:
Кристина
18.03.2015 at 13:08

Очень интересная тема, спасибо за информацию.
Судя по скринам, это версия 1. Для версии 2.0 это тоже актуально? Например, влияет ли на скорость загрузки количество подключенных Variables, даже если не все они используются?

    Иван
    19.03.2015 at 13:02

    Кристина, принцип одинаков для обоих версий GTM

Александр
18.03.2015 at 18:25

Благодарю за статью! И сразу вопрос:
Иван, как запихать отслеживание 5 событий в один тег?

    Иван
    19.03.2015 at 13:04

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

Юлия
15.05.2015 at 10:20

Где можно посмотреть скорость загрузки Google Tag Manager?

    Иван
    16.05.2015 at 11:27

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

Алексей
24.01.2020 at 09:58

Спасибо за статью! Вы можете поделиться примером вашей настройки gtm?

    Иван
    19.02.2020 at 19:56

    Алексей, скоро по этой теме выйдет материал

Дмитрий
16.01.2024 at 09:19

Годнота. Искал инфу про уменьшение веса js и в частности gtm. Информативно, буду пробовать. Автору респект,

Оставить комментарий
Для добавления комментария — заполните форму!

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