24.06.2021

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

Здравствуйте дорогие друзья! Продолжаем улучшать посещаемость нашего сайта. Сегодня у нас будет интересный урок по установке и настройки Push- уведомлений.

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

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

Я пересмотрела много вариантов установки Push- уведомлений, но многие из них не имели некоторых функций, которые бы меня устраивали.

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

Еще один недостаток — во многих сервисах, предлагаемых нам установить Push- уведомления, эти уведомления работают лишь при наличии SSL -сертификата. То есть если у вас адрес начинается с https. А вот если у вас http, то просто разработчиками сервисов не предусмотрена установка и показ Push- уведомлений.

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

Этот сервис называется Via Push, и сегодня я расскажу как зарегистрироваться в этом сервисе, как настроить Push- уведомления и как создать показ уведомлений вашим подписчикам.

Регистрация в сервисе Via Push

Для регистрации на сервисе, открываем любой поисковик. Набираем viapush.com и переходим по ссылке.

Перед нами откроется вот такое окно, здесь нажимаем «Зарегистрироваться».

Перед вами откроется простая форма регистрации, ее следует заполнить.

В строке E-mail, вписываем адрес почтового ящика, на который вам удобно получать уведомления от сервиса.

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

В графе «Компания» следует вписать название вашего сайта, указываем номер телефона. Соглашаемся с публичной офертой и жмем «Зарегистрироваться».

На указанный вами E-mail адрес придет письмо о подтверждении регистрации. Жмем на «Подтвердить E-mail».

Подтвердив E-mail, начинаем настройку нашего Push- уведомления.

Настройка Push- уведомления для сайта

Для создания формы Push- уведомления жмем на зеленую клавишу «Создать приложение».

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

Обратите внимание, когда вводите имя вашего сайта, если он у вас на SSL сертификате, то оставляем https, если же сертификат не подключен, то нажав на маленький треугольник, меняем на http, перед названием сайта.После заполнения формы, жмем на «Добавить приложение».

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

Опять таки если ваш сайт работает на протоколе http, особого труда по установке приложения на сайт не возникнет. Для этого нужно будет выполнить лишь первый пункт из инструкции.

Для более легкой установки уведомления, давайте с вами войдем в админку нашего сайта и установим плагин LuckyWP Scripts Control.

Этот плагин нам понадобиться еще ни один раз! Для установки плагина, в админке сайта жмем на «Плагины», «Добавить новый», в поисковой строке вбиваем LuckyWP Scripts Control. Устанавливаем его и активируем.

После установки и активации плагина, заходим, в админке сайта в «настройки», «Скрипты», возвращаемся на сервис Via Push, из инструкции копируем код и вставляем его в админке в «Скриптах».

Для этого жмем на «Добавить код», перед нами откроется форма, в «Заголовок» впишите имя кода, это нужно для того, чтобы не запутаться, так как перед закрывающим тегом head мы будем с вами вносить еще не один код. А в раздел «Содержимое» вставляем код из инструкции и жмем на «Добавить».

Возвращаемся на Via Push и если вы все сделали правильно, то увидите вот такую картинку:

Для настройки Push- уведомления на сайте, который использует протокол https, настройка немного отличается.

Первый код из инструкции можно вставить с помощью Скриптов, как описывалось выше.

А для дальнейших настроек нам следует открыть панель нашего хостинга. Здесь нам понадобиться «Файловый менеджер» папка Worpress и в ней следует открыть главный файл сайта publik_html.

Затем возвращаемся к инструкции от сервиса Via Push и нам нужно скачать на компьютер файл ViaPushWorker и перетащить его в publik_html, вот таким вот образом:

Далее, нам необходимо выполнить третий пункт инструкции. Нам следует, так в папке publik_html, создать файл с именем manifest.json. Для этого вверху жмем на «Файл», «Новый файл».

В открывшемся окошке вписываем «manifest» и меняем расширение на «json». Файл создан.

Теперь нам следует открыть этот файл и вставить код из третьего пункта инструкции и нажать «Сохранить».

Возвращаемся на сервис Via Push, если вы все сделали правильно, то появиться окошко с надписью «Благодарим за подписку, а войдя на свой сайт вы увидите настроенное вами уведомление.

Поздравляю, вас дорогие друзья, теперь у вас есть дополнительный инструмент для привлечения клиентов на сайт!

Я регистрацию прошла два дня назад и уже появились первые подписчики, как увидеть сколько подписчиков у вас?
Для этого заходим на сервис Via Push, нажимаем на имя вашего сайта над иконкой и вы увидите статистику подписки.

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

Как настроить рассылку Push- уведомлений от сервиса Via Push

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

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

Затем переходим в пункт № 2 «Параметры рассылки», здесь мы задаем дату, время с которого начать рассылку и время жизни уведомления,и нажимаем «Отправить».

Если у вас есть желание, то можно настроить пункт № 3 «Выбор целевой аудитории», там так же легко можно выбрать нужные вам параметры. Я этот пункт для себя не настраивала, так как сайт у меня информационный, а не продающий. И так, если вы внесли верно все параметры для начала показа Push- уведомлений, то увидите следующую картину:

Как видите рассылка создана и показ уведомлений начнется с 20-15 часов по Московскому времени.

И так, сегодня мы с вами выполнили очень важный шаг для продвижения сайта на просторах интернет. Радуйте своих читателей новыми интересными статьями и делитесь ими с вашими подписчиками. Всем успеха!

Это был урок № 10. В следующем уроке мы с вами будем подключать на сайт сервис Яндекс Метрика. До скорых встреч, друзья!

Text.ru - 100.00%   Text.ru - 100.00%

Поделиться ссылкой:

4 комментария к «Как подключить Push уведомления на сайте»

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

    1. Надежда, спасибо за отклик. Рада, что информация может быть Вам полезна.

  2. Спасибо, Галина, за советы, сейчас пуши настраиваю, постепенно довожу до ума свой дневник.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *