Как сделать рассылку браузерных push-уведомлений

Что такое браузерные пуши

Push уведомления — это сообщения, которые всплывают на экране устройства пользователя. Такие уведомления используются, чтобы подтолкнуть пользователя к определенному действию. Например, рассказать о начале акции, напомнить о персональном промокод или сообщить об изменении статуса заказа.

Существуют мобильные и браузерные пуши. Mobile push приходят пользователю от мобильных приложений, в то время как web push отправляет браузер.

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

Преимущества web push уведомлений:

1. Высокий Open Rate. Пуш-сообщения открывают чаще, чем письма email-рассылки: Open Rate пушей выше на 50%, а CTR в 7 раз.

2. Повышают вовлеченность клиентов. Пользователи легче подписываются на получение push-уведомление, чем на email-рассылку, поскольку им не надо оставлять свою электронную почту или номер телефона.

3. Увеличивают конверсию. Согласно исследованиям, 48% клиентов покупают после того, как получили пуш-уведомление. Этому способстуют несколько факторов. Во-первых, пользователь сразу переходит на нужную страницу. Во-вторых, уведомления приходят, когда вам нужно, т.е. не надо ждать когда пользователь откроет почту или прочитает SMS.

4. Не застревают в спам фильтрах. В отличие от сообщений электронной почты, пушам не приходится проходить проверку спам-фильтров.

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

Как работают браузерные push-уведомления

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

Запрос разрешения на показ push-уведомления

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

Как сделать рассылку браузерных push уведомлений

Шаг 1. Настройте web push для браузеров

Для отправки пушей браузеры используют различные сервисы:

В этом видео вы найдёте пошаговую настройку сервиса Firebase:

В данной инструкции подробно описано, как настроить web push для конкретного браузера.

Шаг 2. Создайте базу подписчиков

Для отправки уведомления конкретному подписчику используется уникальный идентификатор устройства. Каждое устройство получает такой ID, как только пользователь разрешает показ уведомлений.

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

Чтобы создать новую базу, выберите в главном меню Данные → Базы профилей, а затем нажмите кнопку “Создать” в правом верхнем углу. Настройте базу, следуя этой инструкции.

Шаг 3. Создайте ресурс и настройте push-канал

Ресурс позволяет рассылать клиентам только тот контент, который их интересует. Ресурс может представлять сайт, мобильное приложение, отдельное направление маркетинга или определенный тип контента. Например, если клиент согласился получать рассылки с акциями интернет-магазина, подпишите его на ресурс “Онлайн акции”. Если позже клиент заинтересуется статьями в блоге, добавьте ему подписку на ресурс “Блог”.

Клиент может быть подписан на один или несколько ресурсов. В любой момент он может отписаться от рассылок определенного ресурса.

Чтобы создать ресурс, перейдите в раздел "Ресурсы" из главного меню, а затем нажмите кнопку “Создать” в правом верхнем углу. Выберите Push канал для подписки:

В основных настройках ресурса укажите:

• Базу данных, которую вы создали на предыдущем шаге;
• URL вашего веб-сайта;
• Трекинг домен для отслеживания действий подписчиков в уведомлении.

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

Шаг 4. Подключите push-уведомления на сайте

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

Файлы, которые содержит Toolkit, необходимо разместить на вашем сайте одним из предложенных способов. Затем добавьте код, который будет показывать окно подписки на необходимое действие.

Зайдите на сайт. Если всё сделано правильно, в верхнем левом углу появится окно с уведомлением. Теперь любой посетитель вашего сайта может подписаться на рассылку браузерных пушей, а его идентификатор устройства сохранится в базу профилей.

Шаг 5. Загрузите данные клиентов и подпишите их на ресурс

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

• по расписанию из вашей SQL базы данных
• посредством интеграции с API платформы

Чтобы добавить данные клиентов в базу, нажмите на иконку импорта:

Для каждого клиента, данные которого попадают в базу, создается единый цифровой профиль. Он объединяет личные данные, историю действий и подписки на ресурсы:

При импорте данных подпишите клиентов на подготовленный ранее ресурс, нажав на кнопку “Добавить подписку”. Выберите Push в качестве канала связи. Статус подписки оставьте как есть — “Подписан”. Укажите колонку в таблице файла, которая содержит идентификаторы устройств пользователей:

