Clew

Как добавить поп-ап на сайт через Яндекс Тег Менеджер без программиста

Пошаговая инструкция: поп-ап через Яндекс Тег Менеджер — ставим одну строку, пишем модальное окно в редакторе Clew и выбираем момент показа (задержка, прокрутка, повторный визит), не трогая шаблон сайта снова.

Время
● 10 минут
Цена
14 дней бесплатно, без карты
Кто делает
Владелец тега Метрики или сотрудник с доступом

Пример: поп-ап через Яндекс Тег Менеджер

На сайте клининговой компании стоит Метрика с Тег Менеджером. Вернувшиеся посетители на странице /prices — на втором визите — видят «Рассчитайте стоимость уборки вашей квартиры за 2 минуты» со ссылкой на калькулятор.

Формат входит в тариф Pro. Каждый новый аккаунт начинается с 14 дней бесплатного пробного периода со всеми форматами и правилами аудитории, карта не нужна. После пробного периода ничего не удаляется и опубликованное продолжает показываться, а туры и подсказки остаются бесплатными на тарифе Free.

Как добавить поп-ап через Яндекс Тег Менеджер: пошагово

  1. Шаг 01

    Скопируйте код Clew

    Зарегистрируйтесь бесплатно или войдите, добавьте сайт и откройте Админка → Обзор. Нажмите на строку в карточке «Виджет пока не подаёт сигналов.» — она скопируется уже с ключом вашего сайта вместо заглушки.

    <!-- Clew: замените ВСТАВЬТЕ_КЛЮЧ_САЙТА на ключ сайта из админки > Обзор -->
    <script src="https://tryclew.ru/widget/ВСТАВЬТЕ_КЛЮЧ_САЙТА.js" async></script>
    Обзор в админке Clew: строка кода со скрытым ключом сайта (поп-ап через Яндекс Тег Менеджер)
    Шаг 1 · схема интерфейса
  2. Шаг 02

    Включите Тег Менеджер и пользовательский HTML

    В metrika.yandex.ru откройте тег сайта → Настройки, включите Тег Менеджер и отметьте Пользовательский HTML. Это может сделать только владелец тега.

    Настройки тега Метрики: включены Тег Менеджер и пользовательский HTML (поп-ап через Яндекс Тег Менеджер)
    Шаг 2 · схема интерфейса
  3. Шаг 03

    Создайте тег с кодом Clew

    В разделе Тег Менеджер → Теги → Добавить тег выберите шаблон Пользовательский HTML, назовите тег Clew, вставьте строку и привяжите триггер Просмотр страницы.

    Создание тега: шаблон «Пользовательский HTML» со строкой Clew (поп-ап через Яндекс Тег Менеджер)
    Шаг 3 · схема интерфейса
  4. Шаг 04

    Проверьте и опубликуйте

    Проверьте в предварительном просмотре, что тег Clew сработал, и нажмите Опубликовать. До публикации на сайте ничего не меняется.

    Тег Менеджер: версия с тегом Clew и кнопка «Опубликовать» (поп-ап через Яндекс Тег Менеджер)
    Шаг 4 · схема интерфейса
  5. Шаг 05

    Напишите поп-ап в Clew

    В Clew откройте Сценарии → + Новый сценарий и выберите Формат — Модальное окно. Добавьте один шаг: короткий заголовок, одно-два предложения, а в полях Текст ссылки и Адрес ссылки — текст кнопки и страницу, которую она открывает. Селектор не нужен: окно всегда по центру.

    Всплывающее окно с заголовком, текстом и кнопкой-ссылкой поверх сайта (поп-ап через Яндекс Тег Менеджер)
    Шаг 5 · схема интерфейса
  6. Шаг 06

    Укажите, где, когда и кому показывать

    В том же редакторе заполните Где показывать (URL страницы), Когда показывать, Таргетинг аудитории и Частота. Настройки примера выше:

    НастройкаЗначение
    ФорматМодальное окно
    Где показывать (URL страницы)Точный путь /prices
    Когда показыватьНа N-й визит: 2
    Таргетинг аудиторииБез правил — все, кто открыл страницу
    ЧастотаОдин раз на посетителя
    Редактор тура в Clew: формат, правило URL, триггер и правило аудитории (поп-ап через Яндекс Тег Менеджер)
    Шаг 6 · схема интерфейса
  7. Шаг 07

    Опубликуйте и проверьте на сайте

    Поставьте Статус — Опубликован и сохраните. Откройте страницу в режиме инкогнито: Clew помнит, кто уже видел показ «один раз», поэтому в обычном окне его может не быть. Показы, прохождения и отвалы появятся в статистике тура.

    Обзор в админке Clew: зелёная карточка «Виджет активен» (поп-ап через Яндекс Тег Менеджер)
    Шаг 7 · схема интерфейса

Подводные камни: поп-ап через Яндекс Тег Менеджер

Подписи в интерфейсе Метрики меняются

Тег Менеджер в Метрике развивается, и названия кнопок могут отличаться. Логика та же: пользовательский HTML, триггер на просмотр страницы, публикация. Поп-ап настраивается уже в Clew.

Не путайте с целями Метрики

Показы и прохождения поп-ап считает Clew в своей статистике. В Метрику события не уходят, а переход по кнопке она засчитает как обычный визит страницы.

Проверьте на телефоне перед публикацией

Через менеджер тегов легко выкатить окно сразу на все страницы. Откройте нужную страницу в узком окне браузера: ширина окна ограничена, но длинный текст утянет кнопку вниз. Держитесь двух предложений.

Вопросы и ответы

Это повлияет на цели Метрики?

Нет. Окно не отправляет события в Метрику, а переход на калькулятор Метрика засчитает как обычно.

Чем это лучше, чем попросить программиста?

Строку ставят один раз за 10 минут, а поп-ап дальше правится в Clew — без задач в бэклоге и релизов.

Можно показать поп-ап только на одной странице?

Да. Строку ставьте на весь сайт, а в Где показывать (URL страницы) выберите Точный путь или Раздел по префиксу. На других страницах окна не будет.

Поп-ап бесплатный?

Модальные окна входят в Pro; у новых аккаунтов 14 дней пробного периода со всем, без карты. Туры и подсказки бесплатны на тарифе Free.

Куда ведёт кнопка?

На любую страницу из поля Адрес ссылки. Она открывается в новой вкладке, чтобы посетитель не потерял страницу, на которой был.

Одна строка на сайте — и туры, подсказки и чеклисты без релизов.

Туры, попапы и онбординг в эпоху ИИ

7 паттернов с числом шагов, правилами текста и метриками, что меняет ИИ, чек-лист перед публикацией. PDF, 2 страницы. Что внутри гайда →