Push уведомления в мобильном банке. Основы успешной реализации push-уведомлений для мобильных приложений

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Web-push - это принципиально новое оружие маркетинга. Главные его особенности - с посетителей не нужно собирать контактные данные, а само сообщение приходит мгновенно прямо в браузер (не нужно проверять почту, обновлять страничку или выполнять другие условия).

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

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

Шаг 1. Настраиваем всплывающее окно подписки на push

Как только посетитель заходит на сайт вашего магазина, в углу браузера появляется примерно такое окно, предлагающее разрешить или запретить web-push:

Особенности окна подписки:

• Текст в окне нельзя изменить, он задается браузером и будет в том же виде, что и на скриншоте: «yoursite.ru запрашивает разрешение на: показывать оповещения». И две кнопки: «разрешить» и «блокировать».
• Технология работает как для десктопных, так и для мобильных сайтов.
• Такое окно - это 100% opt-in, то есть добровольная подписка на рассылку, что создает вам очень качественную базу лояльных подписчиков.

Шаг 2. Тестируем, что сообщения приходят

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

Веб-push уведомления имеют такой вид:

Все части сообщения можно изменить под себя:

• Установить свой логотип или любое другое изображение (на каждую рассылку можно поставить свое).
• Написать свой заголовок.
• Написать свой текст анонса (125 символов максимум, что в 2 с лишним раза больше, чем входит в push-сообщения мобильных приложений).
• Добавить свою ссылку. Причем она может вести на любой уровень сайта: от главной страницы до странички конкретного товара внутри подкатегории какого-нибудь третьего уровня вложенности. А еще можно добавить UTM-метку, что полезно для анализа эффективности, но об этом позже.

Шаг 3. Выбираем, что пушить

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

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

Что может содержать триггерное push-уведомление:

Краткосрочные события: скидки, специальные предложения. Если, например, вы делаете большую скидку в следующие 24 часа, то просто нерационально извещать об этом по электронной почте, которую большинство открывает раз в пару дней. Web-push - лучший способ доставки таких сообщений.

Персонализированные предложения, основанные на анализе поведения покупателя. Если ваша триггерная пуш-рассылка объединяет усилия с платформой персонализации - вы можете отправлять персональные предложения каждому посетителю. Например, по такому сценарию: посетитель ранее интересовался категорией «автомобильная акустика» - ему приходит уведомление о снижении цены на некоторые модели в этой категории.

Напоминание о брошенной корзине. Ни один другой канал не действует так оперативно: например, вы можете напомнить о брошенной корзине спустя 15 минут после того, как покупатель прервал оформление заказа. Таким образом, вероятность того, что клиент успел купить то же самое в другом месте, будет минимальной. Если сравнить с другими каналами: e-mail действует заметно дольше, а баннерная реклама не всегда попадает в поле зрения («баннерную слепоту» никто не отменял).

Допродажи и перекрестные продажи (upsell и cross-sell). Блоки с товарными рекомендациями на сайте работают, но к ним уже все порядком привыкли. Другой сценарий - рекомендовать сопутствующие и альтернативные товары через веб-push - такой способ моментально фокусирует внимание покупателя на предлагаемых товарах, пробуждает интерес, так как сообщение адресовано конкретному человеку.

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

Заключение

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

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

Если хотите опробовать все возможности веб-push уведомлений - триггерные события и персональные товарные рекомендации - добро пожаловать в новый сервис REES46. Есть и web-push уведомлений.

Чтобы начать работу со своими web-push рассылками, просто перейдите в нужный пункт меню панели управления REES46. Присоединяйтесь!

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

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

Такое понятие, как push-notifications, стало популярным после внедрения яблочной компанией сервиса Apple Push Notification Service (APNS) для передачи уведомлений на устройства под iOS 3. Стоит упомянуть, что эту революционную инновацию Apple внедрили в iOS почти на год позже, чем Google в ОС Android.

