Доброго времени суток, дорогие читатели.
Сегодня я расскажу о том, как настроить push-уведомления для сайта на WordPress. С помощью этих уведомлений вы сможете оповещать пользователей о выходе новых статей. Также при наличии большой подписной базы вы сможете зарабатывать на продаже push-рекламы.
Настроить push-уведомления можно при помощи связки “Сервис + Плагин”. Это делается очень просто, но у новичков могут возникнуть трудности. Итак, давайте начинать!
Что такое push-уведомления
Push-уведомления позволяют пользователям оперативно получать оповещения о выходе новых материалов. Обычно они используются на информационных сайтах – статейниках и новостных порталах.
Они могут работать только с защищенным соединением. То есть вся информация передается в зашифрованном безопасном виде.
Наверняка вы замечали, что при посещении определенных сайтов всплывает сообщение: “Хотите ли вы подписаться на обновления сайта?”
Если вы согласитесь, то с этого момента на ваше устройство будут приходить оповещения.
Работают push почти со всеми популярными устройствами – смартфонами на Андроид, веб-браузерами, Айфонами и планшетами.
Push используется не только для доставки сообщений о выходе статей или рекламы. Например, вы можете включить push-уведомления от Сбербанка – будут приходить оповещения о любой денежной операции, в которой задействован ваш аккаунт.
В общем, push – это практично, удобно, интересно. С их помощью можно доставлять практически любую информацию: выход нового видео на Ютубе, новое сообщение во ВКонтакте или мессенджере, уведомление от банковского приложения или что-то еще.
Что касается вебмастеров, то настройка пуш-уведомлений для них просто обязательна. Дело в поведенческих факторах и постоянной аудитории, которую можно формировать при помощи этой технологии.
Касаемо поведенческих факторов: если вы продвигаете свой сайт только под поисковые системы, то пользователи, приходящие по нецелевым запросам, будут просто портить вам карму.
Постоянная аудитория будет наоборот приносить пользу, значительно улучшая показатели поведенческих факторов. Если они подписались, значит им интересно. А если им интересно, значит будут читать статьи и проводить на страницах больше времени.
В конечном итоге, более высокие показатели ПФ будут превозносить ваш проект в глазах поисковых систем. Если контент востребован, и много людей регулярно посещают сайт, значит, он может понравиться и другим.
Поисковики начнут двигать материалы вашего ресурса вверх по позициям. Пользователи, переходящие с поисковика, будут улучшать ПФ еще больше. Возможно, они тоже подпишутся на уведомления и примкнут к армии постоянных читателей.
Также вы сможете монетизировать свою базу пуш-подписок. В последнее время к этому виду монетизации относятся с недоверием – пользователь подписывался на рассылку новых материалов, а не на рекламу – но некоторые вебмастеры все равно рассылают по своим базам рекламные оповещения. Это приносит им очень неплохой доход.
Далее я расскажу о том, как сделать пуш-подписку на сайте с WordPress.
Подключаем push на сайт с WordPress
Так как WordPress сейчас используется абсолютным большинством вебмастеров, его мы и будем рассматривать в первую очередь. Настроить пуш на ВордПресс можно при помощи плагинов.
Тем не менее, вам все равно придется регистрировать аккаунт на сервисе. А потом связывать плагин с этим сервисом.
Но перед тем как перейти к непосредственной настройке, вы должны убедиться в том, что ваш сайт использует защищенное соединение и имеет валидный SSL-сертификат. Также должен быть настроен редирект с http на https. Без этого настраивать пуш на сайте нет смысла. Он работает только по зашифрованному каналу.
Если все хорошо, то можно переходить к следующей инструкции. Как я и сказал ранее, чтобы подключить пуш на сайт с ВордПресс, необходимо пользоваться специальными сервисами. Некоторые из них работают в связке с плагинами, некоторые просто предоставляют скрипты.
Сервисы бывают разные: платные, бесплатные, полубесплатные и т. д.
В этой статье мы рассмотрим сервисы, которыми можно пользоваться бесплатно. Иногда только до определенного порога. Обычно это 1 000 – 2 000 подписок. Для начинающих вебмастеров – неплохие цифры.
Далее стоимость использования будет зависеть от количества подписчиков. Чем их больше, тем больше нужно платить.
Push с помощью SendPulse
Сервис рассылок SendPulse позволяет настроить множество видов рассылок: почтовые email-рассылки, SMS, SMTP, web-push, Viber и т. д. Нас интересует только пуш. Поэтому на нем и остановимся.
Сначала необходимо зарегистрироваться на SendPulse. Для этого переходим на официальный сайт, находим в углу кнопку “Регистрация”, кликаем на нее.
Всплывает окно, в которое нужно ввести все данные.
Вводим имя, email, телефон и пароль. Кликаем на кнопку “Регистрация”.
Также вы можете воспользоваться регистрацией через соцсети. В таком случае вам необходимо просто авторизоваться в одном из представленных сервисов, после чего вернуться на эту страницу, вызвать форму и кликнуть по нужной кнопке. Sendpulse соберет все данные и создаст аккаунт.
После регистрации вы должны подтвердить аккаунт. Проверочный код придет на указанный почтовый ящик, его нужно ввести в поле и кликнуть на кнопку “Подтвердить”. После этого аккаунт будет создан, вас перекинет в панель управления.
Нас интересует раздел “Push”, кликаем на иконку и переходим в него.
Тут нам кратко рассказывают о том, что значит пуш для маркетинга, как это может помочь в привлечении трафика и т. д. Можно ознакомиться с этой информацией, будет полезно.
С помощью кнопки “Добавить новый сайт” мы сможем перейти к добавлению нового ресурса в сервис. Кликаем на нее.
Нас сразу перекидывает на страницу с формой, куда мы должны ввести адрес сайта, выбрать картинку сайта – будет отображаться в уведомлении, настроить поведение скрипта, который будет предлагать посетителям подписаться.
Введите адрес сайта в самое верхнее поле. После этого кликните на кнопку “Выбрать изображение” и выберите картинку 128 на 128 в формате JPG, GIF или PNG. Вес не более 200 KB.
“Запрос на подписку” позволяет установить момент, когда пользователю выскочит уведомление с предложением подписаться на оповещения. Есть три варианта: сразу после захода на сайт, при клике на элемент, по прошествии определенного времени.
Самый приятный – с промежуточный запросом. Через него вы сможете настроить красивую форму, которая будет всплывать в определенной части вашего сайта.
Самый используемый вариант – плавающая кнопка. Но вы можете выбрать любой другой.
Ниже можно настроить цвета и текст.
Также вы можете добавить текст-подсказку и отредактировать его. Между словами “сайту” и “отправлять” оставляем два пробела – там будет название вашего проекта.
После этого переходим к следующему шагу. Здесь нам предлагается готовый код, который мы должны вставить в файлы нашего сайта.
Также мы должны загрузить JS-скрипты и разместить их в корневой папке. Для начала разберемся с кодом. Копируем его и идем в панель администратора WordPress.
Далее переходим в раздел “Внешний вид” – “Редактор”. В боковой панели находим файл заголовка header.php.
Вставляем код перед закрывающим тегом /head и кликаем на кнопку “Обновить файл”.
Теперь мы должны скинуть JavaScript-файлы в корень нашего сайта. Кликаем на кнопку “Скачать установочные файлы” – они загрузятся на наш компьютер в виде архива.
В самом архиве два файла: sp-push-manifest.json и sp-push-worker.js. Их мы и должны загрузить в корневой каталог. Обычно это public_html.
Для этого мы можем воспользоваться плагином WP File Manager, встроенным файловым менеджером хостинга или же FTP-клиентом.
После загрузки файлов переходим обратно на страницу SendPulse. Кликаем на кнопку “Проверить настройки”. Если мы все сделали правильно, то сервис оповестит нас об этом.
Далее можно будет перейти в “Настройки”, где доступны все ранее выставленные параметры.
Для рассылки Push уведомлений сервис можно использовать абсолютно бесплатно. Никаких ограничений по количеству подписчиков здесь нет.
Зато есть копирайт “Работает с помощью SendPulse” – отображается прямо в окне с предложением подписаться, глаза не мозолит.
После того, как пользователь подпишется на уведомления, оповещения о выходе новых статей будут приходить на компьютер под управлением Windows/Linux/MacOS или смартфоны: Android или iPhone.
В Windows 10 будет использоваться пользовательская служба уведомлений – она будет оповещать пользователей о выходе новых материалов вашего сайта наравне с другими уведомлениями от программ или операционной системы.
OneSignal
OneSignal – это еще один сервис, который можно использовать для создания пуш-рассылок. На этот раз вам не придется мучиться с кодом – есть плагин, который поддерживается разработчиками. Он доступен для установки прямо из каталога.
Переходим в “Плагины” – “Добавить новый”. Вводим название “OneSignal” в поле поиска. Кликаем на “Установить”, далее на “Активировать”.
Сразу после установки и активации плагина мы должны перейти в настройки. Они будут доступны прямо в боковой панели ВордПресс.
Все предельно просто: необходимо создать аккаунт в сервисе OneSignal, далее создать онлайн-приложение push-уведомлений. После этого необходимо получить специальные ключи и ввести их в админ-панели – настройках OneSignal.
Кликаем на ссылку, нас перебрасывает на страницу регистрации. В правом верхнем углу находим кнопку “Log in”, далее во всплывающем окне, внизу, нажимаем на “Sign up”.
Окно меняется на форму регистрации. Стандартную, где нужно ввести email, логин и пароль.
Если вы решили регистрироваться классическим способом, то после ввода данных и клика по кнопке “Create account” вам придется подтверждать электронную почту с помощью письма.
После этого вы сможете войти в систему, используя свои данные. Вас сразу перекинет на пустую страницу. На ней вы должны создать “приложение” – то есть это уже второй шаг.
Кликаем на кнопку “Add app”.
Во всплывающем окне вводим название нашего приложения. Его будете видеть только вы, поэтому без разницы какое.
Далее снова кликаем на кнопку, нас перебрасывает на страницу с настройками. При выборе платформы кликаем на “Web Push”.
Кликаем на кнопку, нас просят выбрать тип проекта, на котором будут использоваться push-уведомления.
Нас интересует CMS WordPress – нажимаем на второй вариант. Далее, чуть ниже – на логотип ВП.
Внизу страницы появится форма для настройки сайта на WordPress. Туда мы должны ввести название и адрес. Там же можно загрузить иконку, которая будет показываться в уведомлениях.
Рекомендуемый размер картинки – 192 x 192. Если вы будете загружать ее со стороннего сайта, то убедитесь, что ссылка имеет https-протокол.
Если у вашего сайта не все страницы используют https-соединение или нет редиректа, то вы можете отметить пункт “My site is not fully HTTPS”.
Далее придется отдельно настраивать библиотеки, которые помогут вам использовать пуши на сайте без защищенного соединения.
Как только все заполнили, кликаем на кнопку “Save”, нас перекидывает на страницу с ключами – их нужно будет ввести в настройках плагина OneSignal – в панели администратора WordPress.
Открываем вкладку с настройками OneSignal, кликаем на “Configuration”. Там первыми же строчками расположены нужные поля. Копируем туда APP ID и API KEY, прокручиваем страницу вниз и сохраняем настройки при помощи кнопки “Save”.
Также вы сможете настроить цвет колокольчика, он будет отображаться либо справа, либо слева, его размер, пояснения, которые отображаются при наведении курсора.
Обо всех этих настройках вы можете почитать в документации от разработчиков.
Как включить и отключить
После установки пушей на сайт я рекомендую проверить работу и самому подписаться на уведомления. Если оповещения не приходят – значит вы что-то сделали неправильно. Если приходят, значит, они будут работать и у других посетителей.
Отменить такие уведомления можно будет при помощи настроек браузера. Именно он является “доставщиком” этих сообщений. Делается это предельно просто, достаточно перейти в параметры.
Также вы можете отключить web-push прямо на сайтах.
В Яндекс Браузере достаточно кликнуть на иконку замка, откроются параметры сайта, где необходимо отключить ползунок “Получать уведомления”.
В браузере Opera вы также должны кликнуть на замочек, выбрать “Настройки сайта”, перейти к параметрам – к пункту “Уведомления”.
В Google Chrome тоже все просто: кликаем на замок – “Настройки” – “Уведомления”.
В телефоне для этого есть отдельный пункт в настройках. Как правило, настройки оповещений там в первых строчках. Найти труда не составит.
В общем, почти везде уведомления очень просто отключить или наоборот включить.
Другие сервисы для настройки push-уведомлений
Можно воспользоваться и другими сервисами для настройки push-уведомлений на своем сайте. Предлагаю ознакомиться со списком актуальных сервисов:
- Push.World
- Push.Expert
- Push4site
- PushAll
- LetReach
- PushCrew
- Gravitec
- Pushover
Сервисы платные. В некоторых из них предусмотрен тестовый или бесплатный тариф с ограничениями.
Заключение
Я рассказал лишь о двух способах настройки push-уведомлений для сайта на WordPress. Есть и другие, просто эти – наиболее популярные и удобные. Их просто настроить, есть возможность кастомизации. И самое главное – они бесплатные. Пусть во втором случае с ограничением по количеству подписчиков.
Кстати говоря, если вы спросите, какой из сервисов я использую на своих проектах – 50 на 50. Часть моих сайтов использует OneSignal, часть – SendPulse. Как по мне, эти сервисы одинаково хороши. Сендпульс даже более предпочтителен, потому как полностью поддерживает русский язык.
Кстати о монетизации с помощью пушей. Сейчас для многих вебмастеров это основной способ заработка. Контекстная реклама теперь приносит копейки, для партнерских программ нужна подходящая ниша и умение грамотно размещать материалы. Остаются только пуши – они могут генерировать десятки или сотни тысяч рублей в месяц – при наличии большой базы, естественно.
Если вы хотите узнать об этом более подробно, то я рекомендую вам курс для вебмастеров от Василия Блинова – автора этого блога. Этот курс рассчитан на пошаговое прохождение с домашними заданиями. ДЗ проверяются опытными вебмастерами, которые готовы, в случае чего, что-то подсказать или объяснить.
Тема монетизации и push-подписок тоже рассматриваются на этом курсе. Для получения более подробной информации переходите по ссылке выше.