10 best push notification services & platforms to engage your audience

Хорошие уведомления

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

Хороший пример:

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

Плохой пример:

• Новые поступления на склад;
• Скидки и акции на товары;
• Новая статья на сайте;
• Ответили на комментарий пользователя к статье, который он написал год назад.

Плохие примеры тоже требуют уведомления, но на них не нужно реагировать оперативно. Эти уведомления можно отправить на почту. Вообще, все важные уведомления рекомендуется дублировать на почту, так-как push-уведомления могут не дойти до пользователя по разным, не зависящих от вас, причинам. Также важным фактором является актуальность события. Об этом я еще поговорю чуть позже. Рекомендую к прочтению:

• Хорошие уведомления по мнению Google
• Рекламная статья от PushAll

Вернемся к нашим баранам. Так как же всё это работает? Для начала немного теории.

Push-уведомления WordPress, Push-уведомления WooCommerce, Push-уведомления BuddyPress

Le Плагин WordPress PushPush веб-push-уведомления премиум-класса позволяет администратору отправлять push-уведомления своим подписавшимся пользователям. Таким образом, вы можете легко отправить персональное сообщение, продать свой продукт или отправлять обновления о вашем сайте своим посетителям.

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

 |  | веб-хостинг

TTL и дополнительный контроль над уведомлением

Важным свойством для уведомления может является время его актуальности. Это зависит от ваших бизнес процессов. По умолчанию время жизни уведомлений 4 недели. Это очень много для уведомлений такого характера. Например, уведомление «Ваша любимая передача начинается через 15 минут» актуально в течении 15 минут. После этого сообщение уже не актуально и показываться не должно. За контроль над временем жизни отвечает свойство со значением от 0 до 2419200 секунд. Подробней читать в . Сообщение с указанным TTL будет иметь вид:

Сообщение вида «Ваша любимая передача начинается через 15 минут» актуально в течении 15 минут, но уже через минуту после отправки оно станет не корректным. Потому что передача начнется не через 15 минут, а уже через 14. Контролировать такие ситуации нужно на стороне клиента.

Для этого мы поменяем отправляемое с сервера сообщение:

Обратите внимание что поле поменялось на. Теперь не будет вызываться обработчик по умолчанию Firebase и нам нужно самостоятельно сделать это

Добавим в конце файла следующие строки:

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

Использование уведомлений Push чтобы увеличить трафик

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

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

Уведомления » протолкнуть. Гораздо более заметны, чем электронная почта. Скорость открытия намного выше, чем у электронных писем. Доступ к электронной почте требует, чтобы кто-то в настоящее время просматривал свою папку «Входящие», что не всегда так, и в результате он будет пропускать ваш контент.

Уведомления » протолкнуть. »Сделай вещи проще быстро отправляя уведомления посетителям, все, что им нужно сделать, это открыть свой компьютер и браузер (Google Chrome часто работает в фоновом режиме). CTR для электронных писем обычно составляет около 2-5%, а для push-уведомлений — около 11%.

Аналогичные сервисы

Сервисов push-уведомлений сейчас достаточно много, рассмотрим самые популярные:

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

• Pushworld, PushExpert и Push4Site – простейшие сервисы с минимальным функционалом. Их можно подключить и настроить за 5 минут, но особых дополнительных возможностей вы там не найдете.
• Gravitec – еще один сервис с узкой специализацией (только webpush), но функционал у него существенно шире, чем у трех предыдущих. Позволяет сегментировать клиентскую базу и проводить таргетированные рассылки.
• LetReachи OneSignal – сервисы, работающие с web–pushи mobpush. OneSignal, как и еСпутник, предлагает использовать и другие каналы прямых коммуникаций с клиентами. Но работать с этими сервисами будет удобно не всем – они англоязычные.

Особняком стоит Realbig.media и некоторые другие похожие проекты: они могут работать и как простой сервис по рассылке push-уведомлений, и как рекламные сети. Владелец сайта может вступить в партнерство с другими проектами, предоставив им за определенные выплаты право рассылать web-push по своей клиентской базе. Если есть желание монетизировать push-уведомления вместо того, чтобы платить за их рассылку – стоит рассмотреть такие предложения. Но, естественно, это подвергает определенным рискам вашу клиентскую базу.