Как бы то ни было, на почве push уведомлений для мобильных выросло целые семейство сервисов и инструментов от разных компаний:
Apple после добавления системы пушей (APNS) для айфонов реализовали их и для OS X и, совсем недавно, для Safari.
Google создали Android Cloud to Device Messaging (C2DM) в далеком 2008 году, заменив его на Google Cloud Messaging (GCM) в 2012 году. Естественно, при помощи данного сервиса пушить можно также и в Chrome приложения.
В Microsoft, как обычно, решили не отставать и создали MPNS (попробуйте сами угадать значение этой аббревиатуры). Таким образом, push-уведомления доступны на Windows Phone начиная с седьмой ее версии.

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

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

Типы уведомлений в мобильных ОС

В iOS есть три типа push-уведомлений:
Audio — об уведомлении пользователю сообщается путем проигрывания звукового уведомления
Audio/Banners — проигрывается звуковое сообщение и т.н. “баннер” появляется на экране. Информацию, передающеюся с первым и вторым типами сообщений вы можете увидеть в Notification Center — внутри т.н. “шторки”.
Badges (рус. значок, символ) — рядом с иконкой приложения появляется цифра или специальное изображение.

В Windows Phone 8 также есть три варианта push-уведомлений:
Toast (рус. тост) — сообщение показывается в верхней части экрана на протяжении 10 секунд. Естественно, это сообщение кликабельно.
Tile (рус. плитка) — отображаются в виде чисел, выводимых поверх значка приложения на плитке (Live Tile).
Raw (рус. грубый) — для передачи произвольной информации внутрь приложения. Предполагается, что такой тип пушей используется для игровых приложений.

С Android все немного интереснее. В официальном мануале для разработчиков написано:

It does not provide any built-in user interface or other handling for message data. GCM simply passes raw message data received straight to the Android application, which has full control of how to handle it. For example, the application might post a notification, display a custom user interface, or silently sync data.

По-русски: в ОС Android нет никакой встроенной системы для прямого отображения пользователю push-уведомлений. Все данные «пушатся» исключительно в приложение, и передаются в совершенно произвольной форме, как и raw-уведомления в WP8. Приложение же, после получения информации, может, например, выдать стандартное для андроид-систем уведомление, которое отобразится в верхней части экрана и в “шторке”. Или же может появится баннер, подобный таковым в iOS.
Однако, учитывая открытость Андроида и исключительную гибкость этой системы, уведомления после получения push могут выводиться, в принципе, в любой форме. Например, одним из самых самых невинных способов взаимодействия с пользователем может быть немедленное открытие окна приложения со всей необходимой промо-информацией.

Браузерные push уведомления

С некоторого времени у разработчиков появилась возможность рассылать push-уведомления через браузеры на стационарные компьютеры пользователей: в Google Chrome и Apple Safari. Для отправки данного типа пушей также используются службы GCM и APNs. С технической точки зрения, браузерные push-уведомления отличаются от мобильных только тем, что в Chrome и Safari отправителем уведомления является сайт. Пользователи получают push-уведомления в виде небольших сообщений, которые появляются поверх всех окон в углу экрана сразу по получении.

Для вашего приложения или сайта

У каждого из разработчиков мобильных ОС есть свой собственный подход к технической реализации отправки push уведомлений на устройства. Сервисы, которые обеспечивают возможности push-нотификаций, были перечислены в начале статьи: GCM, APNS и MPNS.
Однако очевидно, что для работы с ними нужно также использовать еще и внешний сервер — для отправки на эти сервисы удаленных запросов. Учитывая то, что обеспечение легкой жизни разработчиков не является приоритетной задачей ни для одной из компаний-авторов ОС, каждый из вышеперечисленных сервисов функционирует очень по-своему. Для отправки уведомлений на разные платформы нужно соблюсти немало всяческих требований, и для каждой платформы — своих.
Именно поэтому в сети существует много ресурсов (например, gravitec.net), предоставляющих удобный интерфейс для реализации push-уведомлений в приложения и на сайтах своих клиентов.

Имеющаяся на отображаемой странице вкладка «Настройка уведомлений» в системе Сбербанк Online (далее – системе) предлагает вам различные варианты для изменения настроек уведомления о входе в личный кабинет и о получении электронного оповещения от службы поддержки банка. Следует акцентировать внимание на том, что уведомления о выполнении операций направляются тогда, когда за ней закреплены такие статусы, как «Выполнен», «Подтвердить в контактном центре» или «Отклонено».

