Перейти к содержанию

Создание кампаний с веб-попапами

Веб-кампания размещает созданный вами веб-контент на вашем сайте и определяет, когда он появляется и кто его видит. Кампания показывает свой контент одним из двух способов: как Popup или как блок Inline.

Запуск новой кампании

Anchor link to
  1. Перейдите в Кампании → Веб-кампании.

  2. Нажмите Создать кампанию и выберите тип:

    • Popup: оверлей поверх страницы.
    • Inline: блок внутри элемента вашей страницы, например на боковой панели или под статьей.

    Изменить тип позже нельзя.

    Список веб-кампаний с открытым меню «Создать кампанию» и вариантами Popup и Inline

Выбор веб-контента

Anchor link to

Выберите контент, который эта кампания покажет посетителям. Можно выбрать существующий контент или создать новый, не выходя из мастера настройки.

  • Существующий контент: в поле Веб-контент выберите элемент из списка. Под каждым названием в списке указан его тип: Веб-контент для обычного контента или Веб-форма для веб-формы.
  • Новый контент: нажмите Создать новый и выберите Веб-контент или Веб-форма. Откроется редактор для этого типа контента.
Шаг «Контент» с выбранной веб-формой, открытым меню «Создать новый» с выделенным вариантом «Веб-форма» и предпросмотром формы

Чтобы изменить порядок контента в выпадающем списке, нажмите кнопку сортировки над ним и выберите Последнее обновление, А-Я или Я-А. Пока вы не выберете другой порядок, выпадающий список отсортирован по А-Я. Pushwoosh запоминает ваш выбор и использует его во всех выпадающих списках контента веб-попапов — и в разовых сообщениях, и в Journey.

Когда нужный контент выбран, нажмите Далее.

Определение аудитории

Anchor link to

Выберите, кто должен видеть кампанию.

  • Все пользователи: показывать кампанию всем без фильтров.
Шаг «Аудитория» с выбранной целевой аудиторией, показывающий опции «Использовать существующий сегмент» и «Использовать пользовательские условия»
  • Целевая аудитория: показывать кампанию только пользователям, которые соответствуют сегменту или пользовательским условиям. Появятся два варианта:
    • Использовать существующий сегмент: выберите сохраненный сегмент из списка. Чтобы создать новый, не выходя из мастера настройки, нажмите Создать сегмент.
    • Использовать пользовательские условия: создайте аудиторию на месте, добавляя фильтры по Tag, Event, Segment или User ID.
Выбран вариант «Использовать существующий сегмент» с сегментом Active Users и кнопкой «Создать сегмент»

Когда закончите, нажмите Далее.

Настройка параметров отображения

Anchor link to

Настройте, когда, как часто и где показывать эту кампанию.

CSS-селектор

Anchor link to

Это поле есть только у кампаний Inline. Кампания Inline появляется внутри блока вашей страницы, и CSS-селектор сообщает Pushwoosh, в каком именно.

  1. В поле CSS-селектор введите селектор элемента страницы, в который размещается кампания, например #newsletter-signup. Используйте один простой селектор: тег, #id, .class или [attribute], без вложенности.

  2. Под полем Pushwoosh показывает элемент, который нужно добавить на страницу, например <div id="newsletter-signup"></div>. Попросите разработчика добавить его туда, где должна появиться кампания.

    Поле «CSS-селектор» со значением #newsletter-signup, элементом для добавления на страницу и подсказкой под ним

Кампания появляется внутри первого элемента на странице, который соответствует селектору. Если на странице нет подходящего элемента, кампания на ней не показывается.

С вариантом Автоматически при загрузке страницы кампания Inline появляется каждый раз, когда загружается страница с подходящим элементом.

Показывать попап или Показывать кампанию

Anchor link to

Выберите, как показывается кампания. В кампании Popup поле называется Показывать попап, а в кампании Inline — Показывать кампанию.

  • Автоматически при загрузке страницы: кампания появляется сама на страницах, которые соответствуют ее настройкам.
  • Только через вызов WebSDK: кампания не появляется сама. Ваш сайт показывает ее, вызывая Web SDK. Мастер настройки показывает вызов с кодом кампании, например Pushwoosh.moduleRegistry.webPopups.show('CAMPAIGN_CODE'). Требуется Web SDK 3.63.0 или новее.

С вариантом Только через вызов WebSDK мастер настройки скрывает Задержку отображения и Показывать на страницах, потому что вызов с вашего сайта их не учитывает.

Задержка отображения

Anchor link to

Эта настройка относится к кампаниям Popup, которые показываются Автоматически при загрузке страницы. Выберите, когда веб-попап может впервые появиться после загрузки страницы.

  • Немедленно
  • Через 3 секунды
  • Через 5 секунд
  • Через 10 секунд

Частота

Anchor link to

Эта настройка есть только у кампаний Popup. В разделе ЧАСТОТА выберите, как часто посетитель может видеть этот веб-попап:

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

Устройство

Anchor link to

В поле Устройство выберите устройства, на которых появляется кампания: Все устройства, Десктоп или Мобильные.

Разрешение на push

Anchor link to

