Базовые кейсы размещения попапа через Менеджер тегов
Настройка триггеров срабатывания попапа
Доступны четыре основных сценария срабатывания попапа:
- При загрузке страницы
- При скролле
- При клике
- Через определенное время нахождения на странице
Для размещения попапа необходимо добавить его в Менеджер тегов Altcraft и установить код контейнера на сайт.
Показ попапа при загрузке страницы
Чтобы настроить показ всплывающего окна (попапа) сразу после загрузки страницы, создайте соответствующий триггер в Менеджере тегов. Тип триггера зависит от архитектуры вашего сайта:
| Архитектура сайта | Триггер |
|---|---|
| Для MPA-сайтов (с полной перезагрузкой страницы) | Просмотр страницы |
| Для SPA-сайтов (без перезагрузки страницы) | Изменение истории |
Для настройки создайте триггер в Менеджере тегов: перейдите во вкладку Триггеры —> "Создать".
Выберите соответствующий тип триггера и установите условия активации:
- Все просмотры страницы — попап будет показан на любой странице с кодом контейнера.
- Некоторые просмотры страницы — например:
Page URL —> равно —> https://site.com/contact. Попап будет показан только на странице контактов.
После настройки нажмите "Сохранить" и опубликуйте изменения в Менеджере тегов.
Показ попапа при скролле
Попап будет показан при прокрутке страницы на указанную глубину. Для настройки создайте триггер типа Глубина прокрутки" и укажите значение в процентах (например, 50%). Триггер может срабатывать на глубину как вертикальной, так и горизонтальной прокрутки.
Установите условия активации:
- Все просмотры страницы — срабатывание на любой странице.
- Некоторые просмотры страницы — например:
Page Path —> содержит —> /blog/. Попап будет показан только при скролле страниц блога.
После настройки нажмите "Сохранить" и опубликуйте изменения в Менеджере тегов.
Показ попапа при клике
Попап будет показан при клике на элемент страницы. Для настройки создайте триггер типа Клик по элементу.
Установите условия активации:
- Все клики — срабатывание при любом клике на странице.
- Некоторые клики — например:
Click ID —> равно —> subscribe-button. Попап будет показан только при клике на кнопку с ID "subscribe-button".
После настройки нажмите "Сохранить" и опубликуйте изменения в Менеджере тегов.
Показ попапа через определенное время
При такой настройке триггера срабатывания, попап будет показан по прошествии указанного времени.
Для этого создайте триггер в Менеджере тегов. Перейдите во вкладку триггеры —> создать Введите название триггера и выберите его тип Таймер.
Настройки триггера включают:
-
Название события по умолчанию —
actm.timer. В большинстве случаев название менять не нужно. Вы можете указать другое название, чтобы создать триггер на основе пользовательского события. -
Интервал — время между срабатываниями события (в миллисекундах). Например, если указать 5000, то событие будет срабатывать каждые 5 секунд. Первое срабатывание также произойдет через указанное время.
-
Ограничение — максимальное количество срабатываний. Если оставить поле пустым, триггер будет срабатывать до тех пор, пока пользователь не покинет страницу.
Например, для показа попапа через 10 секунд после загрузки страницы укажите интервал 10000 и ограничение 1.
После настройки нажмите "Сохранить" и опубликуйте изменения в Менеджере тегов.