В этой части меню вы обнаружите информационный отдел. В нем будет расположен контактный номер для отправки sms-сообщений о входе пользователя в систему, вам будет предложены контактные данные для отправки sms – сообщений о получении письма из контактного центра, а также ваш личный email-адрес для получения/отправки писем. При изменении адреса вашего личного электронного почтового ящика вам следует зайти в раздел «Личная информация» и кликнуть по вкладке «Изменить данные».

Настройка оповещений в Сбербанк онлайн

Настроить уведомления можно о следующих событиях:

• Вход в систему;
• Пришло оповещение от службы помощи;
• Статус выполнения операций;
• Обновление новостей банка.

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

• Уведомления поступают на личный мобильный пользователя через SMS;
• Уведомления поступают на личный электронный адрес;
• Отказ от получения каких-либо уведомлений от банка.

После изменения всех настроек нужно подтвердить изменения, нажав кнопку «Сохранить». После всего этого вам раскроется форма подтверждения изменений, вам необходимо будет ввести в поле единоразовый sms- пароль.

Как контролировать расходы?

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

Всем привет, друзья! Сегодня будем говорить на техническую тематику. Сама «фишка» не нова, но «открыл» я ее для себя только в прошлом году. Итак, push-уведомления что это такое? Зачем они вообще нужны и есть ли от них толк? Вот на эти вопросы я и постараюсь ответить в своей статье.
Если вы являетесь блогером, то советую вам дочитать статью до конца — я расскажу о том, как вы можете уже сегодня настроить push уведомления для своего блога. Так же поговорим и о том, зачем это необходимо делать. Усаживайтесь поудобнее.

Что такое Push — уведомления?

Push уведомления — это как правило не большие всплывающие сообщения, которые могут появляться на экране вашего устройства (дисплее), сообщая при этом вам разную информацию: новости, уведомления, выход новой статьи и так далее…

Перевод слова «push»

Чтобы еще более подробно понять, что же такое Push уведомления, надо понять, что значит слово «Push» — оно означает «проталкивание, толкать, нажимать».

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

Как бы то ни было, но лично я рассматриваю эту технологию, как некую замену уже порядком устаревшей и не эффективной технологию email рассылки. Можно спорить с этим и говорить, что это «разного поля ягоды», но факт остается фактом — емайл рассылки ушли в прошлое.

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

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

Вот так работают Push уведомления у меня на блоге

А это само окошко в приближении:

Симпатичное окно уведомлений

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

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

А сами понимаете, какой у нас сейчас читатель.

Выполнять какие то действия, заполнять формы — это все здорово понижало эффективность такой формы. Скажу честно, некоторое время PopUp уведомления были настроены и у меня на блоге, в то время, когда я только начинал его развивать. Я писал на эту статью, вот

Выполнены эти уведомления у меня были в формате всплывающего окна снизу, который работал на плагине Optincrusher.

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

Именно этого главного недостатка и лишена технология Push уведомлений.

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

Ну не красота ли?

Поддерживаются push уведомления android и — в этом случае сообщения будет доступны сразу на дисплее телефона. Мобильные push уведомления так же прекрасно работают.

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

Варианты окошек Push уведомлений

А так выглядит окошко, когда я подписан сам на себя))

Пропустить такое уведомление — не реально!

Настройка Push уведомлений: как подключить Push уведомления к сайту и блогу?

Давайте теперь поговорим, как включить push уведомления, точнее говоря — подключить их к вашему сайту или блогу. Лично я осуществил интеграцию и настройку через замечательный сервис SendPulse

Итак, что надо делать?

Регистрируемся на сервисе. Все стандартно и легко. Делаем по шагам.

6. Снова возвращаемся на сайт SendPulse и жмем на кнопку «Перепроверить настройки» — после этого увидим надпись, что код добавлен корректно.

По сути, после этого вы можете проверить проделанную работу, подписавшись на свой блог. Все должно работать.

Кстати, вы так же можете настроить функцию «Авторассылки», которая отлично работает. О том, как это сделать я рассказываю в моей