Как использовать пуши в бизнесе: 10 вариантов

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

Вообще, варианты использования пушей зависят от типа бизнеса. Большинству компаний подойдут вот эти 10 форматов — их можно включать в стратегию на разных этапах жизненного цикла клиента:

1. Приветственные. Эти пуши отправляются после регистрации на сайте или скачивания приложения. Часто в них есть коммерческая составляющая — они предлагают скидку, подталкивают к импульсивной покупке.

2. Скидки. Пуш-уведомления о скидках и рекламных акциях — крутой способ вернуть пользователя на сайт или в приложение и мотивировать купить. Такие пуши можно отправлять перед праздниками, глобальными распродажами или без особых поводов. Во всех случаях работает триггер дефицита времени (скидка скоро сгорит) или количества (на складе осталось мало товара).

3. Личные подборки. Такие пуш-уведомления основаны на предыдущих покупках пользователя и предоставляют ему потенциально интересный сейчас продукт.

4. Транзакционные. Эти пуши нужны, чтобы уведомлять пользователя о транзакциях. Например, они могут сообщать, что платёж прошёл и что заказ передан в доставку. Вот только трек-номер и другую конкретную информацию в пушах сообщать всё же не стоит: человек может случайно смахнуть уведомление. Такую информацию лучше раскрывать на сайте (в почте), а в пуше — просто давать на неё ссылку.

5. Брошенные корзины. Когда дело касается незавершённых покупок, пуш-уведомления — чуть ли не лучший способ вернуть пользователя. Они позволяют аккуратно напомнить о брошенной корзине и подтолкнуть к покупке. Для этого можно использовать все классические триггеры: фото товара, скидки.

6. Новости и обновления. Браузерные пуш-уведомления можно использовать, чтобы сообщать о новых товарах и коллекциях, о выходе материалов на сайте или обновлениях в курсах. А ещё в них удобно сообщать об обновлениях самого приложения.

7. Геопуши. В этом типе пушей используется геолокация. Благодаря этому пользователю можно отправлять сообщения, когда он находится рядом с нужным местом. Главная цель — привлечь пользователя в магазин, кафе или другое пространство.

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

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

10. Некоммерческие пуши. Через пуши можно не только подталкивать к покупкам. Они подходят и для того, чтобы благодарить клиентов и другими путями показывать, что пользователь важен. Такие сообщения можно приурочивать к праздникам и значимым датам или отправлять без повода. Хороший вариант — добавлять в них подарки.

И отдельный вид пушей — технические. Например, это уведомления о возможных сбоях в работе приложения.

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

Как грамотно составить пуш-рассылку: 7 шагов

Главное, что нужно понять перед началом работы: в пушах мало символов

Здесь важно быть лаконичным и убедительным

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

Длина пуш-уведомлений зависит от операционной системы, браузера и устройства. Но в среднем:

• длина мобильного пуша — до 140 символов;
• длина веб-пуша — до 120 символов.

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

А теперь переходим к созданию пуш-рассылки.

Шаг 1. Выберите платформу

Определитесь, как вы будете делать рассылку: самостоятельно или через специальные сервисы. Если самостоятельно, выберите платформу. Например, для рассылки веб-пушей можно использовать Chrome, который поддерживает пуш-уведомления.

Но куда проще и быстрее — использовать специальные сервисы для рассылки пуш-уведомлений или сервисы емейл-рассылок, в которых есть функция создания пуш-рассылок.

Шаг 2. Настройте платформу

Следуйте инструкциям на выбранной вами платформе или в сервисе, чтобы создать учётную запись, а потом настроить всё для рассылки.

Шаг 3. Сформулируйте предложение

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

• Дефицит времени: «Скидка сгорит ровно через сутки».
• Дефицит количества: «Осталось всего 7 мест на курсе».
• Любопытство: «Нажмите и получите подарок».
• Своевременность: «Скоро сезон дождей, подберите себе зонт».
• Подарок: «Купите колготки и получите носки в подарок».

