Как настроить подписку на Web Push

Запуск web-push-рассылки начинается с настройки сбора адресов – push token, или, проще говоря, токенов. В системе eSputnik настройка получения push token займет всего несколько минут.

Также вы можете настроить мультиязычную подписку на Web Push.

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

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

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

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

Шаг 1. Выбор настроек для Web Push

  1. Чтобы начать настройку и подключение web-push-уведомлений, нажмите на стрелочку рядом с названием вашего аккаунта на панели меню и выберите пункт “Настройки”.

Переход к настройкам веб-пушей

  1. Перейдите во вкладку Web Push. Тут вы можете ознакомиться с общими возможностями настройки форм подписки. Нажмите на кнопку с нужным типом подписки (в один или два клика) для перехода в настройки.

Раздел настроек Web Push

Подписка в один клик – это простой и быстрый способ нарастить базу. Подписчик попадает в группы для рассылок без дополнительных подтверждений. Этот тип подписки позволяет использовать собственный домен в подписях к push-уведомлениям.

Отображение домена в web-push-уведомлении

Подписка в два клика – это подписка с двойным подтверждением. Преимущество этого типа – возможность настроить оформление окон подписки и подтверждения. В таком случае пользователь сначала увидит ваше кастомизированное окно, а затем – стандартное.

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

Окно подписки в один клик

Окна подписки в два клика

Окно подписки в один клик

Окна подписки в два клика

С алгоритмом перехода с субдомена esputnik.com на собственный домен вы можете ознакомиться в конце статьи.

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

  1. После выбора типа подписки вы перейдете в окно привязки нового сайта. Заполните раздел “Информация о сайте” с названием и ссылкой на сайт.

Привязка нового сайта

Важно!

Cбор подписчиков для web-push-уведомлений доступен только для сайтов с протоколом HTTPS.

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

Параметры интеграции с сервисом сбора подписчиков

Если у вас нет базы, оставьте поля пустыми, и мы предоставим вам ключи.

  1. Для браузера Safari вы также можете задать отдельные настройки в раскрывающемся блоке раздела интеграции.

Настройки для браузера Safari

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

  1. Нажмите на кнопку “Сгенерировать скрипт”.

Создание скрипта для интеграции

Скрипт для вашего сайта автоматически сгенерируется и выведется специальным блоком в этом же окне ниже.

  1. Скачайте установочный файл. Загрузите его в каталог верхнего уровня вашего сайта. Далее скопируйте и вставьте сгенерированный скрипт в код вашего сайта перед закрывающимся тегом head.

Данные для интеграции скрипта в код сайта

Шаг 4. Проверка статуса привязки сайта

  1. После вставки кода на ваш сайт нажмите на кнопку “Проверить статус привязки”.

  • Если отобразится статус “Сайт не привязан”, необходимо еще раз проверить внесенные настройки.

Статус “Ваш сайт привязан”

  • Если отобразится статус “Ваш сайт привязан”, с этого момента вы сможете собирать базу новых подписчиков для web-push-уведомлений.

Успешная привязка сайта

  1. Далее можно приступать к настройкам внешнего вида окна подписки или нажать на кнопку “Назад”, если хотите сделать это позже. В таком случае вы вернетесь в раздел настроек Web Push.

Возвращение в раздел настроек Web Push

Здесь будут отображаться все сайты, которые вы привяжете.

Отображение всех привязанных сайтов

Общие настройки подписки

Независимо от того, какой способ подписки вы выбрали, можно включить автоматическое удаление неактивных web-push-токенов за 30, 60 или 90 дней.

Будьте внимательны!

При удалении токенов учитывается только факт прочтения, а не дата последней рассылки. Например, если вы зададите удаление токенов, у которых нет прочтений 30 дней, а последняя рассылка была 31 день назад, удалятся все токены, кроме подписавшихся за последние 30 дней.

Чистка неактивных токенов

Шаг 1. Переход к настройкам окон подписки

  1. Для перехода к оформлению окна запроса подписки нажмите на кнопку  “Настройка запроса подписки”.

