Custom HTML в GTM: когда встроенных тегов мало

Custom HTML в GTM: когда встроенных тегов мало

Когда шаблонного тега нет, а скрипт на сайт поставить нужно — на помощь приходит Custom HTML. Это самый гибкий инструмент в GTM, но и самый опасный: код выполняется прямо в браузере пользователя. Ниже — что делать, чтобы не превратить контейнер в помойку.

— **Сначала проверь, нет ли готового тега.** Прежде чем писать HTML руками, открой галерею шаблонов и поиск по названию сервиса. В 90% случаев официальный шаблон уже закрывает задачу: безопаснее, быстрее, проще отлаживать.

— **Вставляй скрипт в ``, а разметку — в ``.** Custom HTML-тег умеет рендерить любой HTML, но инъекцию `` лучше делать через сам тег, а визуальные блоки и пиксели — выносить в `document.body` или через CSS-селектор. Это снижает влияние на CLS и PageSpeed.

— **Используй переменные GTM внутри кода.** Любая встроенная переменная уровня данных (dataLayer) доступна через `{{Название}}`. Так Custom HTML становится параметризованным: один тег закрывает десятки сценариев без копипасты.

— **Добавляй триггер с явным условием.** Custom HTML не должен срабатывать «на всех страницах» — это путь к дублям событий и медленной загрузке. Фильтруй по URL, типу страницы, событию dataLayer или по готовности DOM.

— **Проверяй в режиме предварительного просмотра и Tag Assistant.** Открой Debug-режим, посмотри вкладку Tags, убедись, что тег сработал на нужной странице и только на ней. Загляни в Console — там часто всплывают ошибки парсинга и 404 на скриптах.

— **Галочка поддержки document.write — только осознанно.** Опция ломает асинхронную загрузку и блокирует рендер. Включай её, только если скрипт категорически требует этого (старые пиксели рекламных сетей) и понимаешь последствия для Core Web Vitals.

— **Версионируй и документируй.** Любой Custom HTML — это технический долг. Оставляй в комментарии к тегу ссылку на задачу, автора и дату. Через полгода именно эта строка спасёт, когда придёт запрос «а что это за скрипт на странице 404».

**Когда пригодится:** при подключении скриптов без готового шаблона — внутренних пикселей, кастомных чатов, A/B-провайдеров, систем коллтрекинга и нестандартных пикселей рекламных платформ.

— @GTMrecipesRuPro