Как настроить подписку на 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-уведомлений, нажмите на стрелочку рядом с названием вашего аккаунта на панели меню и выберите пункт “Настройки”.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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