Web Push уведомления для сайта

Вы уже заметили, что в блоге появилась «модная» сегодня функция — подписка на Push уведомления. Для посетителей это еще одна возможность первыми узнавать о появлении новых актуальных статей. Для блогера, это возможность постоянно поддерживать контакт со своей аудиторией.
В этой статье мы разберем, что такое Web Push уведомления, как они работают и кому могут быть полезны. А так же, как такие уведомления работают в блоге PRO IT, и как вы можете их настроить на своем сайте.

Т.к. я не совсем обычный блогер, который пишет о своей площадке, наработках, монетизации контента и т.д. Я часто пишу о интернет-магазинах и всевозможных маркетинговых инструментах и тонкостях по работе с ними. Push так же не исключение. Тут я немного расскажу о том как веб пуш работают в e-commerce проектах.

Что такое Web Push уведомления

Пуш-уведомления, это своего рода новинка: всего около года прошло с момента, как они начали появляться в российском сегменте сети. Это новый способ коммуникации.
Раньше мы уже слышали о Push уведомлениях, но это в основном касалось телефонов. Когда мобильное приложение отображает сообщение за «шторкой» в слайдбаре. Видимо вдохновившись таким подходом создатели браузеров решили: зачем для отправки пуш обязательно иметь мобильное приложение? Сайты сейчас на столько современны, что могут отлично выполнять любую функцию, в том числе и эту. Кроме того, не понятно, почему обладатели мобильных устройств могут пользоваться push, а обладатели ПК (часто это одни и те же люди) — нет. И решили исправить ситуацию.
Сегодня Push уведомления поддерживают почти все современные браузеры: Chrome, Firefox, Safari и т.д. Если смотреть статистику крупных интернет-магазинов, браузеры всего около 6% посетителей не поддерживают эту технологию. Т.е. потенциальный рынок подписчиков огромен.

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

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

Так и стилизованным под сайт, например:

Окно подписки на телефоне:

Пуши могут отсылаться автоматически, например, по разветвленным триггерным цепочкам, или вручную, администратором сайта. После старта отправки вы автоматически получаете уведомление. Это работает аналогично, как на ПК, так и на мобильных устройствах. Что интересно, браузер не обязательно должен быть открыт.

В ОС Windows полученное уведомление выглядит так:

На MacOS Web Push выглядят так:

На телефоне Web Push выглядит, как обычное уведомление:

Как часто пользователи подписываются на Push?

Не раздражают ли пользователей уведомления?
Когда в ИМ и блогах только начали появляться всплывающие pop-up окна для сбора e-mail многих это раздражало. Прошло несколько лет, и владельцы сайтов поняли, что конверсия всплывающих окон в разы выше, чем обычной формы подписки на сайте. Сейчас такой формат сбора e-mail есть в каждом крупном интернет-магазине. Его используют многие контентные сайты и блоги.
Та же история сейчас с пуш-уведомлениями. Когда они были всего у нескольких десятков сайтов в рунете это вызывало интерес. Сейчас они у есть всех, и это начинает раздражать. Но тохнологии тоже не стоят на месте. Постепенно появляется персонализация, которая запрещает, например, показывать окно-приглашение на подписку одному пользователю чаще, чем раз в месяц. Или целые цепочки персонализации, когда, если вы подписаны на e-mail рассылку, подписку на push вам не предлагают и т.д. Таким образом, приглашения появляются реже, а конверсия их в подписки возрастает. Сайты начинают показывать окна приглашения не сразу при входе, а после просмотра нескольких страниц, если пользователь заинтересован. Сайты постепенно отказываются от стандартных окон подписок в пользу индивидуального дизайна. Все это приводит к более цивилизованной работе и сглаживанию негатива у посетителей. Через несколько месяцев все привыкнут, и push уведомления станут для нас таким-же привычным инструментом, как и e-mail.

Сейчас, на крупных сайтах интернет-магазинов конверсия активных всплывающих окон-приглашений на push подписку (при условии, что приглашение показывается всем, не чаще 1 раза в месяц, кроме тех, кто уже подписан), составляет 2,5 — 4%. Это уже сравнимо с активными окнами подписки на e-mail.

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

Личный опыт — как я использую Push уведомления?

Лично я полписываюсь на уведомления в 2х случаях. Первый — если речь идет о конкурентах. Я работаю в e-commerce, поэтому оперативная информация об активностях конкурентов очень важна. Это позволяет мне всегда быть «в курсе». Второй случай — если речь идет о сервисах. Например, с одной из комманд мы работаем через таск-менеджер Trello (удивлены, что не Redmine, о котором я так много писал?). При работе с задачами сервис умеет отправлять e-mail и push уведомления об изменениях. Но e-mail не так удобен, т.к. не на столько молниеносен, как push, и почту часто необходимо проверять. В случае с push, я получаю сообщение об изменениях в задаче в ту же секунду, и могу оперативно ответить, что бы не тормозить процесс работы, или дать ей дополнительный толчек. Как на компьютере, так и на телефоне, если я не за рабочим столом.Жду не дождусь, пока Web Push появится в Redmine.

