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

Push уведомление - это небольшое информационное окошко, которое всплывает в окне браузера и позволяет коммуницировать с клиентом в режиме онлайн.

Пример веб-пуша созданного в eSputnik

 

Настройка и подключение уведомлений

Создание web push начинается с настройки сбора адресов ваших клиентов (далее именуемые push-token). В системе eSputnik настройка получения push-token займет всего несколько минут.

Шаг 1. Привязка сайта для сбора токенов

Для этого необходимо:

  • Зайти в настройки
  • Выбрать раздел Push
  • Нажать на “Привязать сайт”

 

Настройки веб-пушей для отправки

 

Шаг 2. Регистрация проекта 
 

В открывшемся разделе "Общие настройки" заполните название сайта, загрузите картинку, зарегистрируйте проект в google приложении, введите полученный номер и api ключ;
 

Привязка нового сайта для отправки пушей

Также в этом окошке можно будет выбрать:

- подписку по-умолчанию (т.е. потребуется двойное подтверждение)

- или в один клик (чтобы увеличить число подписчиков и в подписях к push-уведомлениям подставлялся домен вашей организации).  

 

Шаг 3. Настройка окна сбора контактов

 

Задайте внешний вид и расположение окна подписки (цвет фона, текста, кнопок):

 

Настройка пуш-уведомлений в eSputnik

 

В "Окне подтверждения подписки" выберите текст страницы, цвет фона и текста

 

Настройка подтверждения подписки на push

 

Шаг 4. Укажите системные настройки

 

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

 

Настройка срока жизни пуша

 

Шаг 5. Генерация скрипта 

Скопируйте полученный скрипт на вкладке “Генерация скрипта” и вставьте на своем сайте перед закрывающимся тегом Добавление пуша на сайт

 

Генерация скрипта для запуска пуш-уведомлений


Теперь вы сможете отправлять массовые push-сообщения и создавать сценарии на основе push-token.

 

Старт массовой пуш-рассылки

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

 

Один  В разделе "Сообщения" нажмите кнопку "Push"

 

Создать первое пуш-уведомление

 

Два  Задайте тему push-уведомления и его текст

Здесь же вы увидите как выглядит сообщение в браузерах Chrome и Firefox, а также сразу сможете заустить тестовое сообщение.

 

Меню создания пуш-уведомлений

 

ВАЖНО! Используйте заголовки не более 30 символов, чтобы они корректно отображались на разных устройствах. Оптимальным количеством знаков для контента считается 45 - 60. При добавлении в пуш большой картинки - задавайте не более 30 символов, так как картинка "отрежет" часть текста. 

 

Три Сделайте пуш-уведомления уникальными

 

  • Персонализируйте web-push рассылки

Используйте персонализацию и подстановку динамического контента в триггерных и проморассылках.

 

Пример использования персонализации в пушах

 

Особенно актуальна подстановка в сообщения о заказах и брошенных корзинах. 

  • Добавляйте большие изображения и Call-To-Action

Для контактов Chrome можно отправлять пуши с большой картинкой и одной или двумя кнопками. Эти настройки можно задавать на ваше усмотрение.

 

Пример пуш-уведомления

 

  • Загружайте картинки быстро и персонализируйте их:

    • Вместо загрузки картинки с компьютера просто перетащите файл в нужную область или укажите ссылку на картинку в интернете (ссылка может быть динамическая) 
    • Картинки при создании можно персонализировать, добавляя динамический контент 

 

Пример использования персонализации на картинках

 

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

 

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

 

Запуск и настройка пуш-уведомлений

 

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

 

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

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

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

  • Заходим в соответствующий раздел, чтобы добавить новый сценарий

 

Добавиьт сценарий

 

  • В сценарии устанавливаем блок отправки push-уведомлений и указываем его настройки и сохраняем

 

Редактирование сценария с пуш-уведомлениями

 

  • Укажите событие для запуска сценария.

Событие создается в разделе “Триггеры” - “Типы событий”. Вам нужно будет заполнить такие поля:

Добавить тип события

 

  • Устанавливаем условия запуска сценария

 

Добавление сценария

 

После создания события нужно вернуться в раздел “Сценарии” и в созданном сценарии выбрать условия запуска:

 

Условия запуска сценария с пушами

 

  • Запускаем сценарий.

 

Запуск сценария с веб-пушами

 

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

 

Привязка контакта к web push токенам

 

Один из вопросов, который беспокоит отправителей push-уведомлений - как можно привязать к "безликим" (за исключением технической информации - ip, url, локаль, браузер сбора) web push токенам информацию о фактическом клиенте: узнать его имя, телефон, емейл, чтобы стало возможно воспользоваться персонализацией в самом сообщении.

Ответ крайне прост и уже реализован в нашей системе. Привязка контактов к push-токенам происходит автоматически, когда подписчик переходит на ваш сайт из письма, отправленного через eSputnik. Собирайте токены через eSputnik и вы сможете отправлять персонализированные push-сообщения тем клиентам, которым был не доставлен емейл или создать для себя любой удобный сценарий, который будет соответствовать вашей бизнес логике. К слову, более 20% всех push-токенов в нашей системе имеют привязанный контакт email или номер телефона.