Лучшие плагины для создания push-уведомлений на WordPress-сайтах
OneSignal
Вам необходимо зрегистрироваться для просмотра изображений
Вам необходимо зрегистрироваться для просмотра ссылок
Стоимость
Вам необходимо зрегистрироваться для просмотра ссылок
WonderPush
Вам необходимо зрегистрироваться для просмотра изображений
Стоимость:
Вам необходимо зрегистрироваться для просмотра ссылок
SendPulse
Система A/B-тестирования для выявления уведомлений, на которые посетители сайта чаще обращают внимание.
Система сегментации, помогающая разграничить аудиторию на несколько когорт, чтобы каждая получала персонализированные оповещения.
Функция отправки уведомлений не только пушем, но и по электронной почте. Интеграция с более чем 40 популярными плагинами и CMS (включая WordPress).. Стоимость
Вам необходимо зрегистрироваться для просмотра ссылок
Стоимость
Вам необходимо зрегистрироваться для просмотра ссылок
PushAssist
Вам необходимо зрегистрироваться для просмотра изображений
Стоимость
Вам необходимо зрегистрироваться для просмотра ссылок
PushAlert
Вам необходимо зрегистрироваться для просмотра изображений
- встроенный инструмент для планирования уведомлений,
- качественную локализацию на большое количество языков,
- детальную статистику и аналитические данные,
- функцию создания сегментов аудитории для персонализации оповещений.
Стоимость:
Вам необходимо зрегистрироваться для просмотра ссылок
Perfectly
Вам необходимо зрегистрироваться для просмотра изображений
- Автоматическое оповещение пользователей о появлении на сайте нового поста (в качестве уведомления они увидят название статьи и заглавное изображение).
- Гибкая настройка уведомлений с возможностью выставить свой заголовок, картинку, ссылку и иконку.
- Встроенные инструменты для сбора аналитических данных (количество переходов по оповещениям).
- Настройка внешнего вида уведомления при помощи CSS. То есть возможности визуализации ограничиваются только фантазиями разработчика и его навыками в области CSS.
- Поддержка Push API для отправки уведомлений без интернета.
Стоимость
Вам необходимо зрегистрироваться для просмотра ссылок
Что такое пуш-сообщение?
Наверняка, вы часто сталкиваетесь с таким явлением, когда, при открытии любого сайта, у вас всплывает окошко «Показать уведомления?». Это предложение для получения вами пуш-рассылок.
Оповещение push является довольно выгодным маркетинговым и рекламным ходом. По своему оформлению оно очень похоже на обычную рассылку по СМС, но разница между этими понятиями кроется в формате каждого из них.
Так, в частности, телефонные и браузерные уведомления имеют свою, особую, структуру, которая формируется:
Вы, наверняка, уже знакомы с тем, что такое всплывающие уведомления. Если нет, то давайте детальнее рассмотрим вопрос, как они работают.
Особенности функционирования пуш-уведомлений
Понять принцип работы push-сообщений и объяснить его можно довольно просто. Вспомните, как, заходя на сайт, вы сталкивались со всплывающим в левом верхнем углу сообщением, где было написано «Показывать уведомления». Рядом с этим месседжем есть две кнопки: «Разрешить» и «Блокировать» (отклонить или запретить – это зависит от сайта, на который вы перешли).
Таким образом, если вы дали разрешение на рассылку или показ уведомлений, вы автоматически включили push-оповещение. С момента получения такого разрешения браузер начнет присылать вам новые сообщения и уведомления о сайте, на новости и рассылку которого вы согласились. Проявляться такие мессенджи будут при каждом открытии вами используемого браузера.
Если же вы нажали кнопку «отклонить/блокировать/запретить», то push-сообщение для конкретного сайта вам показаны не будут. Использование такого способа взаимодействия очень выгодное для владельца сайта. Но данная технология распространена не только в интернете – к ней прибегают банки, мобильные операторы и не только.
Что такое push-уведомление в Интернете?
Что такое push-уведомление в Интернете? Веб-push-уведомления – это оповещения веб-сайтов, отправляемые подписчикам через настольный или мобильный веб-браузер. Эти сообщения скользят в верхнем правом углу экрана рабочего стола или отображаются на мобильном устройстве в виде баннера. Веб-push-уведомления доставляются подписчику независимо от того, находится ли подписчик на веб-сайте, отправляющем сообщение.
Веб-push-уведомления – это целевые сообщения для ваших подписчиков, которые включают следующие элементы:
- Название уведомления. Некоторые бренды используют название своей компании.
- Содержание уведомления: это тело сообщения. В зависимости от браузера длина сообщения не должна превышать 120 символов.
- URL-адрес уведомления: это домен, отправляющий веб-push-уведомление.
- Значок уведомления: этот значок обычно является логотипом компании.
- Значок браузера: этот значок является логотипом браузера, отправляющего уведомление. У вас может быть возможность удалить значок браузера.
Зачем добавлять веб-push-уведомления на свой сайт WordPress
Веб-push-уведомления – это возможность напрямую общаться с вашими посетителями. Эти сообщения могут вернуть посетителей на ваш сайт.
Как и в случае с электронной почтой, push-уведомления основаны на разрешении. Ваши посетители подписываются на получение этих сообщений, поэтому они более восприимчивы к взаимодействию с контентом. Пока сообщения актуальны, посетители захотят получать уведомления о новых сообщениях в блогах или рекламных акциях.
Push-уведомления также повторно привлекают посетителей. Допустим, покупатель подписывается на оповещения, добавляет товары в корзину на вашем сайте, а затем оставляет свою корзину. С помощью push-уведомлений вы можете отправить этому покупателю напоминание о необходимости повторно посетить ваш сайт, чтобы приобрести товары. Вы даже можете убедить покупателя с помощью кода купона с ограниченным сроком действия
Подойдут ли push-уведомления для всех ваших маркетинговых усилий? Точно нет. Но push-уведомления могут быть эффективным инструментом для привлечения некоторых посетителей, одновременно увеличивая посещаемость вашего сайта и, возможно, ваш доход.
Как установить код на WordPress
Для установки кода Evadav в WordPress, просто нажимаете на кнопку «Get code».
Перед вами появляется всплывающее pop up окно с тремя вариантами кода. В нем выбирает вариант кода «Popup code:» и нажимаете рядом с ним на кнопку «Copy».
Теперь вам необходимо установить код в ваш сайт. Я обычно не люблю заворачиваться и вставлять все в код сайта, а стараюсь делать все это при помощи специальных плагинов. В последнее время для этих целей я использую плагин Яндекс Метрика, поэтому буду описывать установку именно на нем. Для начала вам необходимо установить и активировать сам плагин Яндекс Метрики (как установить новый плагин на Вордпресс можете почитать здесь).
Далее просто переходите в настройки плагина в административной панели. Для этого в основном меню выбираете раздел «Настройки» и выбираете подраздел «Яндекс Метрика». В появившемся окне видите поля для вставки, щелкаете по нему и при помощи комбинации клавиш на клавиатуре «Ctrl» + «V» вставляете скопированный код или нажимаете по созданной области мышкой и всплывающем меню выбираете там «Вставить». После чего скопированный вами код успешно вставится в поле для вставки. Затем просто нажимаете на кнопку «Сохранить изменения».
Все поздравляю вас, после этих действий установка кода на сайт успешно завершена.
Как перейти с Blogger на WordPress без потери рейтинга Google: —
Основная причина того, что вы теряете рейтинг, заключается в том, что в процессе миграции вы испортили постоянные ссылки на статьи. И, кроме того, не перенаправляйте его должным образом, в результате новый сайт становится «полностью» новым для Google, и, следовательно, все рейтинги испаряются.
Вы хотите сэкономить на покупках в Thrivecart? ThriveCart — это платформа, которая позволяет вам продавать и собирать деньги за ваши физические и цифровые предметы. Здесь вы найдете самые актуальные скидки Thrivecart и специальные предложения.
Поэтому, если вы не хотите, чтобы это произошло, первое, что вам нужно сделать, это экспортировать свой блог blogger.
Войдите в свой блог Blogger, перейдите в настройки.
Затем щелкните вариант «Другое».
Теперь выберите кнопку «резервное копирование содержимого».
И, наконец, нажмите «Сохранить на компьютер».
Это даст вам файл .xml на вашем компьютере.
Потрясающе! Ты справился! Теперь давайте импортируем этот XML-файл blogger на ваш сайт WordPress, верно?
Войдите в свой WordPress и перейдите в Инструменты> Импорт.
Затем выберите из списка вариант «блоггер».
И нажмите «Установить импортер». Этот модуль импорта представляет собой внешний плагин, который вы можете использовать для беспрепятственного импорта блога blogger в WordPress.
После его установки нажмите кнопку «активировать и запустить импортер».
На следующем экране просто нажмите кнопку «Выбрать» и загрузите файл резервной копии Blogger, который вы только что скачали.
Выполнено! Вы только что импортировали контент своего блога blogger в свой блог WordPress. Но послушайте, это был только первый шаг, это то, что вы можете найти почти в любой другой статье в Интернете о Как перенести свой блог с Blogger на WordPress, но главная часть — «не теряйте свой рейтинг» — еще предстоит выполнить.
Итак, как только вы импортировали контент, давайте работать над тем, чтобы «не потерять» наши рейтинги.
Для следующего шага вам нужно перейти в настройки вашего блога WordPress> Постоянные ссылки.
Теперь вам нужно убедиться, что ваша постоянная ссылка WordPress точно такая же или как можно ближе к постоянным ссылкам вашего блога blogger. И что ж, я бы сказал, что самая безопасная ставка — это выбрать месяц и имя. Потому что это стандартная структура постоянных ссылок блоггеров, верно?
Итак, как только вы сохраните это, вы закончите с настройками постоянной ссылки.
Перенаправление: —
Итак, после того, как вы сделали постоянные ссылки, последнее, что осталось сделать, — это перенаправление.
- Перенаправление блога Blogger для перенаправления на сайт WordPress.
- 301 перенаправление сообщений на точные постоянные ссылки на сайте WordPress.
Перейдите в панель управления Blogger и нажмите «Шаблоны».
Затем прокрутите страницу до самого низа и нажмите кнопку «Вернуться к классическим шаблонам».
После того, как вы нажали эту кнопку, вы можете четко увидеть поле «Редактировать HTML-шаблон». Удалите все в текстовом поле и вставьте туда следующий код: —
Примечание: — Замените Example.com в приведенном выше коде URL-адресом вашего нового блога WordPress. И сохраните шаблон.
Выполнено! Теперь вам осталось закончить еще один кусок работы. Войдите в свою Cpanel и перейдите в файловый менеджер Public_Html.
Затем перейдите в Название блога> Wp-Content> Темы> Название темы> там вы найдете свой файл functions.php, а затем щелкните правой кнопкой мыши functions.php> изменить.
И вставьте следующий код в файл functions.php.
Вы только что 301 перенаправили свой блог блоггера на WordPress!
301 — лучший протокол перенаправления, обеспечивающий наименьшие потери ранжирования. (100% потеря рейтинга «невозможна», всегда теряется немного веса, но это вызывает наименьшие повреждения, и вы сможете вернуться обратно менее чем за неделю!)
Настройки и отправка push-рассылки
Для одного аккаунта в СендПульсе можно подключить несколько сайтов, поэтому из вкладки «Мои сайты» выберите нужный и появится статистика по подписчикам за выбранный период.
Если перейти во вкладку «Подписчики» тогда станет ясно из каких браузеров, регионов и в какое время бала осуществлена подписка посетителем.
Настройки сайта
- Общие настройки — здесь можно сменить изображение значка и задать параметры отправки приветственного уведомление после подписки.
- Интеграция с сайтом — расположен код для внедрения в файлы площадки.
- Запрос подписки — настройки вида и времени отображения запроса на подписку.
Создать push-рассылку
Здесь появится форма данных, где надо заполнить заголовок, текст сообщения, привести ссылку, по желанию выбрать значок, настроить отложенную отправку, а при достижении подписчиков более 100 можно запустить A — B тестирование.
Справа расположен экран пред просмотр, где сразу видно, как будут выглядеть уведомления в том или ином браузере.
После отправки пуш, все получатели, когда зайдут к себе в браузеры, с которых были подписаны получат похожие сообщения, как на скрине ниже.
Вся статистике по рассылкам будет полезно узнать процент доставляемости и открываемости уведомлений.
На этом у меня все, теперь вы знаете еще один способ контактирования с аудиторией на сайте. Кто-то мне писал на почту, как сделать чтобы приходили сообщения о выходе новых статей на блоге?
Вот и ответ, подпишитесь через пуш-уведомления и будите в курсе последних событий на seoslim.ru.
PushUp Notifications
Цена: $14.99 за первую регистрацию, затем бесплатно
PushUp Notifications доступен только для Safari. Почему тогда мы его включили в список? Потому что у него есть отличные функции, которые должны быть во всех плагинах.
При публикации новой записи PushUp Notifications вставляет небольшое поле для галочки над кнопкой «Опубликовать», что позволяет вам выбрать, отправлять уведомление или нет. Очень просто.
Если вы управляете веб-сайтом для фанатов Apple, то PushUp Notifications подойдёт вам идеально. В остальных случаях выберите другой плагин и заставьте разработчиков добавить туда эту функцию.
Шаг 1. Регистрация и настройка аккаунта
После первого входа в аккаунт система предлагает создать новый проект, то есть специальные настройки для конкретного сайта или приложения. При этом сайтов и приложений в рамках одного аккаунта может быть несколько.
Сбежали в Юздеск, чтобы ускорить работу поддержки
Как ускорить поддержку клиентов, чтобы они не изводились, сотрудники не выгорали, а уведомления приходили вовремя и только по делу.
Спецпроект
Нажимаем Add a new app и указываем название сайта, на котором хотим настроить пуш-уведомления:
После создания проекта система предложит выбрать платформы, для которых необходимо настроить работу пуш-уведомлений. В нашем руководстве мы рассмотрим настройку только веб-пушей.
Отмечаем Web Push и нажимаем Next:
Выбираем тип настроек Typical Site. Ниже указываем имя сайта и его URL с HTTPS. Загружаем квадратную картинку с логотипом вашего сайта, нажав кнопку +UPLOAD. Она будет отображаться в качестве иконки будущих пуш-уведомлений.
Настройку My site is not fully HTTPS оставляем по умолчанию отключённой.
Если ваш сайт до сих пор не поддерживает HTTPS, прекращайте чтение руководства и займитесь настройкой HTTPS:-) Безопасность пользователей превыше всего.
Скроллим страницу вниз на один экран и переходим к настройке Prompt. Это диалог, который запрашивает у пользователя разрешение на подписку.
Выбираем ADD A PROMPT:
В появившемся окне выбираем тип диалога SLIDE PROMPT.
Активируем опцию Customize slide prompt text, чтобы активировать русский язык.
Вводим текст сообщения, которое увидит пользователь, и указываем названия кнопок. На предпросмотре справа вы видите, как будет выглядеть запрос разрешения на подписку.
Нажимаем Save:
В данном случае диалог подписки на пуш-уведомления будет отображаться для всех пользователей, пришедших на сайт. Для большинства сайтов это лучший вариант, так как позволяет собрать максимальное число подписок.
Переходим на следующий экран, где опционально можно настроить Welcome Notification — сообщение об успешной подписке.
Ничего не имею против Welcome Notification, но точно нужно деактивировать Open link when clicking welcome notification. Многие компании не просто ставят ссылки в такие сообщения, но и проставляют utm-метки: но это вредит атрибуции по last non-direct click.
Скроллим до конца страницы. Оставляем все опции по умолчанию и нажимаем Save.
Шаг 2. Установка на сайт
Теперь устанавливаем систему OneSignal на сайт.
Скачиваем файлы OneSignal SDK и загружаем их в корень сайта:
Файлов всего три:
- Manifest.json
- OneSignalSDKUpdaterWorker.js
- OneSignalSDKWorker.js
Самый простой способ поставить их в корень сайта — доверить эту работу программистам, а затем пройти по ссылкам и проверить. Домен заменить на собственный:
demo.ddmanager.ru/manifest.jsondemo.ddmanager.ru/OneSignalSDKUpdaterWorker.jsdemo.ddmanager.ru/OneSignalSDKWorker.js
Если ссылки открываются и публично доступны, значит всё работает. После этого осталось добавить код инициализации OneSignal на все страницы сайта.
Сделать это можно разными способами. Рассмотрим некоторые из них.
Способ 1
Установить напрямую в код сайта, как показано на скриншоте:
Не рекомендую этот способ по двум причинам. Во-первых, в будущем надо будет часто менять конфигурацию, чтобы отправлять в OneSignal разные сегменты и настраивать автоматизацию.
Во-вторых, установка счётчиков напрямую в код сайта давно считается дурным тоном. Она снижает скорость загрузки сайта, может стать источником ошибок и требует внимания разработчиков.
Установить при помощи Google Tag Manager.
Использовать триггер All Pages, как показано на рисунке:
Способ 3
Подключить при помощи DigitalDataManager.
Для этого необходимо выбрать OneSignal в личном кабинете в списке интеграций:
Указать идентификатор App ID и сохранить:
Идентификатор App ID можно найти в JS-коде установки из пункта 1 или позже в специальном разделе панели управления:
Настройка для всех браузеров, кроме Safari, завершена.
PushAssist
PushAssist от одноимённого разработчика, представляет собой условно-бесплатный плагин. Пользоваться им безвозмездно можно в том случае, если количество получателей Push-уведомлений не превышает 3 000. А также, на бесплатной подписке количество функций меньше. Если же нужно больше возможностей, или появилось больше получателей, то придётся приобретать платную версию плагина.
В этом инструменте есть традиционные для такого плагина функции: сбор статистики, проведения анализа и тестирований, поддержка большинства браузеров и операционных систем, сегментирование получателей, автоматическая и ручная отправка, и прочее.
Плагин существует в исполни не только для WordPress, но и для других популярных систем управления сайтом.
Как добавить на сайт push-уведомлениях от Evadav
Для того чтобы добавить push-уведомления на свой сайт в основном меню находите вкладку «Publisher», далее выбираете там «Streams». После чего перед вами откроется ваш личный кабинет, в нем вы выбираете «Create Stream» и нажимаете на него.
Вводите название площадки и нажимаете «Create».
Далее выбираете тип push уведомлений, который вы хотите сделать: Native или Popup
- Native – это обычное пуш уведомление, как и на большинстве сайтов в интернете.
- Popup – это push уведомление с дополнительной страницей прокладкой, как правило, конверсия на таких страницах на порядок выше, нежели с обычных пуш уведомлений. Но есть один минус, поскольку сейчас поисковики развиваются очень быстро, то возможно, что в ближайшее время сайты на которых присутствует такой тип подписки, будут понижаться в позициях. Лично я использую именно этот метод.
Теперь разберем каждый по отдельности.
1. Push уведомления Native
В этом варианте в первом окне вам нужно в поле «Name:» ввести имя площадки, а в поле «Domain (HTTPS only):» ввести адрес сайта (при этом нужно, чтобы он обязательно был на протоколе HTTPS). При желание вы можете воспользоваться конструктором просто поставив галочку напротив строки «Prompt constructor» (его описываю чуть ниже). После чего нажать на кнопку «Create».
Далее перед вами откроется окно в котором вы увидите статус вашего push кода «active». Теперь вам остается только разместить код на своем сайте (если у вас сайт на WordPress читайте ниже).
2. Push уведомления Popup
Рассмотрим второй вариант, в случае с вариантом «Popup» настроек на порядок больше:
- «Name» — имя площадки
- «Postback pixel» – я так понял сюда можно вставить какой-то параметр, который можно передавать для отслеживания. Обязательно нужно использование протокола HTTPS, лично я его не использую.
- «Complexity» — это агрессивная подписка, здесь вы ставите сколько конкретно раз показать окно с предложением о подписке одному пользователю. При этом если пользователь отказывается он будет получать сообщение о подписке до тех пор пока не закончится установленный вами лимит.
- «Postback link» — это ссылка на ваш сайт, на котором вы хотите разместить push уведомления.
- «Trafficback url» — адрес, на который перенаправлять пользователя после подписки.
Помимо этих параметров вы так же можете установить чекбоксы (галочки) на:
- «Use default trafficback» – использовать возврат по умолчанию
- «Block back button» – блокировать кнопку «Назад»
- «Prompt constructor» – при выставление здесь галочки чуть ниже у вас появляется конструктор push сообщений. На нем вы сможете изменить все текстовые параметры, а так же картинку вылезающего push уведомления.
«Disable fullscreen» – отключить полноэкранный режим
После того как вы заполните все параметры, выбираете нужный вам тип страницы прокладки (нажав на него) и в самом конце страницы нажимаете на кнопку «Create».
Далее перед вами откроется окно в котором вы увидите статус вашего push кода «active». Теперь вам остается только разместить код на своем сайте (если у вас сайт на WordPress читайте ниже).
Преимущества Push-уведомлений
- Они работают в любом браузере или операционной системе;
- Каждая мобильная платформа поддерживает Push-уведомления — IOS, Android,Windows и BlackBerry;
- Технология не требует специальных приложений на устройстве;
- Смартфон получает и отображает социальные, медиа или текстовые сообщения, даже когда экран устройства заблокирован;
- Они не попадают в спам-фильтры;
- Пользователь не забудет про них в почтовом ящике;
- Кликабельность в несколько раз выше, чем у электронной почты.
Важный момент! Push уведомления доставляются только пользователям, которые дали на это согласие и установили разрешение на подписку. Кликая разрешить пользователь может получать уведомления только с этого домена, что исключает использование данных для рассылки спама, так же у подписчиков полный доступ к управлению рассылкой — это позволяет отказаться или включить в любой момент.
Огромным недостатком Push уведомлений я считаю рассылку мгновенно после публикации. На днях я столкнулся с данной проблемой. Как оказалось, один из моих подписчиков, являясь администратором новостного ресурса, регулярно воровал с моего сайта свеже опубликованные статьи, при этом оказываясь в последствии выше моего оригинала. Поэтому если вы используете рассылку на сайте, то отключайте автоматическую и рассылайте вручную, по истечении некоторого времени. Все статьи добавляйте в Оригинальные тексты ВебМастера, добавляйте ссылку в переобход страниц и индексацию Гугл Searh — все это доступно в сервисах вебмастеров Яндекс и Гугл. Не повторяйте чужих ошибок.
5 лучших плагинов WordPress для Push-уведомлений на сайте WordPress
Данные плагины – лучший способ для использования Push-уведомлений на вашем сайте.
1. PushCrew
PushCrew является популярной службой, работающей не только для WordPress. Но у них есть специальный плагин, который позволит вам легко выполнить нужные настройки.
PushCrew поддерживает работу в Chrome (для настольных компьютеров и Android), Firefox и Safari. В нём вы сможете полностью настроить своё сообщение.
Имеется маленький недостаток. Плагин не будет автоматически уведомлять ваших читателей о новых записях. Вам придется создавать уведомления для каждой новой записи вручную. Зато это гарантирует, что вы случайно не отправите слишком много уведомлений.
Цена: бесплатный в том случае, если ваш список подписчиков содержит менее 500 человек. Если он станет больше, вам придётся выбрать платный тариф.
2. OneSignal
OneSignal – популярный плагин, также поддерживающий Chrome (для настольных компьютеров и Android), Firefox и Safari. Он имеет более 3 000 активных установок с оценкой 4.5.
В отличие от первого плагина OneSignal позволяет настроить автоматическую отправку уведомлений при публикации записей. Имеется возможность задать время отправки уведомлений.
Данный плагин предоставляет два прекрасных варианта адресации запросов:
Можно задать время отправки запроса
Это важно – полезно сначала убедиться, что данный читатель впервые зашёл на ваш сайт. Подобная возможность имеется только у OneSignal.
Возможна отправка сообщений определённым группам пользователей, например, пользователям, имеющим определённое количество посещений сайта.
Имеется функция аналитики.
Цена: бесплатный
3. Roost Web Push
Roost имеет поддержку Chrome (для настольных компьютеров и Android), Firefox и Safari.
Работая с данным плагином, вы сможете отправлять автоматические уведомления на все свои новые записи (или при их обновлении) либо выбрать определённые категории записей.
Аналитика и планирование – вот ещё некоторые основные функции.
Плагин имеет более 1000 активных установок, это ещё один популярный плагин в каталоге WordPress.
Цена: бесплатный (с туманным сообщением «Свяжитесь с нами для продажи» на сайте компании).
4. PushAssist
PushAssist позволяет отправлять сообщения в Chrome, Firefox и Safari.
Он предлагает примерно те же функции, что и OneSignal. Вы можете делить своих подписчиков на различные группы, отправлять им сообщения и получать детальную аналитику.
Плагин имеет удобную особенность: вы можете посмотреть реальный вид своего сообщения. Кроме того, имеется большой выбор различных шаблонов.
Цена: бесплатный, если уведомления получают не более 3000 абонентов, если список абонентов превысит эту цифру, придётся перейти на платный тариф.
5. PushUp Notifications
PushUp поддерживает только Safari. Зато у него имеется прекрасная функция, которой не имеют другие плагины. Всякий раз, когда публикуется новая запись, PushUp показывает небольшой значок над кнопкой «Опубликовать», который позволяет выбрать, следует ли отправлять сообщение. Вот так всё просто.
Если ваши читатели предпочитают Apple, PushUp может быть идеальным для вас. В противном случае вам придётся выбрать другой плагин.
Цена: $14.99 при установке, в дальнейшем бесплатно для небольших планов.
Как добавить веб-push-уведомление на ваш сайт WordPress: —
Чтобы добавить Web Push-уведомления в WordPress, вам понадобится плагин (бог-решение всех проблем WordPress, не так ли?)
Итак, перейдите в свою панель управления WordPress и нажмите Плагины> Добавить новый.
И найдите OneSignal и установите его.
После того, как вы установили плагин, просто нажмите вкладку «OneSignal» на левой боковой панели, и вы попадете на страницу плагина.
Как только вы окажетесь на этой странице, вам понадобится пара API и ключей, которые я подробно покажу, как создать. (Не волнуйтесь, это не ракетостроение!)
Обычно просто назовите свой проект, а во втором поле укажите имя вашему пакету Android. Не волнуйтесь, служба не будет использовать какой-либо пакет Android, это просто требование для опытных пользователей, у которых могут быть другие потребности, чем у нас, но для нас нам просто не нужно имя.
Затем нажмите «Выбрать и настроить службы».
Следующий экран будет выглядеть примерно так.
Как видите, есть три варианта, и вам нужно нажать кнопку «+», которая находится над опцией «облачный обмен сообщениями».
Затем нажмите Включить опцию облачных сообщений Google.
Затем вам будет предоставлен ключ API сервера и идентификатор отправителя, скопируйте Удостоверение личности отправителя и перейдите на вкладку «Конфигурация» своего плагина OneSignal и вставьте его туда на вкладке «Номер проекта Google».
Шаг № 2: — Как сделать ваш блог готовым к push-уведомлению за несколько простых шагов: —
Итак, я понял, что у вас есть идентификатор отправителя (который вставлен во вкладку настроек вашего плагина!) и ключ API вашего сервера (который мы будем использовать позже), правильно?
После того, как вы войдете в свою бесплатную учетную запись на OneSignal, вы должны щелкнуть вкладку «Добавить новое приложение».
Появится всплывающее окно с запросом имени, введите здесь любое имя, и вы можете продолжить.
На следующем экране вы хотите выбрать Google Chrome и Mozilla Firefox в качестве платформ.
А затем просто нажмите «Настроить». Как только вы это сделаете, появится другое всплывающее окно, которое будет выглядеть примерно так.
А теперь самое сложное. Вы можете ввести свой URL-адрес в поле URL-адреса, а затем URL-адрес изображения, которое вы хотите отображать с уведомлениями в URL-адресе значка уведомлений по умолчанию.
Теперь вы видите вариант, который гласит: «Мой сайт не полностью поддерживает HTTPS», верно? И я считаю, что у большинства из вас, читающих эту статью, нет SSL на своих сайтах.
Плохая новость заключается в том, что Google Chrome не поддерживает сайты без SSL или простые HTTP-сайты для push-уведомлений. Не беспокойтесь, эта проблема решена, поскольку OneSignal предоставит вам один из своих собственных поддоменов с сертификатами SSL для этой цели.
Поэтому, если у вас нет SSL, просто щелкните это поле, затем введите поддомен, который вы хотите использовать, и нажмите «Сохранить».
Выполнено! Теперь последняя часть!
Вам просто нужно получить ключи OneSignal, и для этого нажмите «Настройки приложения»> «Ключи и идентификатор».
Теперь, что касается последней части, просто скопируйте и вставьте оба этих ключа и вставьте их во вкладку конфигураций вашего WordPress OneSignal Plugin.
Заключительный этап:-
Теперь просто войдите в свою учетную запись OneSignal еще раз, и вы увидите это поле. Вы должны нажать на опцию «выбрать SDK».
Теперь выберите «WordPress» в SDK.
Наконец, просто нажмите «Проверить уведомления», чтобы проверить, работают ли ваши уведомления, как и должно быть.
Вы получите предварительный просмотр уведомлений, что означает, что вы успешно настроили Push-уведомления для своего сайта WordPress.
Как настроить Push-уведомления с помощью OneSignal
Чтобы настроить Push-уведомления, кликните по пункту «OneSignal Push» в меню панели администрирования WordPress.
Это приведет вас на страницу настроек OneSignal.
Обратите внимание на уведомление в самом верху страницы. Оно сообщает, что нужно делать дальше
Вкладка «Configuration» позволяет связать службу push-уведомлений OneSignal с вашим WordPress-сайтом.
Создание бесплатной учетной записи OneSignal
Заполните форму, а затем нажмите кнопку «Create Account». Также вы можете зарегистрироваться с помощью учетной записи GitHub, Google или Facebook.
После регистрации активируйте созданный аккаунт через электронную почту.
Это откроет панель управления OneSignal в новой вкладке браузера.
В конечном итоге вы окажетесь на информационной панели OneSignal.
Создание приложения Web Push
Теперь создадим первое веб-приложение с push-уведомлениями. Нажмите кнопку «Add App».
Введите название приложения и нажмите кнопку «Add App».
На следующем шаге выберите Web Push и нажмите кнопку «Next».
Перейдите на вкладку «WordPress Plugin or Website Builder», а затем на вкладку «WordPress».
Далее прокрутите страницу вниз, заполните форму, загрузите иконку и нажмите кнопку «Save».
Это действие сохранит ваше веб-приложение Web Push и предоставит идентификатор приложения (APP ID) и API-ключ (API KEY). Они необходимы для добавления push-уведомлений OneSignal на ваш WordPress-сайт. Посмотрите изображение, приведенное ниже.
Скопируйте идентификатор приложения и ключ API. Затем вставьте их в соответствующие поля на вкладке «Configuration» в разделе OneSignal Push панели администрирования WordPress.
После этого активируйте нужные настройки, прокрутите страницу вниз и нажмите кнопку «Save».
Теперь ваш сайт может отправлять push-уведомления во все поддерживаемые браузеры, кроме Safari. Протестируйте функцию push-уведомлений, открыв свой сайт в новом окне браузера.
Настройка push-уведомлений с помощью OneSignal для браузера Safari
Чтобы настроить Push-уведомления для браузера Safari, необходимо сгенерировать веб-идентификатор Safari. Для этого откройте панель инструментов OneSignal и щелкните по своему приложению.
Затем нажмите кнопку «Settings».
Кликните по вкладке «Apple Safari».
Затем заполните форму и нажмите кнопку «Save».
Снова кликните по вкладке «Apple Safari».
После этого появится всплывающее окно с идентификатором для браузера Safari (Safari Web ID).
Скопируйте идентификатор и вставьте его на вкладке «Configuration».
Прокрутите вниз до нижней части страницы и нажмите кнопку «Save».
Бесплатный аккаунт сервиса поддерживает до 30 000 веб-подписчиков и неограниченное количество мобильных подписчиков. Если нужно больше, то можно приобрести пакет стоимостью от 99 долларов в месяц.
Настройка push-уведомлений с помощью специального WordPress-плагина и сервиса OneSignal проста и занимает не больше 15 минут.
Пожалуйста, опубликуйте ваши мнения по текущей теме материала. Мы крайне благодарны вам за ваши комментарии, подписки, дизлайки, лайки, отклики!
Пожалуйста, оставьте ваши мнения по текущей теме материала. Мы очень благодарим вас за ваши комментарии, отклики, подписки, дизлайки, лайки!
Сергей Бензенкоавтор-переводчик статьи «How to Add Push Notifications to Your WordPress Site»
Что такое Push и чем он так хорош
Многие из нас уже встречались с уведомлениями посредством push. Раньше всех технологию стали применять приложения для мобильных устройств. Вспомните про сообщения об обновлении мобильных приложений или, к примеру, о поставленном лайке или комментарии на вашей страничке в социальной сети.
Сейчас набирают обороты и браузерные push-уведомления, цель которых, как вы сами уже догадались, та же что и у почтовой рассылки – известить подписчика об обновлении сайта (новой статье, акциях, скидках и т.д.).
Извещение подписчиков происходит следующим образом: в правом нижнем углу рабочего стола и при открытом браузере, ненавязчиво всплывает небольшого размера иконка-ссылка с неким посланием от сайта.
Подписка осуществляется также ненавязчиво через подобную всплывающую иконку при посещении сайта. Свойства, размер и местоположение этой иконки задаете вы сами.
У технологии есть конечно и минусы – не всеми браузерами поддерживается. Плохо конечно, но, думаю, не столь критично, переживем как-нибудь.