Шаг 6. Создайте шаблон

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

Что может быть в шаблоне:

• Заголовок
• Иконка
• Тело сообщения
• Ссылка для перехода

Нажмите на иконку </>, чтобы открыть меню переменных и функций редактора. Используйте переменные, чтобы персонализировать сообщение. Добавляйте в пуш данные профилей клиентов (имя, город, возраст и др.), отправляйте подписчикам персональные промокоды. Используйте циклы и логические выражения, а также динамический контент.

Если вы рассылаете Rich push уведомления, для создания шаблона вам стоит воспользоваться специальным редактором. В Rich push уведомления можно добавлять не только текст и иконку, но и кнопки, изображения, банеры и даже аудио и видеофайлы. Более того, новый редактор позволяет отдельно настраивать уведомление для каждого браузера, а также добавлять адаптивные ссылки и deeplink.

Чтобы открыть новый редактор, зайдите в обычный редактор шаблонов и сделайте начальную версию push сообщения. Как это сделать, мы описали выше. После этого нажмите кнопку "Применить" и кликните "воспользуйтесь редактором β", чтобы перейти в новый редактор.

Шаг 7. Настройте кампанию

Кампания определяет способ рассылки. Какой именно тип кампании подойдет вам, зависит от целей рассылки:

• Надо разослать уникальный контент подписчикам всего один раз? — Броадкаст.
• Собираетесь рассылать контент с одной и той же периодичностью? — Регулярная кампания.
• Хотите отправить контент подписчику, как только произошло какое-то событие? — Триггерная рассылка.

Для настройки кампании укажите:

1. Push канал для связи с подписчиками.

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

Вы также можете указать режим отправки push-сообщений:

• fanout (по умолчанию) — отправка на все подписки профилей, которые соответствуют заданным в кампании фильтрам.
• last — отправка на подписку с самой свежей датой создания.

2. Получателей рассылки: клиенты, чьи данные вы загрузили в базу, а затем подписали на ресурс.

3. Выберите шаблон пуша.

4. Расписание рассылки.

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

Шаг 8. Протестируйте рассылку

Перед запуском рассылку лучше проверить. Тестовая отправка отправит письмо на устройство профиля которого вы зарегистрировали в платформе как тестового подписчика.

Это позволит убедиться, что:

• push уведомления дойдут до пользователя;
• они должным образом отображаются во всех браузерах;
• динамический контент и переменные работают правильно.

Чтобы запустить тестовую рассылку, найдите вашу кампанию в общем списке и нажмите на соответствующую иконку в меню кампаний:

Шаг 9. Запустите рассылку

Для этого нажмите на иконку запуска:

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

Шаг 10. Оцените результаты

Рассылка завершилась? Не забудьте проанализировать полученные результаты. Для этого перейдите в раздел “Аналитика”.

Подробная статистика по рассылке собрана в отчете по каналам. Здесь вы можете посмотреть такие показатели, как доставляемость и открываемость пушей, клики по ссылкам, коэффициент отписок, жалобы на спам, hard и soft bounce и др. Для удобства группировки можно выбрать показатели эффективности именно для Push канала.

Посчитать, сколько людей, получивших письмо, совершили какое-либо целевое действие, позволит воронка конверсии. Используйте email кампанию или шаблон письма в качестве шагов в воронке:

Шпаргалка

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

2. Создайте новую базу для хранения идентификаторов устройств, с которых пользователи подписываются на рассылку.

3. Создайте ресурс, чтобы ограничить взаимодействие с подписчиком в рамках определенной тематики.

4. Подключите push-уведомления на сайте, воспользовавшись инструментарием разработчиков.

5. Если у вас уже есть идентификаторы устройств, загрузите их в базу и подпишите пользователей на ресурс.

6. Создайте шаблон push уведомление, воспользовавшись обычным редактором или специальным редактором для rich push.

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

8. Протестируйте рассылку, отправив пуш тестовым подписчикам.

9. Активируйте рассылку.

10. Оцените эффективность рассылки, изучив показатели сводного отчета.