Что означает push. Пошаговое руководство по внедрению web-push уведомлений. Как это работает

19.08.2018

Обновлено: 25 мая 2017

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

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

Настройка подтверждения переводов и платежей в Контактном центре

Многие продавцы спрашивают, сколько сообщений они должны отправлять своим пользователям. Разумеется, на эту общую тему нельзя ответить. В общем, это тоже неправильный подход. Отправка только полезного и релевантного контента в целевую группу должна быть диском для отправки сообщений. Другим аспектом является персонализация контента. Через технологии приложений операторы приложений могут просматривать данные о предпочтениях и интересах пользователей. Таким образом, контент может быть адаптирован и сегментирован к приемникам.

Причем всплывает push-сообщение не обязательно в окне браузера, а как бы без привязки к нему (поверх всех окон). Выглядит сие как некое напоминание (пример на скриншоте):

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

Новые каналы маркетинга

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

Как это работает?

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

Не знаю, оптимальный ли способ подключения подписки на push уведомления я выбрал, но для эксперимента, думаю, сгодится. Использовал я сервис SendPulse , который позволяет настроить, подключить и отслеживать статистику по пуш совершенно бесплатно (во всяком случае пока). Собственно, все просто, но нюансы все же поясню.

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

Актуальный и полезный контент.
Поведение и интересы пользователей.
Отправлять общие и нерелевантные сообщения всем пользователям.

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

Что такое push уведомления и чем они лучше Емайл рассылки?

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

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

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

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

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

Однако обработка уведомлений, описанных в следующем разделе, происходит у рабочего. Затем он настраивает обработчик для рабочего рабочего, готовый. По определению, Подписка получает объект, который описывает приложение более подробно. Для простоты настоящий пример показывает эту информацию только на консоли. Таким образом, он информирует обозреватель о завершении всех асинхронных операций, инициированных для события. Реализация, рассмотренная здесь, синхронизирует локальные данные с данными, доступными на сервере.

Очевидно, что такой тип уведомлений серьезно конкурирует с уже ставшей классикой маркетинга — Емайл рассылкой (кстати, вы в курсе, что смартреспондер того — приказал долго жить) или, по крайней мере, является неплохой альтернативой. При этом у push технологии есть ряд отличительных черт, которые можно было бы рассматривать как плюсы по сравнению с Емайл-рассылкой :

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

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

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

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

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

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

Как бесплатно настроить push уведомления в SendPulse?

Ну, тут все просто. Сначала регистрируетесь на SendPulse , после чего входите в свой кабинет «Мой аккаунт» (по умолчанию у вас будет активирован тариф «Бесплатный», который для наших целей вполне подойдет). Затем переходите на вкладу «Push» из верхнего меню и начинаете настраивать сие.

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

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

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

Вариант номер 2 - опция «Не беспокоить». Здесь вы можете точно указать, если вы не хотите, чтобы вас беспокоили сообщения в определенный период, например, потому что вам нужно сосредоточиться на сложной задаче.

Добавляем свой сайт, после чего откроется окно мастера настройки push уведомлений в SendPulse:

После этого вам предложат установить код (одна строчка) на свой сайт. Он должен выводиться на всех страницах и его советуют запихнуть перед закрывающим тегом HEAD (в WordPress этот фрагмент кода можно найти обычно в файлике header.php из папки с используемой вами темой оформления):

Полная тишина: уведомления об уведомлениях в целом

Чтобы отменить функцию «Не беспокоить», просто снимите галочку.

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

Открывает центр сообщений вашей операционной системы.
Перейдите к значку шестеренки.

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

После этого сбросьте кеш на сайте (если его используете) и кликните по кнопке «Проверить настройки». Собственно, можно просто перейти на сайт и увидеть (в моем случае) появляющуюся внизу справа зазывную кнопочку. При подведении к ней мыши пользователь увидит созданное вами сообщение, а при клике ему будет предложено подписаться:

В Сафари вы идете на блокаду.

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

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

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

Создание push уведомлений и их статистика в SendPulse

Если что-то еще захотите подредактировать, то на вкладке «push» главной страницы личного кабинета SendPulse нужно будет кликнуть по шестеренке в строке с нужным вам сайтом:

Вебинары, тренинги, онлайн – трансляции

Это мешает операторам небольших сайтов размещать свой продукт за счет пользователя. В настоящее время это гораздо больше, чем просто хороший продукт: либо большой копилка для рекламы, либо творческие маркетинговые идеи. Но какие конкретные варианты существуют для мелких участников рынка?

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

Настройки не замысловатые и сводятся к редактированию того, что вы делали при создании этой формы подписки на push уведомления.

Тут разве что еще приветственное сообщение можно активировать и задать. Когда вид и тип формы подписки подберете и окончательно оформите (код менять при этом не надо — изменения и так вступят в силу), то самое время будет разобраться с тем, как эти самые push уведомления создавать и отправлять . Для этого нужно будет на вкладке «push» (из верхнего меню) кликнуть по расположенной вверху кнопке «Отправить push»:

Функция уведомлений обозревателя браузера

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

Преимущества уведомлений о переадресации браузера

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

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

Статистику по сайту можно посмотреть опять же выбрав из левого меню соответствующий пункт (с нужным сайтом):

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

Использование push-уведомлений

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

История уведомлений push

