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

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

Что из себя представляет push уведомление

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

Как установить подписку на Push Notifications

Для этого вам необходимо, чтобы сайт работал по протоколу https, то есть надо установить на домен SSL сертификат. Его можно установить бесплатно в панели управления ISP manager либо если припарковать домен на Cloudflare, сертификат будет задействован автоматически, про подробную процедуру установки сертификата и ее настроку можно найти в Google по тем входным данным, которые я вам дал, а мы переходим к вопросу установки алерта пуш подписки на свой сайт.

Выглядит предложение подписки на пуш так

pic806560fa

Рассмотрим установку с сервиса Sendpulse, которым я пользуюсь.

1.Добавляем новый сайт

ice_screenshot_20180620-091508

2. Запоняем адрес сайта (https), загружаем картинку-значок и пишем текст показываемый при подписке.

ice_screenshot_20180620-091759

3. Копируем JS скрипт и вставляем перед закрывающим тегом , а так же скачиваем установочные файлы и извлекаем в корень сайта.

ice_screenshot_20180620-092006

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

Пример 1

ice_screenshot_20180609-001327

Пример 2

ice_screenshot_20180608-005230

Вы сможете сами сверстать себе такую страничку, я же дам вам JS код, с помощью которого можно знать, что юзер подписался, и уже потом например редиректить на другой URL или сделать что-нибудь еще, оставляю на вашу фантазию 🙂

Код JS

var granted = setInterval(function() {
if(Notification.permission == 'granted') {
clearInterval(granted);
// подписка оформилась
}
}, 1000);

Вам может так же понравиться

Об авторе: Эрик Акопян

Онлайн с 2002 года. Вебмастер, программист, дизайнер и блогер.