В поле Разрешение на push выберите, каким посетителям показывать кампанию, в зависимости от того, разрешили ли они веб-push-уведомления в этом браузере:

  • Все посетители: все, независимо от разрешения на push. Это значение по умолчанию.
  • Еще не спрошены: посетители, у которых браузер еще не запрашивал разрешение на push. Используйте этот вариант для промпта, приглашающего подписаться.
  • Подписаны: посетители, разрешившие push-уведомления.
  • Заблокировали: посетители, заблокировавшие push-уведомления, например чтобы объяснить, как снова разрешить их в браузере.
  • Push не поддерживается: посетители, чей браузер не может получать веб-push-уведомления. Используйте этот вариант, чтобы предложить другой канал, например форму email.
Настройки показа: «Устройство» — «Все устройства», «Разрешение на push» — «Еще не спрошены»

На шаге Проверка выбранный вариант отображается рядом с устройством в виде Разрешение на push: и названия варианта.

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

Показывать на страницах

Anchor link to

Выберите страницы, на которых может появляться кампания. С вариантом Только через вызов WebSDK эта настройка скрыта.

Все страницы
Anchor link to

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

  1. Нажмите + Добавить исключение.
  2. Введите путь страницы.
  3. Выберите тип соответствия пути: Точное совпадение или Начинается с.
Строка с путем страницы с выпадающими опциями «Точное совпадение» и «Начинается с»
Указанные страницы
Anchor link to

Показывать кампанию только на указанных вами страницах. Вы можете добавить до 10 страниц:

  1. Нажмите + Добавить страницу. Чтобы удалить строку, нажмите ×.
  2. Введите путь страницы.
  3. Выберите тип соответствия пути: Точное совпадение или Начинается с.
Шаг «Показывать на страницах» с выбранной опцией «Указанные страницы» и строками для добавления путей включенных страниц

Нажмите Далее, чтобы продолжить.

Ввод пути страницы
Anchor link to

Путь сообщает Pushwoosh, к каким страницам относится правило. Для исключений и указанных страниц действуют одни и те же правила.

Что вводить

  • Введите путь так, как он отображается после вашего домена, например /pricing или /blog/intro.
  • Путь может содержать буквы любого алфавита, цифры, пробелы и символы - _ . ~ ! $ & ' ( ) * + , ; = : @ /.
  • Пути чувствительны к регистру, поэтому /Pricing и /pricing — разные страницы.

Вставка полного адреса

Можно также вставить полный адрес из адресной строки браузера или закодированный путь. Pushwoosh удаляет домен, строку запроса и фрагмент, а затем сохраняет путь в декодированном виде с сохранением регистра букв. Например:

Вы вводитеPushwoosh сохраняет
https://example.com/Catalog/?sort=price/Catalog/
/caf%C3%A9/café

Типы соответствия

Тип соответствия определяет, какие страницы охватывает путь:

Тип соответствияКакие страницы охватывает
Точное совпадениеТолько страницу, путь которой совпадает с введенным. /pricing не охватывает /pricing/ или /Pricing.
Начинается сКаждую страницу, путь которой начинается с введенного, с тем же регистром букв. /blog охватывает /blog/intro, а также /blog-news, поэтому введите /blog/, чтобы охватить только раздел блога.

Проверка кампании

Anchor link to

На экране Проверка приведена сводная информация:

  • Контент: прикрепленный веб-контент. См. Выбор веб-контента. Если кампания все еще связана со старой формой подписки вместо веб-контента, здесь будет отображаться название этой формы.
  • Аудитория: Все пользователи или Целевая аудитория с названием выбранного сегмента или пользовательскими условиями.
  • Настройки отображения: устройство, страницы, на которых показывается кампания (включая тип соответствия и любые исключения), задержка и частота.

Используйте ИЗМЕНИТЬ ПАРАМЕТРЫ в любом блоке, чтобы вернуться и отредактировать соответствующую часть.

В области Предпросмотр показано, как контент выглядит на примере экрана. Используйте РЕДАКТИРОВАТЬ КОНТЕНТ, если вам нужно изменить основной контент.

Шаг «Проверка» со сводкой по контенту, аудитории и настройкам отображения, опциями изменения и областью предпросмотра

Когда все будет готово, нажмите Завершить настройку.

Затем выберите один из вариантов в меню:

  • Запустить кампанию… активирует кампанию после того, как вы введете название кампании и подтвердите действие. Для кампании Inline затем откроется диалоговое окно Код для встраивания с элементом, который нужно добавить на страницу. Позже его можно открыть снова через пункт Получить код для встраивания… в меню строки кампании.

    Диалоговое окно «Код для встраивания» с элементом div с id newsletter-signup, который нужно добавить на сайт
  • Сохранить как черновик… сохраняет кампанию, не активируя ее. Чтобы запустить ее позже, перейдите в Кампании → Веб-кампании, откройте меню с тремя точками в строке черновика и выберите Активировать кампанию…. Чтобы сначала изменить настройки, выберите Редактировать кампанию… в том же меню.

Чтобы искать, фильтровать и управлять кампаниями из списка, см. Просмотр и управление кампаниями.