Главное — убедитесь, что ваше предложение ёмкое и релевантное для подписчиков.

Шаг 4. Создайте привлекательный заголовок и чёткий призыв к действию

Заголовок — первое, что увидит аудитория, поэтому постарайтесь сделать его максимально ярким и убедительным. Хороший заголовок короткий, в нём нет абстракций, он вызывает желание скорее посмотреть, что же там такое‎. В пушах хорошо работают привычные приёмы составления заголовков: вопросы, цифры, слова-магниты.

Призыв к действию — то, ради чего пуш и создаётся. Он должен мотивировать перейти на сайт или в приложение, а в идеале — совершить там целевое действие. Поэтому сделайте CTA конкретным и понятным.

Шаг 5. Сегментируйте аудиторию

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

Например, если ваш продукт более актуален для женщин, вы можете сегментировать аудиторию по полу. Клиентам, которые давно ничего не покупали, можно отправить реактивационное письмо со специальным предложением.

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

Шаг 6. Протестируйте время отправки

Пуш должен всплыть на экране, когда пользователь имеет доступ к телефону или компьютеру и может отвлечься от своих дел. Поэтому перед отправкой обязательно протестируйте разное время отправки через A/B-тесты. Ещё один вариант — выдвинуть гипотезы на основе поведения пользователей. Например, если ваша аудитория — в основном работающие люди, то «пушить» их в разгар рабочего дня — провальная идея.

Шаг 7. Отправьте пуш-рассылку

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

Сервисы для отправки push-уведомлений в браузере

Технология появилась не так давно, и высокой конкуренции на рынке предоставления услуг по отправке push-уведомлений нет.

Вот самые известные сервисы для отправки браузерных push-уведомлений. 

Сервис обладает стильным интерфейсом, но все еще находится на стадии beta-тестирования, поэтому встречаются сбои и ошибки. Из преимуществ панели стоит отметить отличную документацию, дополнительный виджет («колокольчик» с панелью всех уведомлений на сайте), white lable для домена сайта.

Стартовая цена – $29. Только англоязычная панель.

Сервис работает исправно, без сбоев и даже предлагает бесплатный тариф. Из минусов: нет виджета и white lable: пользователь не сможет просмотреть на сайте пропущенные уведомления, а в адресной строке при переходе с уведомления появится упоминание названия сервиса (например: somesitecom.jeeapi.com).

Разработчики расширили опции создания сообщений и добавили возможность А/В тестирования, создания серии push-уведомлений, сегментацию сообщений и персонализацию. Платформа обладает русскоязычным интерфейсом. Официальный запуск функции произойдет в этом месяце, и подписаться на бесплатный тариф можно уже сейчас.

Не тяни, а толкай

Всем, кто пользуется электронной почтой, знаком принцип скачивания обновлений с сайта по событию — вы запускаете почтовый клиент и начинаете «тянуть» последние данные (непрочитанные письма). Но почему бы не сделать наоборот — сайт будет сам «толкать» вам данные по мере их появления без вашего запроса. Именно по этому принципу и работают push-уведомления (push означает «толкать»).

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

• текст длиной не более 200 знаков;
• иконку;
• кликабельную ссылку на сайт-отправитель.

Типовое уведомление содержит текст, иконку и ссылку на сайт

Хорошие уведомления

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

Хороший пример:

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

Плохой пример:

• Новые поступления на склад;
• Скидки и акции на товары;
• Новая статья на сайте;
• Ответили на комментарий пользователя к статье, который он написал год назад.

Плохие примеры тоже требуют уведомления, но на них не нужно реагировать оперативно. Эти уведомления можно отправить на почту. Вообще, все важные уведомления рекомендуется дублировать на почту, так-как push-уведомления могут не дойти до пользователя по разным, не зависящих от вас, причинам. Также важным фактором является актуальность события. Об этом я еще поговорю чуть позже. Рекомендую к прочтению:

Вернемся к нашим баранам. Так как же всё это работает? Для начала немного теории.

3. РичПуш

Моя третья обсуждаемая рекламная сеть — RichPush. Этот портал дает один из самых высоких показателей конверсии партнерского бизнеса во всем мире. Они работают более чем в 220 странах мира.

RichPush с гордостью обслуживает более 450 миллионов подписчиков на push-рекламу и получает 4 миллиарда показов ежедневно.

Особенности:

RichPush предлагает несколько привлекательных функций для подписчиков. Я делюсь несколькими из них ниже:

1. Персональный менеджер по работе с клиентами

RichPush назначает отдельного менеджера по работе с клиентами для каждого подписчика. Менеджер помогает составлять белые списки, рекламные кампании, анализ трафика и любые запросы, связанные с услугами.

2. Низкая стоимость клика.

RichPush взимает с клиентов всего 0.003 доллара за клик. Имея такой небольшой объем, вы можете нацелиться на огромный объем трафика по всему миру.

Исключение составляют страны уровня 1 и 2. Для этих стран они взимают небольшую дополнительную плату.

3. Количество просмотров рекламы.

Одним из основных показателей, определяющих успех вашей рекламной кампании, является процент просмотров. RichPush предлагает около 94 процентов просмотров всех своих рекламных кампаний.

Такой процент просмотров — отличный показатель для любой рекламной кампании.

4. Глобальный охват

RichPush имеет более тридцати пяти миллионов подписчиков из более чем 150 стран.

Страны включают Индию, Мексику, Таиланд, Россию, Бразилию, Филиппины, США, Великобританию, Канаду, Иран, Колумбию, Индонезию и др.

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

5. Нет ботов для трафика

Трафик ботов генерирует поддельный трафик. RichPush не разрешает трафик ботов на своей платформе. Портал представляет собой полноценный человеческий опыт и допускает реальный трафик.

Ваши клиенты не будут получать push-уведомления от ботов.RichPush не позволяет издателям использовать ботов для увеличения посещаемости своих сайтов.

Плюсы и минусы RichPush

Все доступные сети push-рекламы имеют как преимущества, так и недостатки. Давайте посмотрим на некоторые плюсы и минусы сети RichPush в этом разделе.

Плюсы

1)Беспроблемный процесс присоединения. Это означает, что любой желающий может присоединиться к этой сети. Все издатели и рекламодатели могут подать заявку и запустить здесь свои рекламные кампании. 

2)Девяносто четыре процента просмотров и квалифицированных потенциальных клиентов помогают получить больше конверсий, а также продаж. Таким образом, издатели и рекламодатели получают больше доходов и отдачи от инвестиций.

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

4)Приборная панель проста и удобна в использовании.

5)RichPush работает в соответствии с политикой Google в отношении рекламы.

6)Возврат инвестиций до 114%

Минусы

1)Иногда модерация задерживается.

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

3)Одним из аспектов, требующих улучшения, является возможность изменения размера изображения. Эта опция недоступна в RichPush.

Оплата:

Минимальной выплаты нет. Вы можете вывести любую заработанную сумму.

RichPush берет от рекламодателей минимальный депозит в размере 50 долларов и предлагает комплексный пакет.

RichPush принимает платежи в нескольких режимах, таких как PayPal, WebMoney, банковский перевод, CC и т. Д.

RichPush обрабатывает невыплаченные платежи издателей в течение 30 дней

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

RichPush также предлагает несколько скидок для начинающих пользователей. Как рекламодатель, вы можете получить эксклюзивную скидку 15% на свою первую рекламную кампанию.

Итак, посетите веб-сайт сегодня и воспользуйтесь преимуществами.

8. AdMaven

AdMaven — это платформа рекламных технологий, которая предоставляет маркетологам и издателям решения для рекламы и монетизации. AdMaven гарантирует, что цена за тысячу показов и коэффициент конверсии рекламодателей увеличатся. Это повышает отдачу и увеличивает общий доход издателей.

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

Особенности:

1. Более высокая цена за тысячу показов:

