Браузерные push уведомления: Что это и как сделать для сайта своими руками
Правда жизни такова:
Это реально сложно получать трафик на сайт.
Но знаете что еще хуже?
90% посетителей, побывавших на вашем сайте не вернутся больше никогда.
Обидно конечно... Вы тратите неимоверные силы на создание своего сайта и его развитие, но самый ценный актив - посетители, забывают о вас в тот же день, в который узнали.
Но не отчаивайтесь, есть решение:
Установите на свой сайт браузерные пуш уведомления.
Вот в чем фишка:
Пуш уведомления для сайта позволяют быть на связи с вашими посетителями.
На некоторых блогах внедрение пуш уведомлений увеличило повторные посещения в несколько раз.
Да и просто, это хорошая альтернатива email рассылке.
В этой статье вы узнаете:
- В чем преимущество пуш уведомлений
- Стоит ли использовать эту относительно новую технологию
- Список лучших сервисов пуш уведомлений
- Как подключать push`ы на свой сайт
Но прежде, небольшой пример...
Компания Extra - один из крупнейших ритейлеров на Ближнем Востоке.
С помощью пуш уведомлений они смогли увеличить продажи мобильным пользователям в 2 раза:
Если вы думаете, что на этом все - вы глубоко ошибаетесь.
Помимо этого, доля повторных покупок выросла в 4 раза (!!!).
Как итог, маркетологи компании Extra признали пуш уведомления как самый эффективный инструмент удержания клиентов.
Даже круче чем email рассылка.
Что такое push уведомления для сайта?
Все еще не уверены, что такое push уведомления для сайта?
Все очень просто:
Заходя на какой-нибудь веб ресурс вы можете увидеть вот такое всплывающее окно:
Если пользователь соглашается, вы можете отправлять уведомления о выходе новых статей, появлении новых продуктов и т.д.
Сообщения появляются в правом углу экрана. При этом браузер может быть свернут или даже закрыт.
Пример пуш уведомления:
Само окно сообщения является ссылкой. Кликнув по ней посетитель переходит на ваш сайт.
Браузеры, поддерживающие Push уведомления
Первой технологию пуш уведомлений в браузере начала поддерживать Safari. Затем, в апреле 2015 года ее внедрили в Chrome версии 42.
И наконец, в начале 2016 года пуш уведомления начали поддерживаться в браузере Firefox версии 44.
На данный момент уже более 75% всех браузеров поддерживают отправку Push уведомлений.
Почему пользователям стоит подписываться на пуш уведомления
Сначала давайте затронем те преимущества, которые получают пользователи при подписке на push уведомления.
1. Удобство прежде всего
То, что вы должны уяснить как дважды два:
Люди покупают на тех сайтах, которые предлагают лучший сервис. Это же касается лояльности читателей.
Но как быстро и просто сделать сайт удобным для посетителей?
Ответ очевиден:
С помощью пуш уведомлений.
Представим, я подписался на обычные обновления вашего сайта...
Мне придется частенько открывать свой почтовый ящик в ожидании email письма от вас.
В случае с push уведомлениями все намного проще.
Как не крути, юзабилити сайта влияет на ваш доход.
2. Экономия времени
Из всего вышесказанного мы получаем неплохую экономию времени.
Например, мне часто приходится заходить в одну группу в социальных сетях для проверки выхода новых публикаций.
Если бы они использовали пуш уведомления - я был бы на седьмом небе от счастья:
Если сесть и посчитать, я мог бы сэкономить кучу времени.
3. Работа в фоновом режиме
Последний в очереди, но не менее важный плюс:
Получение пуш уведомлений происходит в фоновом режиме.
Не нужно открывать браузер, заходить на сайт. Сообщение появится в области трея в правом углу экрана.
Более того, некоторые сервисы предоставляют возможность отправлять уведомления пользователям с учетом их географических зон и интересов.
Только представьте, вы можете сделать сегментацию пользователей. Разве не круто?
Да и не забывайте про мобильных пользователей. Для них все вышеперечисленные плюсы можно умножать на два.
В чем интерес владельцев сайтов?
Ну что ж... Пришло время поговорить о себе любимых :=)
1. Больше возможностей
На многих сайтах процент подписок на push`ы выше чем на email рассылку.
Причины могут быть следующие:
- Люди не любят заполнять формы данных (рассылка). При подписке на пуш уведомления нужно просто нажать на кнопку.
- Многие боятся указывать адрес почтового ящика. Особенно те, кто впервые оказался на вашем сайте.
Пуш уведомления - пока что самый простой и безболезненный способ заполучить пользователя.
2. Новая плоскость в общении с пользователями
Push уведомления - это альтернатива email рассылке и RSS каналам.
Вы можете иметь большие базы подписчиков на этих платформах, но лучше не держать все яйца в одной корзине.
В отличии от той же email рассылки, которая предполагает хоть минимальное, но все же общение с читателями, работа с push уведомлениями не отнимает много времени. Клик-клик, и готово!
А теперь, о гибкости данной технологии:
- Интернет-магазины могут использовать пуш уведомления для показа статуса заказанного клиентом товара. Или сообщать о поступлении интересного для пользователя продукта.
- Блоги могут уведомлять о выходе новых статей.
- Онлайн-сервисы могут информировать о своих новых функциях, разработках.
В общем, вы ограничены лишь своей фантазией.
Если у вас все ещё есть сомнения по поводу пуш уведомлений, читайте следующий пункт.
3. Удобство установки
Есть много сервисов, предоставляющих услуги пуш уведомлений. Все они довольно просты в использовании.
Для установки уведомлений на сайт обычно уходит не более 20 минут.
Да и управлять сообщениями довольно просто.
Если вдруг по какой-то причине вам не понравится работа с push уведомлениями, вы ничего не теряете. Куда вы только не тратите эти 20 минут?
Какой сервис выбрать?
Вариантов как обычно много. Различия в основном в ценах и предлагаемых опциях.
Для простоты я сделал небольшой анализ и выбрал для вас два сервиса:
- OneSignal - полностью бесплатный и мощный сервис
- Pushcrew - невероятно прост в установке и использовании
Для меня было важно найти сервис, поддерживающий WordPress push уведомления.
Во главу угла я ставил следующие параметры:
- Функциональность
- Удобство в работе
- Интуитивно понятный интерфейс
- Бесплатность
Признаюсь честно, поиски длились достаточно долго. Пришлось перерыть массу информации.
Почему?
Дело в том, что большинство сервисов имеют какие-нибудь особенности подключения и настройки.
Но как говорится: 'Ищущий да обрящет'.
Полный список альтернативных сервисов я указал в конце статьи.
OneSignal
OneSignal - отличный сервис push уведомлений для сайта. Его я установил и протестировал на своем блоге.
Уведомления поддерживаются в 3 браузерах (Safari, Chrome, Firefox) и в мобильной версии Google Chrome.
После перехода на сайт советую сразу же создать в нем аккаунт. Для этого нужно нажать на кнопку Sign Up Free:
Процесс регистрации не отличается от любых других сервисов. Надеюсь разберетесь.
После активации учетной записи вы можете войти в свой личный кабинет указав имя пользователя и пароль.
Вот как происходит настройка приложения на Вордпресс сайтах:
Устанавливая push уведомления для wordpress сайта нужно активировать плагин OneSignal.
После этого в левой колонке вашей админ зоны появится раздел OneSignal Push.
Последующая настройка полностью расписана по шагам, но на английском языке. Поэтому я вкратце разъясню все необходимые действия.
Перед вами откроется окно, в котором нужно перейти в раздел Configuration:
Далее, в подразделе Google Keys показывается процесс создания Google проекта.
Все нужно делать так, как показано на скриншотах и в итоге вы получите номер проекта и API ключ.
Введите номер проекта в поле Google Project Number в разделе Configuration. API ключ вам нужно сохранить (еще понадобится).
Дальше переходите в подраздел Chrome&Firefox Push и в соответствии со скриншотами создайте проект на сайте OneSignal.
Там же укажите API ключ от Google проекта и наличие SSL сертификата на вашем сайте.
Если ваш сайт находится по адресу http, вы ничего не меняете. Если же https, то ставьте галочку в соответствующем чекбоксе.
Далее, выберите для себя субдомен.
Зачем это нужно?
Дело в том что push уведомления поддерживаются только на https сайтах. Однако, сервис OneSignal решает проблему тем что создает для вас субдомен у себя.
В качестве субдомена можете использовать адрес вашего сайта. Например, вместо site4business.net - я сделал site4business.onesignal.com
Дальше, в разделе OneSignal Keys скопируйте ID и API приложения. Затем укажите их в настройках плагина, в разделе Configuration.
В подразделе Modify Site рассказывается о видах внедрения пуш уведомлений. В подразделе Safari Push все аналогично предыдущим шагам.
И наконец, расположение кнопки подписки и ее текст вы можете изменить в разделе Configuration.
Имейте ввиду что для http доступна подписка на уведомления только при помощи кнопки. Ее дизайн вы можете свободно изменять.
А всплывающие попап окна доступны только для https сайтов.
PushCrew
Для начала установите плагин PushCrew.
После этого, заведите аккаунт на сайте сервиса.
Дальше скопируйте Account ID в разделе Account Settings и укажите в настройках плагина:
И наконец, в разделе Customize for desktop вы можете настроить внешний вид всплывающих окон.
Вот полный список сервисов, предоставляющих возможность внедрения пуш уведомлений:
Итак, теперь вы знаете что такое браузерные web push уведомления и как их подключать на сайт.
Если у вас возникли вопросы по установке или самим уведомлениям, напишите о них в комментариях.
А на этом у меня все. Надеюсь, данная статья была для вас полезной. Если это так: cделайте репост данного материала в социальных сетях, чтобы больше людей получили от нее пользу.
Хорошая статья - пуш уведомления сейчас "горячая тема". Не случайно многие новостные порталы и не только мигрировали на защищенный протокол - и сразу внедрили пуш уведомления. Сам рад интереса попробовал OneSignal - удобный сервис, разве что на английском. Из плюсов бесплатность и 2 варианта установки - через субдомен, если сайт не имеет сертификата и "взрослый", если есть SSL-сертификат.
Учитывая то, что получить SSL-сертификат для любого домена можно бесплатно за 10 минут, сделать автоматический popup с подпиской аля meduza.io или lenta.ru не составляет труда.
Спасибо за оценку и детальную обратную связь)
Согласился на получение уведомлений с блога Н.Старикова (прекрасный публицист, историк, политик https://nstarikov.ru/), но товарищ Касперский стал блокировать их под предлогом того, что у onesignal.com липовый, не проверенный и очень чреватый для безопасности моего компьютера сертификат безопасности. Надоел до невозможности своими устрашающими предупреждениями, пришлось отменить разрешение на уведомления.
Аркадий привет,
Весьма наслышан про этого политолога...
Не могу сказать, в чем причина недоверия со стороны товарища Каспера...
Но знаю, что Касперский иногда ругается на вполне нормальные файлы.
Здравствуйте! А где найти статистику по оповещениям в OneSignal? Установила плагин, настроила оповещения при публикации поста, а как узнать сколько получило/просмотрело/перешло через это оповещение? На сайте OneSignal я так поняла будет стата только тех оповещений, которые были оформлены и отправлены с профиля на сайте.
Привет Ирина,
К сожалению, при автоматической отправке уведомлений One Signal видимо не выдает статистику.
Единственное решение, которое я смог найти - отправлять пуш уведомления с сайта самого сервиса. Тогда будет доступна статистика в real time режиме.
Делал-делал)) Не осилил. Воспользовался супер-легким плагином Chrome Push Notifications
Теперь и у меня на блоге работает. Минус, что каждое уведомление я должен добавлять самостоятельно.
Александр привет,
Жалко что не получилось(((
На будущую неделю запланирую время на запись видеоурока по установке One Signal, чтобы все было максимально наглядно.
Кстати, как ощущения от Chrome Push Notifications? Набираются подписчики?
Так про RSS может писать только человек, не знакомый с RSS от слова «совсем».
Проблема RSS не в том, что её «нужно проверять». RSS уведомления — это ссылка на канал. После подписки кликаешь на закладку — раскрывается выпадающее меню с заголовками и ссылками на полные источники информации.
Так вот, RSS и push — это просто разные вещи. Потому что RSS не может быть приватным, а push — публичным.
Один большой недостаток RSS в том, что 2-3 года назад в браузерах отменили поддержку RSS, заменив плагинами. То есть, если раньше плагина было не нужно — всё встроено, то сейчас «из коробки» RSS не работает. Поэтому он резко потерял популярность. Но для чтения газетных заголовков адекватной замены ему нет.
Мне понравился сервис https://pushme.io/invite?a=1002 (реф ссылка с увеличенным бесплатным периодом и еще какими-то плюшками)
Есть прекрасный сервис Sendpulse.com там и управление рассылками, и push. Уже давно пользуюсь только им
Здравствуйте!
Какой рассылкой на электронные адреса Вы пользуетесь?
С 1 октября " Смартреспондер " прекращает работать. Вот и ищу замену.
Спасибо.
Сергей приветствую,
Смартреспондер прекращает работу с 1 ноября, так что еще есть почти месяц.
Еще до объявления этой новости я тестировал разные сервисы рассылок, как зарубежные так и русскоязычные. Так уже получилось что параллельно со Смартреспондером я начал пользоваться MailerLite.
После появления новости о закрытии я еще более детально изучил MailerLite и понял что именно такой сервис рассылок мне и нужен. Он обладает массой преимуществ.
Большинству новичков он понравится хотя бы потому, что в пробной версии нет никаких ограничений по функциональности. А для опытных плюсом будут приятные цены.
Если интересно, возможно сделаю отдельный видеоурок по работе с этим сервисом. Если будет интерес со стороны читателей)
Смартреспондер уже не работает. Это хорошая альтернатива
Спасибо за комментарий) Смарт прекращает работу с 1 ноября, поэтому всем советую перенести базы подписчиков до 20 октября (во избежание форс мажоров).
Установил себе на сайт, уже есть результат. Люди потихоньку подписываются)
Владислав, рад слышать :)
Будет круто, если потом расскажешь о результатах (можно в личку).
Здравствуйте !
Газиз, спасибо за пост.
Мне нужно отправлять на мобильное приложение.
Можете подсказать синтаксис отправки сообщение из Java кода ?
Честно сказать, незнаю ((( О каком мобильном приложении идет речь?
Здравствуйте. А вот мне интересно если с течением времени захочется попробовать push уведомления от другого поставщика услуги, то как быть с уже сформировавшейся базой подписчиков?
Вот как ее скачать в текущем push-сервисе и как добавить в другом, в новом push-сервисе.
Получается она исчезнет, останется в старом, а в номом по новой придется собирать новую базу подписчиков при этом потеряв кого-то из старых. Верно я понимаю? Или есть какой-то способ скачивания баз подписчиков из этих всех доступных на сегодняшний день сервисов по пуш рассылке?
В данный момент конечно мечусь между push.world и push.expert (так как они на ру языке и как я понял нет ограничений по подписчикам)., хочется выбрать раз и на долго, но возможно в будущем появится желание перейти на другой вариант.
Юрий, вы задали очень хороший вопрос. Именно поэтому при выборе поставщика услуг вам нужно обратить внимание на наличие возможности экспорта подписчиков. Если такой возможности нет, то вы и в правду можете потерять свой подписной лист.
У некоторых сервисов такая услуга есть, у некоторых ее нет, так что будьте внимательны.
Свободно не всегда хорошо, много свободных поставщиков, как известно, отправляют ваших подписчиков на обмены без вашего согласия. Приятно выбирать такие сервисы, как pushassist, который обеспечивает все эти функции и сохраняет ваши данные в безопасности.
спасибо! Пока не прочел данную статью о таком подходе даже не догадывался..
Ненавижу PUSH уведомления,как пользователь - поэтому выставил блокировку на Все попытки уведомления. Почему ненавижу, потому, что много сайтов стали внедрять и это стало огромной проблемой. Практически каждый сайт хочет Тебе слать сообщения, а Я этого не просил. Вердикт - БЛОЧИТЬ ВСЕ без исключения и не надо здесь рассказывать, какая это хорошая технология! Пообщавшись со своими коллегами - Они такого же мнения!
Вообще пуши отлично конвертятся! А сегодня еще и мегафон заявил, что будет принимать пуши)) Тема конечно "жара", но мне кажется, что ее скоро убьют ((( Если по пушам кто хочет подзаработать, то вас сюда ppobzor.ru/kingmobs/
Согласно телеметрии firefox, запросы на показ уведомлений крайне непопулярны. Лишь 1% одобряется, 48% отклоняются, в остальных случаях запрос игнорируется. В течение месяца пользователи получили полтора миллиарда запросов, из которых были одобрены лишь 23,5 миллиона.
Вот в том тои вопрос все-таки -"быть или не быть!", как пользователь я тоже ненавижу пушы, но как вебмастер....хочу, чтобы они мне помогли)))