Как же возникли push-уведомления? Что это такое? Первое такое извещение было впервые представлено Apple в 2009 году. В 2010 году Google выпустила собственный сервис - Google Cloud to Device Messaging.

В ноябре 2015 года компания Microsoft объявила, что WNS будет расширена за счет использования универсальной архитектуры платформы Windows, позволяющей отправлять данные push в Windows 10, 10 Mobile, Xbox, а также на другие поддерживаемые платформы, используя универсальные вызовы API и запросы POST.

Push-уведомления: что это и какие бывают виды?

Push-уведомления в основном разделены на 2 подхода: локальные и удаленные.

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

Для удаленного уведомления обычно происходит соединение с сервером. В этом случае клиентское приложение должно быть зарегистрировано на сервере с уникальным ключом, например UUID. Доставка сообщения клиентскому приложению происходит через протокол, согласованный между клиентом и сервером (чаще всего HTTP).

Как отображаются push-уведомления?

Что это такое - указано выше. Но как они появляются в пользовательском интерфейсе? Push-уведомление может отображаться различными способами:

баннер в верхней части экрана;
всплывающее окно из панели задач ;
диалоговое окно, которое прерывает и блокирует интерфейс приложения.

Обычно уведомление содержит:

заглавие;
сведения о сообщении.

Также уведомление может содержать изображение или видео, ссылку на сайт, какое-либо вложение (например txt-файл).

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

Как это работает?

Push-уведомления - это оповещения от определенных приложений, которые относятся к какой-то новой информации. Например, если вы получаете новое письмо, ваш девайс можно настроить так, чтобы он автоматически уведомил вас, когда это произойдет. Если вы получили новый запрос о дружбе в Facebook, приложение этой соцсети может быть настроено на отправку push-уведомления, чтобы вы знали об этом сразу же. Это произойдет независимо от того, используете ли вы приложение или нет в данный момент.

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

Как выглядят эти сообщения на мобильных устройствах?

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

Три основных типа:

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

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

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

Отключение

Как отключить push-уведомления? Если вы не хотите получать сообщения от сервиса, на который вы ранее подписывались, вы можете их отключить. Ниже приведено краткое руководство по отключению уведомлений на персональном компьютере и на мобильных устройствах.

Браузер Chrome: откройте обозреватель и просто введите в адресной строке: Chrome: //settings/ content в новой вкладке. У вас отобразится всплывающее окно с настройкой содержимого. Прокрутите его вниз до уведомлений и перейдите к управлению. В этом разделе появится список URL-адресов сайтов, на которые вы подписаны. Выберите адрес, который вы хотите отменить. Здесь вы можете разрешить, отклонить или полностью удалить все ваши подписки на уведомления. После перезагрузки вы сможете убедиться, что к вам больше не приходят push-уведомления.

Браузер Firefox: откройте обозреватель, затем войдите в его меню и выберите опции. Найдите сегмент контента и нажмите кнопку «Выбрать» в разделе «Уведомления». Откроется окно «Разрешения для уведомлений». В этом разделе выберите URL-адрес сайта, который вы хотите отменить. Затем нажмите «Удалить сайт». Чтобы запретить всем сайтам отправлять push-сообщения, нажмите «Удалить все сайты». Веб-ресурсам нужно будет спрашивать ваше разрешение на отправку сообщений в будущем.
Браузер Safari: откройте обозреватель и нажмите на панель с его названием. Выберите «Настройки», а затем найдите веб-сайт, который вы хотите удалить из раздела уведомлений. Нажмите «Разрешить» или «Отклонить» в соответствии с вашими предпочтениями.

Как отключить уведомления на устройствах Android

Откройте браузер Chrome и нажмите «Меню», в этом разделе выберите «Настройки». Прокрутите страницу вниз и выберите «Настройки сайта». Затем снова прокрутите вниз и нажмите на «Уведомления».

В этом разделе выберите сайт, с которого вы хотите разрешить или запретить услуги push-уведомления на «Андроид».

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

Как включить/отключить push-уведомления на IOS?

Некоторые приложения поддерживают push-уведомления на iPhone. Это способ отправки данных, специфичных для каждого сервиса. К ним относятся и уведомления о новостях, и многие другие данные. Чтобы push-уведомления работали, вы должны использовать iPhone OS 3.0 или выше.

Как включить push-уведомления:

1. Установите приложение, которое предлагает push-уведомления.

2. Перейдите в Настройки -> Уведомления -> ВКЛ.

3. Появится список приложений, поддерживающих push-уведомления.

4. Коснитесь приложения, которое вы хотите включить или отключить для уведомлений, и выберите нужные параметры.

5. Звуки, оповещения и значки могут быть включены или отключены по отдельности.

Чтобы отключить push-уведомления:

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

2. Чтобы отключить все уведомления: перейдите в Настройки -> Уведомления -> ВЫКЛ.

Кроме того, иногда случаются моменты, когда пользователь просто не хочет отвлекаться на какие-либо уведомления. Для таких случаев Apple представила функцию «Не беспокоить». После ее активизации вы сразу же отключите все телефонные звонки, оповещения и уведомления. Так, если вы находитесь на собрании или участвуете в важном событии, у вас не будет никаких гудков или звуковых сигналов с устройства iOS. Как включить его? Перейдите в «Настройки» и выберите «Не беспокоить» в меню слева. Эта опция хороша тем, что отключается так же легко.