15 апреля Google Chrome выпустил протокол push-уведомлений от сайтов - без необходимости ставить дополнительные приложения или плагины. Основатель сервиса по мобильному маркетингу Jeapie Александр Михайленко написал для ЦП колонку с рассказом о новой технологии, методах использования и преимуществах для владельцев сайтов.

15 апреля 2015 года Google выпустила новую 42-ю версию Chrome, добавив в браузер ряд нововведений, включая предустановку закладок на стартовый экран браузера и поддержку Push API .

Новости, посвященные релизу, не блистали о том, как это устроено и работает. В целом сообщество без энтузиазма отнеслось к очередному обновлению.

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

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

Для тех, кто не любит долго рассматривать картинки - попробовать как это работает «на себе» в 2 шага (подписаться на push и отправить себе уведомление) можно .

Итак, браузерные push-уведомления - это короткие сообщения от сайта пользователям. Они приходят прямо на рабочий стол компьютера (Windows, OS X, Linux) или lockscreen Android-устройства, даже если браузер полностью закрыт. Для подписки и получения рассылок не требуется установка каких-либо дополнительных плагинов либо приложений.

Подчеркну, на iOS это не работает и в ближайшее время скорее всего не заработает. Apple выдала протокол браузерных push-уведомлений еще в 2013 году для Safari в OS X, на iOS он не распространился.

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

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

Уникальным идентификатором пользователя является так называемый токен - шифрованная строка. Токен будет уникальным для каждого устройства, домена и ключа. Это означает, что утечка данных подписчиков технически невозможна, впрочем, как и попытка взять базу из одного собственного проекта и перенести ее на второй. Один и тот же пользователь с одного и того же устройства зайдя и подписавшись, к примеру, на siliconrus.com и tjournal.ru, получит абсолютно разные токены.

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

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

Для установки push на сайт (в виде автоматического диалогового окна) Google требует установки SSL-сертификата и перевода домена на HTTPS-протокол. Напомним, что «корпорация добра» уже пару лет евангелизирует SSL и даже обещала добавки к SEO-рангу за сертификат. Понимая, что большинству небольших сайтов это будет не по силам в краткосрочной перспективе, мы создали у себя систему, которая позволяет и сайтам на http подключиться к рассылкам push. В таком случае окно подписки всплывет при нажатии на специальный виджет.

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

Если говорить о конкретных цифрах: первым нашим пользователем стал стартап Poster . Ребята получили конверсию подписки среди новых посетителей порядка 15% и планируют в ближайшем релизе добавить push-уведомления по API в свою POS-систему. Наш API позволяет создавать полный white-label и включать push как часть своего продукта платформам, поставщикам CRM и решений, агентствам.

В качестве итога могу сказать, что на данный момент можно отлично дополнить функциональность своего сайта или сервиса этой технологией, дать дополнительную ценность пользователям и опередить массовый рынок. Реальность устройства Chrome Push местами сильно отличается от той скудной документации, которую можно найти по этой теме. Мы постараемся восполнить эти пробелы на глобальном рынке, а также написать ряд статей «сделай сам» для рунета.

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

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

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

Push-уведомления что это?

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

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

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

В чём заключаются преимущества пуш-уведомлений по сравнению с другими способами доставки свежей информации? Как управлять таким средством информирования в десктопных браузерах Google Chrome, Mozilla Firefox или в аналогичных им? Рассмотрим ниже эти вопросы.

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

Выгоды реализации push-уведомлений на сайтах для их владельцев, то есть, для вебмастеров очевидны. Дело в том, что немногие средства информирования могут обеспечить 90%-ную доставку сообщений пользователю и почти 50%-ную .

А вот какую пользу получает читатель того или иного сайта?

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

Если в данный момент на прочтение новости у пользователя нет времени, то кликнув на push-уведомление, он может открыть страницу в окне браузера и оставить её до удобного момента. Или отправить в сервис отложенного чтения типа Pocket или Readability.