AdMaven взимает большую плату за тысячу показов. В результате получается больше дохода. Кроме того, у них есть запатентованная технология торгов в реальном времени (RTB), которая связывает разрозненные сети.

2. Широкий набор инструментов:

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

3. Специальная поддержка: 

За каждым издателем закреплен опытный и преданный своему делу менеджер по работе с клиентами. Это позволяет издателям не сбиться с пути и помогает им делать разумный выбор в отношении своих веб-сайтов.

4. Глобальное покрытие:

Рекламодатели могут использовать всемирную аудиторию и охват AdMaven. Рекламная сеть имеет опыт эффективного сотрудничества с известными веб-сайтами и увеличения огромной аудитории рекламодателей.

5. Возможности монетизации:

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

Почему я рекомендую AdMaven?

1. Точные отчеты:

Для улучшения анализа требуются точные отчеты с полной прозрачностью. 

2. Отличный пользовательский опыт:

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

3. Показатели отличных впечатлений:

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

4. Широко распространены:

Его рынок и маркетологи охватывают более 200 стран.

5. Отслеживайте и контролируйте:

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

6. Покрытие по всему миру:

Во всем мире ежедневно происходит более 2 миллиардов показов.

Платежи

Первые два платежа бесплатны, но PayPal имеет право взимать дополнительную комиссию. За транзакции по безналичному расчету взимается комиссия в размере 40 долларов США. 

Минимальный платеж в биткойнах составляет 500 долларов, и Admaven не взимает комиссию, однако, чтобы получить средства, AdMaven переведет от 1 до 5 долларов в целях тестирования перед переводом всего баланса. Подробнее о Правила оплаты AdMaven здесь. 

Плата за снятие средств с AdMaven: 

PayPal – AdMaven не взимает комиссию (но PayPal может взимать комиссию в размере 3-5%, в зависимости от страны происхождения, учетной записи PayPal и суммы).

Payoneer – Admaven не взимает комиссию.

Провод (банковский перевод) — Admaven взимает 40 долларов США за банковские переводы.

Bitcoin – Admaven не взимает комиссию, но чтобы получить ваши деньги на этой платформе, мы отправим 1-5 $ в качестве теста, прежде чем перевести всю сумму.

• Минимальная выплата для Paypal и Payoneer: 50 долларов.
• Минимальная выплата для биткойнов и Paxum: 500 долларов.
• Минимальная выплата для Webmoney и Wire Transfer: $1000

Полезное 

• Push.House Обзор 
• Обзор Дома партнеров 
• Мега Пуш Обзор 
• Adplexity против Spyover

Теория

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

Для начала небольшая схема того как все это работает (анимированная схема):

1. Сервер отдает страницу пользователю;
2. Клиент подключается к серверу сообщений, регистрируется и получает ID;
3. Клиент отправляет полученный ID на сервер и сервер привязывает конкретного пользователя к конкретному устройству используя ID устройства;
4. Сервер отправляет сообщение клиенту через сервер сообщений используя полученный ранее ID.

К сожалению, мне не удалось выяснить кто и как создает ID устройства и как сервер сообщений привязывается к конкретному устройству. Я использовал сервер сообщений Firebase Cloud Messaging от Google и его библиотеку. К сожалению, я не смог выяснить можно ли его заменить на свой сервер и как это сделать.

Что же происходит на стороне клиента?

• JavaScript запрашивает у пользователя разрешение на показ уведомлений;
• Если пользователь одобрил, то подключаемся к серверу сообщений и получаем ID устройства;
• Отправляем идентификатор на наш сервер, чтобы мы идентифицировали пользователя;
• Инициализируем JavaScript воркер который будет работать в фоне, получать сообщения от сервера сообщений и показывать их пользователю;
• Подключаемся к серверу сообщений и ждем новых поступлений.

Это все выглядит очень сложно, но на сервере все не проще.

Сложности на серверной стороне

