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

В этой статье я расскажу, как добавить систему push-уведомлений на WordPress-сайт с помощью плагина OneSignal.

Содержание

Что такое push-уведомление?

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

Зачем нужны Push-уведомления?

Преимущества использования push-уведомлений:

Повторное привлечение подписчиков

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

Увеличение трафика

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

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

Мы будем использовать OneSignal, чтобы добавить систему push-уведомления на ваш сайт.

Шаг 1. Установите плагин OneSignal

После установки и активации плагина в боковой панели администрирования WordPress появится пункт OneSignal Push.

Кликните по нему, чтобы перейти на страницу настроек.

Шаг 2. Настройте OneSignal

На странице настроек вы увидите две основные вкладки:

  1. Setup.
  2. Настройка.

На вкладке Setup приводится справочная информация, а на вкладке Configuration находятся настройки push-уведомлений.

Для дальнейшей работы потребуется идентификатор приложения и ключ Rest API. Он нужен для интеграции OneSignal с сайтом. Вы получите эти данные после регистрации в OneSignal.

2.1 Регистрация в OneSignal

Посетите сайт OneSignal, в меню Capabilities выберите пункт Web-push.

Затем создайте бесплатную учетную запись на OneSignal.

После этого верифицируйте созданный профиль через указанный адрес электронной почты. Ссылка для подтверждения приведет вас сюда …

В левом верхнем углу вы увидите кнопку ADD APP.

2.2 Добавление приложения

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

В следующем окне укажите платформу, на которой хотите запустить приложение. В рамках этого руководства мы используем Web Push.

После нажатия на кнопку Next вы будете перенаправлены на страницу настройки push-уведомлений для своего WordPress-сайта.

Шаг 3. Настройте плагин OneSignal

Выберите необходимый тип интеграции: WordPress plugin or Website Builder > WordPress.

3.1 Настройка WordPress-сайта

Следующим шагом настройки является ввод информации о вашем сайте.

Переключатель Auto Resubscribe (HTTPS ONLY) предназначен для сайтов, работающих по протоколу HTTPS и использующих SSL-сертификат. При активации этой функции пользователи сайта будут автоматически повторно подписаны при его следующем посещении. В поле Default Icon URL укажите адрес иконки для уведомлений

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

После этого вас попросят выбрать ярлык.

3.2 Настройка плагина WordPress

После этого вы попадете на страницу настройки плагина WordPress.

На этой странице указаны APP ID и API Keys. Перейдите по ссылке GO TO MY WEBSITE, чтобы завершить настройку.

Шаг 4. Завершите настройку OneSignal

В панель администрирования WordPress откройте настройки OneSignal. На вкладке Configuration введите свой идентификатор приложения (App ID) и ключ API (API Keys).

Это позволит вам отправлять push-уведомления в браузеры Google Chrome и Mozilla Firefox. Но для отправки push-уведомлений в браузер Safari вернитесь к настройкам учетной записи OneSignal.

Здесь вы увидите Apple Safari. После клика по ней введите название и URL-адрес сайта. Затем сайту будет присвоен специальный веб-идентификатор. Скопируйте его и вставьте сюда.

Нажмите кнопку Save.

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

Чтобы внести изменения в push-уведомления, перейдите в настройки плагина OneSignal и выберите пункт Configuration. Прокрутите страницу вниз до блока Prompt Settings & Subscription Bell.

OneSignal предоставляет простой способ отображения формы подписки с помощью различных переключателей.

Вы также можете изменить ее размер, положение и тему.

При этом важно, чтобы сообщение соответствовало стилю вашего бренда.

Вы также можете настроить Welcome Notification Settings.

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

Чтобы отправить push-уведомление, войдите в свою учетную запись OneSignal и перейдите в раздел Messages.

Нажмите кнопку New Push, и вы будете перенаправлены к настройкам нового сообщения. Сначала выберите свою аудиторию.

Также можно отправить сообщение на тестовое устройство, прежде чем отправлять его всем подписчикам.

Следующим шагом является создание сообщения.

Справа расположено окно предварительного просмотра, демонстрирующее то, как ваше сообщение будет отображаться в macOS, Windows и на мобильных устройствах. После того, как вы введете заголовок и сообщение, добавьте к push-уведомлению изображение.

Иконка (Icon) – это небольшое изображение, которое будет демонстрироваться в push-уведомлении рядом с сообщением.

Изображение (Image) – это большое изображение, которое будет отображаться под заголовком уведомления.

Значок (Badge) – это маленький значок, который будет отображаться на экране мобильного устройства рядом с сообщением.

После этого введите URL-адрес веб-страницы, на которую вы будете направлять подписчиков.

Вы также сможете установить приоритет сообщения в соответствии с имеющимися предпочтениями.

Срок действия вашего уведомления истечет, если устройство подписчика останется в автономном режиме в течение 259 200 секунд (3 дней). Вы сможете определить необходимые временные рамки в поле Time to Live.

Вы можете отправить свое сообщение немедленно или отложить его отправку на определенное время, нажав кнопку Begin sending at a particular time.

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

Вы можете отправить сообщение немедленно, и оно будет отравлено всем посетителям сайта одновременно.

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

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

Затем нажмите Confirm и сообщение будет отправлено.  Также можно сохранить его в черновиках.

Заключение

Push-уведомления являются отличным дополнением к используемой стратегии контент-маркетинга. А в его реализации вам поможет эта статья.

Данная публикация представляет собой перевод статьи «How to Add Push Notification on Your WordPress Website» , подготовленной дружной командой проекта Интернет-технологии.ру

Меню