Здравствуйте, уважаемые читатели!

Эта техническая статья посвящена в первую очередь всем Вам. Чтобы идти в ногу со временем в октябре 2016 года я прикрутил к своему сайту возможность отправки всплывающих уведомлений push-up для браузеров Chrome и Firefox. Для этого перешёл на защищённое https соединение, да воздаст мне трафиком Гугл и Яндекс.

Что такое Push-up уведомления

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

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

Как подписаться на web push сайта сайт

Заходя на мой сайт сразу или через некоторое время в экране Вашего браузера появится вот такое уведомление. Нажмите РАЗРЕШИТЬ

Или такое уведомление (на затемнённом экране)

Вам сразу же придёт подтверждение подписки

Теперь Вам будут приходить такие уведомления как только на моём блоге появится новая статья. Иногда провожу анонсы популярных старых статей — возможно и Вас они заинтересуют.

Три простых способа как отключить Push уведомления

Например, Вам стало неинтересно получать новости с моего сайта и Вы решили отписаться.

Два клика мышкой

Всё просто! Для этого можно по очередному пришедшему уведомлению кликнуть правой кнопкой мыши и нажать ОТКЛЮЧИТЬ ОПОВЕЩЕНИЯ

Два клика мышкой в другом месте

Настройка сайта

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

После чего прокрутите настройки до ОПОВЕЩЕНИЙ и нажмите «Настроить исключения»

После чего УДАЛИТЕ мой сайт из исключений для оповещений

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

Push уведомления на смартфоне

Для отписки от push уведомлений на смарфоне кликните по замочку в адресной строке мобильного браузера. Далее нажмите НАСТРОЙКИ САЙТА

Нажмите ОПОВЕЩЕНИЯ

Нажмите БЛОКИРОВАТЬ

И второй вариант — нажмите ОЧИСТИТЬ И СБРОСИТЬ

Хотите узнавать первыми о новых статьях — подписывайтесь на PUSH-уведомления об обновлениях моего блога. Если вдруг Вам надоест получать от меня сообщения, то в любой момент Вы сможете отписаться.

Сделайте репост закреплённой записи на моей странице ВКонтакте и получите .

Также здесь Вы можете оставить отзыв о моей рассылке, что Вам понравилось, а что нет.

Согласно энциклопедиям, 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.
Однако очевидно, что для работы с ними нужно также использовать еще и внешний сервер — для отправки на эти сервисы удаленных запросов. Учитывая то, что обеспечение легкой жизни разработчиков не является приоритетной задачей ни для одной из компаний-авторов ОС, каждый из вышеперечисленных сервисов функционирует очень по-своему. Для отправки уведомлений на разные платформы нужно соблюсти немало всяческих требований, и для каждой платформы — своих.
Именно поэтому в сети существует много ресурсов, предоставляющих удобный интерфейс для реализации push-уведомлений в приложения и на сайтах своих клиентов.

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

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

Преимущества Push-уведомлений:

• Они работают в любом браузере или операционной системе;
• Каждая мобильная платформа поддерживает Push-уведомления - IOS, Android,Windows и BlackBerry;
• Технология не требует специальных приложений на устройстве;
• Смартфон получает и отображает социальные, медиа или текстовые сообщения, даже когда экран устройства заблокирован;
• Они не попадают в спам-фильтры;
• Пользователь не забудет про них в почтовом ящике;
• Кликабельность в два раза выше, чем у электронной почты.

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

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

Push-уведомления что это и как работает

Приготовьтесь напрячься, так как информация суха и технична. Но без нее невозможно понять принцип действия.

Есть три базовые стороны, которые участвуют в предоставлении Push уведомлений:

• Служба уведомления - OSPNS. Каждая операционная система, в том числе IOS, Android, Windows и BlackBerry, имеет собственную службу.
• Приложение издателя. Интерфейс, который соединяется и взаимодействует с OSPNS по API. Затем издатель сможет предоставить его в виде онлайн-сервиса, приложения в App Store или Market.
• Клиентское приложение. Конкретный интерфейс, установленный на устройстве пользователя. Он принимает входящие уведомления.

Приложение регистрирует событие в службе уведомлений ОС. Служба предоставляет API-доступ к приложению издателя. API - способ для связи приложения с сервисом.

Как это на практике

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

Push уведомления - что это значит для бизнеса:

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

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

Но вернемся к реализации. Чтобы уведомления работали, им потребуется некий интерфейс. Крупные компании разрабатывают собственные службы, а малый бизнес, личные блоги и сайты идут другим путем. Используют онлайн-платформы. Рассмотрим наиболее простую из них - сервис Sendpulse. Установка не потребует никаких навыков -следуйте инструкции.

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

При регистрации система просит номер телефона. Это безопасно - деньги с него не спишут. После регистрации будет предложено добавить новый сайт.

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

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

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

Код вставляется в голый html-шаблон без затруднений - добавление перед закрывающим тегом /head. Оно наглядно показано на первом скрине инструкции.

Интеграция в шаблоны на CMS осложняется для новичка непониманием, куда же вставить код. Разбираемся на примере двух самых популярных движков - Wordpress и Joomla.

Установка в Wordpress

Авторизуйтесь в админ-панели сайта. Затем выберите в левом меню пункт «редактор» или «editor» в зависимости от применяемого языка системы. Откроется доступ к файлам шаблона. Справа выбирается файл header.php. Он присутствует в большинстве тем, именно там расположился тег head, перед которым вставим код. Далее останется только сохранить изменения.

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

Установка в Joomla

Путь установки отличается от предыдущего. Выбираете активный шаблон, открываете вкладку стилей. Здесь выбирается файл index.php. Перед тегом /head вставляем код и сохраняем изменения.

После установки кода вернемся в сервис и проверим корректность. Для этого используется кнопка «перепроверить настройки». Если все правильно, выйдет соответствующее уведомление.

Теперь самое интересное.

Обновите страницу своего сайта - в заданном месте появится уведомление о запросе подписки.

Теперь настройте подробности будущих Push-рассылок:

• заголовок;
• текст;
• ссылка;
• картинка.

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

Важный фактор для сокращения числа отписок - выбор уместного времени для рассылки.

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

Согласно исследованиям, Push-уведомления на 50% эффективнее , чем рассылки электронных писем. Используйте свою власть мудро.

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

Очень важным и интересным моментом является возможность вставки своей иконки в уведомления.

Вот как они выглядят у меня для разных браузеров.

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

Вот какой тип использую я на блоге:

Данные сервисы абсолютно БЕСПЛАТНЫ если подписчиков до 2500. Набирайте новых читателей в 2 клика. Если вы хотите еще больше бесплатных подписчиков, то вам стоит обратиться в сервис на тариф “Оптимальный” - в нем за 1 000 рублей в месяц можно рассылать безлимитное количество сообщений по базе из 20 000 подписчиков с трех сайтов.

С уважением, Галиулин Руслан.