Переход к оформлению окна запроса подписки

  1. На странице настроек вы можете выбрать один из типов подписки для дальнейшего редактирования: в один или два клика. Чтобы просмотреть, как выглядит каждый из типов подписки, активируйте опцию “Показывать пример окна подписки”.

Виды отображения запроса на рассылку web push

Для запроса подписки в один клик доступен один вариант:

  • Стандартный вид – стандартное прямоугольное окошко запроса в верхнем левом углу страницы:

Пример отображения окна “Стандартный вид”

При подписке в два клика можно выбрать один из трех вариантов оформления:

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

Пример отображения окна “Виджет”

  • Пользовательский вид – такое же окошко, как у запроса подписки в один клик, только с возможностью кастомно настроить внешний вид.

Пример отображения окна “Пользовательский вид”

  • Панель – окно запроса подписки в виде полосы на ширину всей страницы, располагается вверху или внизу.

Пример отображения окна “Панель”

Окно настройки для каждого варианта открывается при клике на соответствующий блок.

Особенности настройки окна запроса подписки в браузере Safari

В общем окне настроек запроса подписки вы также можете добавить свой фирменный логотип, который будет отображаться для пользователей Safari на macOS. Для подписчиков из других браузеров можно устанавливать любое другое изображение при создании сообщений.

Добавление логотипа для веб-пушей в браузере Safari

Шаг 2. Настройка оформления окон подписки

Подписка в один клик

Настройка подписки в один клик производится очень просто. Выберите способ отображения окна подписки:

  • при загрузке страницы – окно запроса будет показываться при переходе пользователя на страницу сайта;

  • при клике на элемент – окно запроса появится после клика пользователя на определенный элемент на странице сайта (баннер, кнопка и т. д.). К этому элементу необходимо добавить class="es-push-prompt-init".

Также установите время до показа окна push-подписки после открытия страницы.

Настройки отображения запроса на подписку в один клик

Подписка в два клика: пользовательский вид

Помимо настроек, указанных в предыдущем пункте, для этого типа подписки можно указать время до повторного показа окна push-подписки, если пользователь ничего не выбрал. Также вы можете оформить внешний вид окна запроса подписки по своему усмотрению:

  • изменить текст запроса, задать цвет текста и фона окна запроса;

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

Настройки запроса подписки два клика (пользовательский вид)

Подписка в два клика: панель

Настраивается аналогично пользовательскому виду подписки в два клика. Дополнительно необходимо указать позицию запроса на подписку на странице.

Настройки запроса подписки два клика (панель)

Подписка в два клика: виджет

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

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

Настройки окна “Виджет”

Также можно настроить напоминание о разблокировке push-уведомлений:

Настройки напоминания о разблокировке push-уведомлений

После окончания настройки окон нажмите кнопку “Сохранить”, а затем – “Назад”.

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

Как перейти с субдомена esputnik.com на свой собственный домен

Если у вас активна подписка в два клика, которую вы настраивали через субдомен esputnik.com, то он будет отображаться в подписи пуш-уведомления. Однако вы можете перейти на использование собственного домена в три шага:

  1. Перейдите в настройки запроса подписки.

Настройка запроса подписки

Выберите стандартный вид (подписка в один клик) и сохраните изменения, при этом вы вернетесь на основную страницу с настройками для Web Push.

  1. Снова зайдите в настройки запроса подписки и в этом же меню выберите любой из трёх видов отображения подписки в два клика, сохраните изменения.

  2. Чтобы перейти к настройкам интеграции, нажмите на название вашего сайта.

Настройки интеграции с сайтом

Скачайте установочный файл. Загрузите его в каталог верхнего уровня вашего сайта.

Как скачать установочный файл

База подписчиков после перехода сохраняется, то есть те, кто подписался через поддомен, продолжат получать уведомления.

Остались вопросы?
Специалисты обязательно ответят и помогут решить вашу проблему!
Обратный звонок
Оставьте заявку – и наш специалист свяжется с вами в рабочее время.
Отправить заявку
Консультация в чате
Готовы к вашим вопросам!
Написать в чат
Электронная почта
Напишите в службу поддержки eSputnik.
Отправить email