Одним из недостатков подписки на новости сайтов по E-mail является скопление писем о новых статьях в почтовом ящике пользователя. С пуш-уведомления переполнения в почте не будет.

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

Push-уведомления и RSS-лента

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

Но использование RSS-каналов поставки новостей требует от пользователя самостоятельных действий: ему нужно самому отыскать на каждом сайте кнопку подписки (а у неё нет стандартного расположения) и ввести адрес канала в RSS-ридер. Если такого ридера нет в браузере у пользователя, его ещё нужно отдельно организовать, например, установив расширение, подобрав веб-сервис или прибегнув к использованию соответствующей программы.

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

Настройка push-уведомлений в Google Chrome

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

Пуш-запрос в Гугл Хроме содержит две функциональные кнопки:

1. «Разрешить» для одобрения доставки сообщений (1 на рис. 2) и
2. «Блокировать» для добавления сайта в перечень заблокированных (2 на рис. 2).

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

Есть и третий вариант: нажатие на крестик в окошке запроса позволяет отложить принятие решения (3 на рис. 3). Сайт не будет заблокирован, и через время такой запрос в левом верхнем углу окна Chrome появится снова.

Настройка push-уведомлений в Мозилле

В Mozilla Firefox (и прочих браузерах на базе такого же движка Gecko) форма запроса на поставку web-push обустроена более хитро, чем в Гугл Хроме, а точнее, со склонением пользователя к конкретному выбору.

1. На кнопке «Разрешить уведомления» (1 на рис. 3) сделан акцент цветовой индикацией,
2. а в качестве альтернативы ей противопоставляется кнопка отложенного решения «Не сейчас» (2 на рис. 3).

Кнопка блокировки уведомлений «Никогда не разрешать» (4 на рис. 3) оформлена мельче и скрыта внутри кнопки «Не сейчас» (3 на рис. 3).

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

Отписка от web-push и их блокировка

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

Как в таких случаях отписаться от неактуальных сайтов или вовсе отключить поставку браузером push-уведомлений? И как, наоборот, разблокировать сайты, ошибочно заблокированные при появлении запроса?

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

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

Немного теории

Как PushAll решает проблему

Тестирование

Для теста уведомлений через Push API нужно зайти на сайт PushAll.ru и войти используя аккаунт Google.

Сразу после входа вы попадете в каталог каналов. Сверху справа есть переключатель, включающий новую функцию.

После включения, хром запросит у вас доступ к уведомлениям. После этого надо перейти в раздел профиля и «пингануть» устройство

Отпишите мне в личку, или в комментариях, как работают уведомления. У некоторых были проблемы с работой уведомлений, и мне хотелось бы исправить ситуацию. Также проверьте уведомления на вашем Android смартфоне. Как протестируете, думаю найдете парочку интересных каналов в каталоге.

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

Перспективы

• Зарегистрироваться.
• Войти
• Подписаться
• Включить Push API уведомления в браузере.

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

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

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

• краткие всплывающие сообщения на экране гаджета, напоминающие пользователю о важном событии, обновлении в одном из установленных на смартфон приложений;
• популярный маркетинговый инструмент - именно и значки не только не позволяют пользователю забыть об загруженном на девайс приложении, но и информируют человека о каких-либо новостях, акциях, личных сообщениях и т. д.;
• разновидность технологии, распространяющей информацию от сервера к пользователям;
• конкретно для мобильных устройств - окна с краткой информацией, всплывающие в верхней части экрана на заблокированном дисплее;
• для ПК и ноутбуков (web-push - относительно новое явление) браузерными уведомлениями являются всплывающие окошки на рабочем столе, направленные сайтом, на "пушки" которого пользователь подписался.

Что такое push-уведомления? Этим вопросом широко стали интересоваться после внедрения корпорацией Apple для iOS 3 сервиса передачи пользователю быстрых уведомлений APNS (Apple Push Notification Service). Стоит отметить, что до "Яблока" технология уже была внедрена Google для Android-устройств - практически на год раньше.

