Как добавить поп-ап на сайт через Google Tag Manager без программиста
Пошаговая инструкция: поп-ап через Google Tag Manager — ставим одну строку, пишем модальное окно в редакторе Clew и выбираем момент показа (задержка, прокрутка, повторный визит), не трогая шаблон сайта снова.
- Время
- ● 10 минут
- Цена
- 14 дней бесплатно, без карты
- Кто делает
- Любой, кто может публиковать в GTM
Пример: поп-ап через Google Tag Manager
Маркетинговый сайт SaaS работает на самописном движке, и маркетингу доступен только GTM. Посетители, которые пробыли 20 секунд на /pricing, видят окно «Не знаете, какой тариф выбрать? Запишитесь на 15-минутный звонок» со ссылкой на страницу демо.
Формат входит в тариф Pro. Каждый новый аккаунт начинается с 14 дней бесплатного пробного периода со всеми форматами и правилами аудитории, карта не нужна. После пробного периода ничего не удаляется и опубликованное продолжает показываться, а туры и подсказки остаются бесплатными на тарифе Free.
Как добавить поп-ап через Google Tag Manager: пошагово
- Шаг 01
Скопируйте код Clew
Зарегистрируйтесь бесплатно или войдите, добавьте сайт и откройте Админка → Обзор. Нажмите на строку в карточке «Виджет пока не подаёт сигналов.» — она скопируется уже с ключом вашего сайта вместо заглушки.
<!-- Clew: замените ВСТАВЬТЕ_КЛЮЧ_САЙТА на ключ сайта из админки > Обзор --> <script src="https://tryclew.ru/widget/ВСТАВЬТЕ_КЛЮЧ_САЙТА.js" async></script>
Шаг 1 · схема интерфейса - Шаг 02
Создайте тег «Пользовательский HTML»
В tagmanager.google.com откройте контейнер, Теги → Создать → Конфигурация тега → Пользовательский HTML и вставьте строку Clew. Назовите тег
Clew widget.
Шаг 2 · схема интерфейса - Шаг 03
Запускайте на всех страницах
В разделе Триггеры выберите All Pages и сохраните. Грузите везде: на какой странице показывать поп-ап, решается в Clew, а не в GTM.
Шаг 3 · схема интерфейса - Шаг 04
Проверьте и опубликуйте
В режиме предварительного просмотра убедитесь, что
Clew widgetв списке сработавших тегов, затем Отправить → Опубликовать. До публикации на сайте ничего не меняется.
Шаг 4 · схема интерфейса - Шаг 05
Напишите поп-ап в Clew
В Clew откройте Сценарии → + Новый сценарий и выберите Формат — Модальное окно. Добавьте один шаг: короткий заголовок, одно-два предложения, а в полях Текст ссылки и Адрес ссылки — текст кнопки и страницу, которую она открывает. Селектор не нужен: окно всегда по центру.
Шаг 5 · схема интерфейса - Шаг 06
Укажите, где, когда и кому показывать
В том же редакторе заполните Где показывать (URL страницы), Когда показывать, Таргетинг аудитории и Частота. Настройки примера выше:
Настройка Значение Формат Модальное окно Где показывать (URL страницы) Раздел по префиксу /pricingКогда показывать Через N секунд: 20 секунд Таргетинг аудитории Без правил — все, кто открыл страницу Частота Один раз на посетителя 
Шаг 6 · схема интерфейса - Шаг 07
Опубликуйте и проверьте на сайте
Поставьте Статус — Опубликован и сохраните. Откройте страницу в режиме инкогнито: Clew помнит, кто уже видел показ «один раз», поэтому в обычном окне его может не быть. Показы, прохождения и отвалы появятся в статистике тура.
Шаг 7 · схема интерфейса
Подводные камни: поп-ап через Google Tag Manager
Не добавляйте триггер «История»
Виджет сам отслеживает переходы в одностраничных приложениях. Второй триггер на изменение истории только зря загрузит скрипт ещё раз.
Режим согласия может задержать показ
Если в контейнере включён режим согласия и тег ждёт его, поп-ап появится только после согласия посетителя. Решите это по своей политике обработки данных.
Проверьте на телефоне перед публикацией
Через менеджер тегов легко выкатить окно сразу на все страницы. Откройте нужную страницу в узком окне браузера: ширина окна ограничена, но длинный текст утянет кнопку вниз. Держитесь двух предложений.
Вопросы и ответы
Можно отслеживать клики по окну в GA4?
Clew считает показы, прохождения и закрытия в своей статистике. Кнопка ведёт на вашу страницу, и GA4 учтёт её посещение как обычно.
GTM замедляет показ?
Виджет загружается на мгновение позже контейнера. Разница заметна разве что у элемента с Сразу при загрузке на самом первом просмотре.
Можно показать поп-ап только на одной странице?
Да. Строку ставьте на весь сайт, а в Где показывать (URL страницы) выберите Точный путь или Раздел по префиксу. На других страницах окна не будет.
Поп-ап бесплатный?
Модальные окна входят в Pro; у новых аккаунтов 14 дней пробного периода со всем, без карты. Туры и подсказки бесплатны на тарифе Free.
Куда ведёт кнопка?
На любую страницу из поля Адрес ссылки. Она открывается в новой вкладке, чтобы посетитель не потерял страницу, на которой был.