На Push уведомления контентных порталов и блогов я не подписываюсь. В основном, связано это с тем, что изучать новости и статьи удобнее в свободное время, а не сразу, как автор ее опубликовал. Поэтому, в таком случае вполне достаточно e-mail рассылки.

Как отписаться от Web Push уведомления

Но рано или поздно, сообщения некоторых порталов и сервисов становятся не актуальны и вы решаете от них отписаться. Это можно сделать двумя способами.

Во-первых, на многих сайтах есть «управление уведомлениями». Т.е. какой-то Личный кабинет, куда вы можете войти, и снять «галочку» подписки. И пуши вам больше приходить не будут. Так, например, в моем блоге вы можете нажать на «звоночек» в правом нижнем углу сайта и отписаться. Это наиболее удобный для многих способ. На сайте ablex.ru это выглядит так:

Во-вторых вы можете отписаться, нажав на «шестеренку» в поле уведомления, когда оно получено и выбрав пункт «отключить оповещения от..». Например, в Windows это выглядит так:

В-третьих вы можете отписаться от Push, даже не заходя на сайт отправителя, в настройках своего браузера. В разделе «уведомления» показаны все домены, на уведомления которых вы подписаны. Для отписки нужно удалить надоевший домен.

Например, в Google Chrome это выглядит так:

Но тут могут возникнуть небольшие сложности. Дело в том, что уведомления не обязательно должны отправляться с того домена, на котором находится сайт. Например, подписка на Push может осуществляться только если сайт работает по протоколу https. Если у вас http, это не безопасно. Поэтому, сервисы по подписки на push предлагают свои поддомены, работующие по https. Это выглядит так: вы даете согласие на уведомление одного сайта, после этого вам показывают окно-подтверждение, которое находится на другом сайте, и вы соглашаетесь.

Так, например, вы находитесь в блоге по адресу ablex.ru. но подписываетесь на пуш уведомление домена ablex.onesignal.com. Да, по ablex вы найдете этот сайт в списке пуш уведомлений браузера. Но дело в том, что имя поддомена в onesignal задается руками администратором сайта (это видно на видео о настройке onesignal внизу статьи). И, при желании, я бы мог задать имя xxxkkk.onesignal.com. Тогда по ablex в браузере вы бы его не нашли. Не думаю, что это кто-то делает специально, т.к. нет большого смысла, но такие случаи могут попадаться из-за невнимательности администраторов ресурсов.

Сервисы Push уведомлений для сайта

Если вы еще не определились с сервисом для интеграции Push уведомлений на сайт, тут вас ждет удивительное многообразие (и чем дальше, тем их становится больше), как платных, так и бесплатных сервисов с ограничениями. Ниже в таблице представлены некоторые популярные сервисы и их возможности.

Сервисы	Стоимость	Приветственная цепочка	Триггерная (брошенная корзина, сопровождение заказа)	A/Б -тест	Сегментация
Sendpulse.com	Бесплатно	+		+	+ Регион (страна, город); Страница подписки; Дата подписки; Тип браузера; Платформа
Pushall.ru от 199 р. в мес.	Есть бесплатная версия, но с ограничениями	+ (платно)			+
OneSignal.com	Бесплатно			+	+
FirePush.io от 15$ в мес.	Есть бесплатная версия , но с ограничением по кол-ву уведомлений (1000 шт. в мес.)	+	+ (платно)	+	+
Push.expert	Есть бесплатная версия, но с ограничением по количеству уведомлений (500 штук в месяц)			+	+
Rees46.com	от 1500 р. за 5 000 уведомлений		+	+	+
Pushme.io	от 1 000 за 5 000 подписчиков	+		+	+

Конечно, все эти дополнительные функции (приветственная цепочка, триггеры, А/Б тесты) полезны для крупных порталов и интернет-магазинов.Вряд-ли эти функции используются блогерами. Поэтому выбор сильно упрощается.

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

Настройка Push OneSignal в блоге на WordPress

В завершении статьи, для вебмастеров, которые ведут блог на WordPress, я покажу как быстро и легко, буквально за 10 минут, можно интегрировать сервис OneSignal в блог с помощью одноименного плагина.

Такая информация лучше воспринимается с видео, поэтому — приятного просмотра!