Создание web push-уведомлений

Чтобы отправлять клиентам web push-уведомления через сервис eSputnik, для начала необходимо создать Google-проект для сбора веб-токенов, добавить веб-сайт в учетную запись eSputnik, настроить запрос разрешения на рассылку. 

Подробнее узнайте в инструкции >

После того как все необходимые настройки внесены в аккаунт, можно создавать рассылки web push-уведомлений. 

Создание нового web push-уведомления

Перейдите в раздел “Сообщения” → “Сообщения” → “Web Push”. Нажмите на кнопку “Новый Web Push”.

Основные параметры

Заполните следующие поля:

1. Название сообщения. Это поле доступно для поиска сообщения в общем списке, пользователи его не видят.

2. Заголовок. Используйте заголовки не более 30 символов, чтобы они корректно отображались на разных устройствах.

3. Текст сообщения. Основной контент уведомления. Оптимальным количеством знаков сообщения считается 45-70.

4. Персонализация. Используйте динамические переменные, чтобы подставить данные из полей контакта в сообщение: имя, город, количество бонусов и т.д. Нажмите на иконку с человечком в поле "Заголовок" или “Текст сообщения” и выберите нужное значение.

5. Ссылка. Добавьте URL страницы для перехода.

6. Логотип. Можно загружать изображения формата JPEG или PNG  размером до 128 КБ. Вы также можете использовать переменную или ссылку на изображение. Для прямых ссылок в выражениях используйте только https-протокол.

7. Категории подписки. Используйте категории подписки, чтобы отправлять контактам сообщения согласно их интересам.

8. Метки. Добавьте метку выбрав из списка или создайте новую нажав “Создать метку”. С помощью меток вы сможете быстро находить нужные сообщения, анализировать статистику и настраивать стратегию частоты рассылок. 

Параметры Chrome

Заполните следующие поля:

1. Большое изображение. Можно загружать файлы формата JPEG или PNG до 5 МБ. Вы также можете использовать переменную или ссылку на изображение. Для прямых ссылок в выражениях используйте только https-протокол.

2. Кнопки.  В сообщении можно добавить одну или две кнопки с такими параметрами:

• Заголовок - текст, отображаемый на кнопке.

• Ссылка для перехода по клику на  кнопку.

Дополнительные параметры

Заполните следующие поля:

• Время активности сообщения (TTL). TTL – период, после которого сообщение не будет показано, если оно не доставлено к этому моменту. По умолчанию это 1 день, но вы можете выбрать другие параметры.

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

Мультиязычность (опционально)

Создайте  мультиязычную версию любого сообщения. Нажмите значок "Глобус" на верхней панели, укажите язык по умолчанию и добавьте языковые версии. Наполните каждую версию контентом на соответствующем языке. Вы можете переключаться между версиями в рамках одного шаблона в один клик.

Тестовое сообщение

Чтобы протестировать сообщение, нажмите значок “TEST” на верхней панели.

Запуск рассылки

1. Перейдите к запуску рассылки, нажав на кнопку “Создать рассылку”.

2. На странице проверки сообщения перед отправкой:

• В разделе “Домен” вы можете просмотреть общее количество подписчиков, которые получат уведомление. 

Параметр “Скрывать уведомление автоматически” – время показа web push-уведомлений.  Зависит от браузера (от 8 до 20 секунд). Если эту опцию оставить неактивной, сообщение будет находиться на экране, пока пользователь не кликнет по нему или не закроет.

• Если у вас активирован тариф “Advanced”, в разделе “Группы”  нажмите “Пересчитать контакты” чтобы увидеть общее количество контактов, которые получат уведомление. Также можно  отредактировать группы контактов, которым будет отправлено сообщение или добавить новые, невключенные ранее.

• Вы увидите всю необходимую информацию для проверки сообщения: категории подписки, время активности сообщения, ссылку, названия кнопок и URL адрес для перехода по кнопкам. Также вы сможете еще раз просмотреть, как будет выглядеть уведомление на разных операционных системах:

  • Windows  – браузеры  Chrome, Firefox.
  • macOS – браузеры Chrome, Safari. 

• В “Параметрах отправки” можно задать скорость отправки. Нажмите кнопку “Начать немедленно” для запуска рассылки. Для отложенного запуска выберите кнопку "Запланировать" и задайте нужную дату и время отправки.

Триггерная рассылка

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

Рассмотрим пример с условием отправлять push-уведомление всем, кто подтвердил подписку. Эта задача реализовывается очень просто:

1. В меню “Триггеры” зайдите в соответствующий раздел, чтобы добавить новый сценарий

2. В сценарии установите блок отправки push-уведомлений, укажите его настройки и сохраните

3. Задайте условия запуска сценария

Для этого в списке сценариев выберите необходимый и нажмите на “Настройку запуска”:

В появившемся окне укажите событие и другие условия запуска:

В нашем примере используется системное событие о подписке новых пользователей – newWebpushSubscription. Просмотреть полный список событий либо создать новое можно в разделе “Триггеры” → “Типы событий”.

4. Чтобы сделать сценарий активным, нажмите на кнопку “Старт”

Теперь каждому клиенту, который подписался на push-уведомления на вашем сайте, будет приходить пуш-сообщение после подтверждения подписки.