Мобильное push-уведомление

Таким образом, для смартфонов от разных корпораций действуют свои определенные сервисы пуш-уведомлений. Кратко коснемся их всех. Как уже говорилось, сервис от "Эпл" называется APNS. Он функционирует также для браузера "Сафари" и OS X. Push-уведомления для iPhone и iPad доступны в следующим многообразии:

• badges - на значке-иконке приложения в меню появляется кружок-символ с количеством новых уведомлений или иной информацией;
• banners - в верхней части экрана или на вспыхивающем дисплее в спящем режиме появляется шторка с какой-либо информацией (обычные баннеры исчезают автоматически, а с предупреждениями следует провести определенные действия);
• audio, audio/banners - о новом событии пользователя оповещает звук-уведомление (можно настроить его появление на пару с баннером).

Самая первая (2008 год) разработка таковых уведомлений от Google для андроидов называлась C2DM (Cloud to Device Messaging). В 2012 году ее сменила GCM (Google Cloud Messaging). Именно она и позволяет появляться push-уведомлению в приложениях от Chrome. В известной своей открытостью ОС Android нет стандартных форм для "пушек" - они, при согласии на это пользователя, появляются такими, какими их запланировали разработчики того или иного приложения - баннер, подобный айфоновскому, строка в верхней части экрана, окошко в выпадающей "шторке" и т. д.

• toast - кликабельный 10-секундный баннер в верхней части экрана;
• live title - значок с числом уведомлений на иконке приложения;
• raw - произвольная информация от определенной (чаще всего игровой) мобильной программы.

Пуш-уведомления в браузере

Отличие таковых push-уведомлений для стационарных ПК и ноутбуков от мобильных одно - сообщения высылаются не от приложения, а от сайта. Ответственны за их отправку сервисы GCM и APNs (от "Гугл" и "Эпл" соответственно).

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

Отключение push-баннеров в iPhone

Чтобы избавиться от всех назойливых "пушек" сразу, необходимо ползунком активировать в "Настройках" режим "Не беспокоить". Однако в этом случае вы не услышите и входящий звонок, и уведомление о СМС. Если вы хотите отключить push-уведомления от какого-либо конкретного приложения, то вам пригодится следующая схема: "Настройки" - "Уведомления" - выбор нужной программы. На "Допуске уведомлений" делаете ползунок неактивным.

Отключение пуш-уведомлений для Android

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

Отключение "пушек" в браузере

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

В Google Chrome это можно сделать так:

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

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

В "Яндекс.Браузере" push-уведомления от "Вконтакте" и "Яндекс.Почты" можно убрать на главной странице "Настроек" в разделе "Уведомления" - "Настроить". Тут нужно просто убрать галочку с "Уведомления включены". Для других сайтов в "Настройках" следует отыскать "Дополнительные настройки", затем "Личные данные" и "Настройку содержимого". В "Уведомлениях" вы можете как отключить все "пушки", так и сделать исключения для некоторых сайтов. В "Сафари" следует зайти в "Настройки" - "Уведомления". Затем найти интересующий сайт и поставить галочку на "Отказать".

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

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

Как включить или отключить веб пуш уведомления в Google Chrome

Перейдите в настройки браузера

Нажмите на значок настроек справа в окне вашего браузера и выберите «Настройки».

Выберите дополнительные настройки

Опуститесь вниз страницы и выберите «Дополнительные настройки».

Выберите Настройки контента

Нажмите «Настройки контента» под разделом «Конфиденциальность и безопасность».

Выберите Оповещения

Нажмите «Оповещения».

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

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

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

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

Push уведомления в SendPulse

Отправка уведомлений в нашем сервисе бесплатная - в любом количестве и навсегда! Если вы уже занимаетесь email маркетингом, используйте push как дополнительный канал доставки сообщений. Например, вы отправили письмо со скидкой к особому дню в канун праздника, а подписчик его не открыл. Отправьте push уведомление в день X и у вас будет больше шансов повысить продажи.

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