Push-уведомления для сайта — что это и как сделать бесплатно

Здравствуйте, уважаемые коллеги, гости WordPress-book.ru.

В последнее время все большую популярность среди веб-мастеров приобретают так называемые «push — уведомления» в качестве рассылки сообщений сайта своим подписчикам. Мода на «пуш» распространяется в геометрической прогрессии и тому есть веские причины.

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

Коллеги,  пока тема нова и не успела еще никому надоесть, новые подписчики набираются с пугающей скоростью. Я установил эту фишку на wordpress-book.ru совсем недавно, а количество подписчиков по push скоро превысит количество подписчиков по Email, которых я собирал много лет. Не опоздайте на уходящий поезд.

Что такое Push и чем он так хорош

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

Сейчас набирают обороты и браузерные push-уведомления, цель которых, как вы сами уже догадались, та же что и у почтовой рассылки – известить подписчика об обновлении сайта (новой статье, акциях, скидках и т.д.).

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

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

Основной плюс push-рассылки перед его Email аналогом в том, что подписчику не надо искать вашу рассылку в почтовом ящике, где она может затеряться или вообще попасть в спам. Пуш-уведомление поступает на рабочий стол адресата мгновенно (при открытом браузере), сразу после отправки.

Кроме того, для подписки посетителю не надо ни вводить свой email, ни подтверждать подписку. Достаточно только согласиться получать уведомления одноразовым нажатием кнопки «Разрешить» на всплывающей иконке.

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

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

Отправлять браузерные уведомления рациональнее всего через сторонние web push-сервисы. Благо, такие уже существуют и есть из чего выбирать.

Я протестировал их более десятка. Основным критерием при выборе было удобство использования и конечно бесплатность. Глупо платить по несколько тысяч каждый месяц за услугу, которая у конкурента абсолютно бесплатна и ничем не отличается ни по качеству, ни по удобству. Буржуйские сервисы отмел сразу, платные и условно-платные тоже, из оставшихся больше всего мне приглянулся только SendPulse.

Заметьте, на выбранном мной сервисе нет ограничений ни на количество push-подписчиков, ни на количество рассылаемых push-уведомлений. Поддерживаемые браузеры – Ghrome, Firefox для Windows и Safari для mac OS.

Подключение Push к сайту через SendPulse, настройка

1 Итак, перейдите на SendPulse и зарегистрируйтесь. Наличие платных тарифов пусть не смущает, они для Email рассылок (тоже весьма выгодная услуга сервиса, но не о ней сейчас речь).

2 После регистрации откроется страница с предложением добавить сайт в систему.

Откроется страница добавления сайта и выбора параметров пуш-уведомлений. Далее следуйте нижеприведенной инструкции.

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

2 Загрузите картинку сайта, его логотип.

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

4 Отметьте требуемый вид запроса из пяти возможных.

5 Впишите время задержки появления системного запроса о подписке для браузера Chrome.

6 В последнем пункте нам предлагают отключить ссылку на сервис в уведомлениях всего навсего за 4 тысячи рублей в месяц. Как известно, сэкономленное – есть заработанное. Буду думать, что зарабатываю эту сумму каждый месяц.

7 Нажмите на кнопку «Следующий шаг».

С последней страницы скопируйте код и вставьте его перед тэгом </head> «головы» сайта. В WordPress это файл header.php шаблона (темы) сайта.

После вставки кода, если сайт использует безопасный https протокол, вам потребуется с этого же окна (нет на скриншоте) скачать по ссылке два установочных файла (sp-push-worker.js, sp-push-manifest.json) и скопировать их в корневую папку сайта (на WordPress — public_html).

Нажмите на кнопку «Проверить настройки», чтобы убедиться, что код вставлен корректно и файлы установлены.

Как отправить push-уведомление подписчикам

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

Для увеличения картинки кликните по ней

1 Для этого перейдите в меню «Отправить PUSH» из левой колонки своего аккаунта в SendPulse.

2 На странице отправки выберите список получателей, если в аккаунт сервиса добавлен не один сайт.

3 Пропишите заголовок, краткий анонс послания и ссылку с него.

4 Вместо картинки сайта, которую вы загрузили в настройках, можно выбрать другую.

5 В правой части страницы отобразится внешний вид уведомлений в поддерживаемых браузерах.

6 Отправьте самому себе тестовый push чтобы убедиться, что все настроено правильно и работает.

7 При необходимости задайте время рассылки и нажмите на кнопку «Отправить».

В новом окне вас поздравят с успешной рассылкой и предложат перейти в раздел статистики.

P.S. Под занавес поясню один момент. Подписаться на новости с системного запроса и еж сможет, а вот как потом отписаться, знают пока не все.

Так вот, для отписки от такого надоедливого и нудного автора как я, просто кликните по его уведомлению правой клавишей мыши.