СОЗДАНИЕ МЕХАНИК ДЛЯ САЙТА:
баннер тем, кто не посещал определенный раздел 7 дней

Шаг 1. Проверьте наличие скрипта сервиса
Для этого войдите в аккаунт клиента
Перейдите на страницу установки скрипта
Там внизу должны быть указаны домены, где установлен скрипт.
В случае их отсутствия обратитесь к клиенту для установки скрипта.


Шаг 2. Адаптируйте шаблон под сайт
Возьмите вот этот универсальный шаблон для показа баннера с текстом.

В нем в меню слева пройдитесь по всем вкладкам:

1. Подставьте нужные тексты
Тексты утвердите с клиентом или сделайте форму со своим предложением
Если в тексте нужен перенос строки используйте тег в поле ввода на месте переноса <br>:

2. Загрузите картинку на вкладке КАРТИНКИ И ИКОНКИ.
В этом случае можно загрузить только Изображение

Обратите внимание, если планируется показ форм на территории Украины, то лучше грузить картинки на свой домен, потому как мы используем Яндекс облако по умолчанию для хранения загруженных картинок. То есть, возможны проблемы с отображение на некоторых провайдерах.



3. Подставьте нужную ссылку
Во вкладке КНОПКА ФОРМЫ выберите Действие на кнопке = ссылка
Ссылка с кнопки – введите url, куда вы хотите вести с этой формы

4. Откорректируйте размеры и отступы элементов
Во вкладках РАЗМЕРЫ (DESKTOP), РАЗМЕРЫ (MOBILE), ОТСТУПЫ (DESKTOP), ОТСТУПЫ (MOBILE) откорректируйте размеры формы и отступы между элементами.
При выборе размеров рекомендуем ставить масштаб 100%.
При корректировке размеров обращайте особое внимание на мобильную версию формы:

5. Подберите шрифты для формы
Во вкладе ШРИФТЫ: НАСТРОЙКИ ОБЩИЕ вы можете выбрать шрифт из предложенных или использовать свой с сайта.
(1) Шрифт формы из списка предложенных, будет сразу отображаться в превью и на сайте.
(2) Если на вашем сайте используется уникальный шрифт и вы бы хотели его же использовать, поставьте галочку "Использовать свой шрифт?"
(3) В поле "Свой шрифт" вы можете ввести шрифт, точно так же, как он прописан на вашем сайте, где будет показываться форма.
Зайдите на свой сайт, нажмите правой кнопкой мыши на текстовом поле – Посмотреть код
Копируйте его полностью в это поле.

Обратите внимание!
Шрифт в форме будет подгружаться с сайта, но в превью может отображаться некорректно, из-за того, что на сайте самого личного кабинета этого уникального шрифта может не быть. Поэтому тестируйте отображение шрифта по тестовой ссылке
6. Подберите цвета для формы
Во вкладе ЦВЕТА ФОРМЫ выберите подходящие цвета.
Рекомендуем для подбора цвета с формы использовать расширение для браузера Eye Dropper
Или же использовать номер цвета с брендбука компании.

7. Определите расположение формы на экране
По умолчанию форма показывается посредине экрана и фон вокруг затемняется (на вкладке Поведение есть уровень затемнения формы)
Но вы можете изменить место расположения формы на экране настройками, которые находятся под превью формы.

Обратите внимание на чекер устройств.
По умолчанию на мобайле и планшете применяются такие же условия, как и на десктопе.
Но измените настройки, особенно, если вы используете отступы на десктопе (чтобы на мобайле форма не улетела за края экрана из-за отступов)

Шаг 4. Создайте тестовую ссылку и проверьте форму

Сохраните форму.
Нажмите "Проверить форму на сайте".
Введите или выберите домен, где будет показываться форма.
Сервис автоматически сгенерирует тестовую ссылку, по которой будет показываться форма на вашем сайте только для вас.
Ссылка формата: http://faq.popmechanic.io?pm-test-form=47ea86ccbf3dd61076ae652dc06e5b30df59dffc45ddb176c02075bbfc4d7a17
Скопируйте эту ссылку и проверьте отображение формы на сайте.
Рекомендуем отправить её себе и проверить так же на мобильных устройствах.
Отправьте эту тестовую ссылку клиенту, коллегам для проверки внешнего вида формы.
Шаг 5. Кнопка вызова формы

При желании вы можете под форму создать небольшой ярлык сбоку экрана, который будет открывать форму.
Нажмите "Пропустить", если этот пункт не нужен
Детальнее о кнопке вызова по ссылке

Шаг 6. Настройки таргетинга: кому показывать форму

Сразу рекомендуем переключится на Расширенный режим настроек:
Добавьте условие - Посещенные страницы/посещения
Это нужно для того, чтобы исключить показ формы тем, кто уже ранее был в этом разделе за последнее время
Добавьте условие - Посещенные страницы (1)
В нем задайте, что нужно показывать форму тем, кто:
- за последние 7 дней (5)
- посетил меньше, чем (2) 1 (6)
- страницу, которая содержит (3) нужный вам паттерн (4)

В нашем примере получилось, что форма не покажется тем, кто за последние 7 дней посетил хоть одну страницу, которая в url содержит "sale":
Обратите внимание!
Просмотренные страницы и визиты сайта считаются с момента установки скрипта Popmechanic на сайте. То есть, если вы установили скрипт на сайте день назад, то данные о просмотрах будут только с этого периода

Дополнительно можно добавить еще условие, что в целом посетитель сайта уже был на сайте раннее, более 2 раз.
Чтобы не показывать форму новым посетителям.
Для этого добавьте еще одно условие в эту группу:

Посещение сайта – Больше или равно – 2:

2) Настройте любые другие исключения показа, которые необходимы на вашем сайте:

- страницы показа
- устройства
- география
- дата и время: день недели, время показа, период показа
- трафик на сайт: источники трафика, utm-метки, переход с сайта
- действия: форма показана/закрыта/заполнена- js-сужение
- сегмент Mindbox
- ветка эксперимента Google Optimize

Обратите внимание на вложенность условий в расширенном Pro-таргетинге

И обязательно настройте действия, чтобы форма не показывалась постоянно, а с определенной частотой.

Рекомендуем также добавить исключение показа этого баннера на страницах, на которые мы ведем с него.
Потому как условие "Просмотренные страницы" может не успеть сработать на этой же странице:

Шаг 7. Условия показа формы

Условия показа – настройка, чтобы не раздражать посетителей сайта показом сразу же.
Можете на старте работы оставить условие 2 страницы сайта, а со временем пробовать другие условия и комбинировать их.

Детальнее об условиях показа
Шаг 8. Настройка интеграции

Для этой формы данный шаг можно пропустить.
Контактов в этой форме нет, чтобы их куда-либо передавать
Или же можете настроить передачу данных в Google Analytics
Шаг 10. Тест и запуск баннера
Включите форму с помощью переключателя активности формы:
Если у вас возникли сложности на любом шаге настройки – напишите в нашу поддержку.
Чат с поддержкой есть справа внизу в личном кабинете.

Вам была полезна эта статья?