• Понятно, что идентификатор устройства, присылаемый пользователем, мы сохраняем в базу данных;
• Идентификатор устройства хорошо бы привязывать к пользователю, чтобы отправлять персонализированные сообщения;
• Стоит помнить, что пользователь у нас один, а устройств у него может быть несколько, также одним устройством могут пользоваться несколько пользователей;
• Отправка уведомлений пользователям не самая дешевая операция и поэтому событие, инициирующее отправку уведомления, нужно ставить в очередь на отправку;
• Только маленькие проекты с малым числом получателей могут позволить себе отправлять уведомления по событию, в течении того-же HTTP запроса;
• Так у нас появляется система очередей на RabbitMQ, Redis и т.д.;
• Появляются демоны/воркеры которые разбирают очередь и другие инструменты поддержки очередей;
• Для увеличения скорости отправки можно распараллелить процесс и разнести его на несколько нод.

Web vs Mobile Push Notifications

What works better, web notifications sent from your site or mobile push notifications sent from iOS and Android apps? 

App push notifications are much better. Why? For starters, they give much better reach.

Web notifications are limiting. You can’t send them on iOS — at all. So there’s no way to send web notifications to your fans and customers who have iPhones (50% of them on average in the US).

Android Push Notifications

The outlook is slightly better on Android, but things aren’t exactly rosy. Although Google pioneered web notifications back in 2013, things have changed since then. The ever growing, ruthless focus on user experience and privacy concerns taking center stage in recent years forced Google to act.

With Chrome version 80, Google is cracking down on web push by making it harder to get the user’s permission and blocking websites that abuse them (looking at you Daily Mail). In theory this isn’t a ban, but it does make web notifications harder to use and less effective. It isn’t just Chrome either. Firefox are following suit, and the changes are likely to be applied on all Chromium based browsers — Brave, Edge, Opera, Samsung Browser and others. 

While web notifications will be around for a while, their heyday is over. Push notifications sent through mobile apps are a different story though.

Related: all you need to know about Push Notifications on iOS vs Android

Advantages of App Push Notifications

Sending push notifications via an app allows you to send them on iOS, instantly doubling your push notification audience. You’re more free to send them out however you want on Android too — they aren’t effected by Chrome’s actions against web notifications. 

One of the reasons that app notifications are safer is that they are more in line with the user experience. People do not generally want to be bombarded by notifications from the websites that they visit. When they download your app though it’s a sign of loyalty to, and engagement with your brand. They are far more likely to be receptive to notifications as they have already proven themselves interested by downloading the app in the first place. 

Well designed apps will enhance the effectiveness of push notifications further by push preferences and a message center. The former allows them to choose which kinds of notifications they’d like to receive, while the latter saves messages in an app «inbox» that they can come back to later if they are busy. 

App notifications have helped many businesses to grow their traffic, user engagement and ultimately revenue. The problem is, apps are traditionally expensive and time consuming to build. So how can you get mobile push notifications, and all the other benefits of mobile apps — without taking a large financial risk?

Установка пуш-сообщений на сайт WordPress

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

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

Но если вы слышите про SendPulse впервые, тогда переходим на сайт этого сервиса и проходим стандартную процедуру регистрации через электронную почту или социальные сети Фейсбук и Гугл Плюс.

Оказавшись в личном кабинете перейдите во вкладку «PUSH» и нажмите кнопку «Добавить новый сайт».

Далее указываем URL адрес сайта, здесь прошу заметить, что протокол (HTTP или HTTPS) система определит самостоятельно.

Если есть в этом необходимость можете загрузить свое изображение вместо стандартного значка.

Выбираем запрос на подписку: сразу при заходе на сайт или при клике по элементу.

Далее предстоит выбрать вид запроса:

Стандартный

Лайтбокс

Панель

Стиль Safari

Плавающая кнопка

Каждому из запросов можно настроить: название, текст, стили, задержку появления.

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

Для тех, кто слабо разбирается в структуре WordPress могу сказать, что как правило этот тег будет расположен в файле header.php вашего шаблона.

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

И еще обратите внимание, что после оформления подписки, для вас кнопка на сайте больше появляться не будет

Заключение

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

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