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 (наприклад, ), пропонує користувачеві абсолютно відкритий форматпідписки, який вимагає від нього зробити будь-який вибір.

Пуш-запит в Google Chrome містить дві функціональні кнопки:

1. «Дозволити» для схвалення доставки повідомлень (1 на мал. 2) та
2. "Блокувати" для додавання сайту до переліку заблокованих (2 на рис. 2).

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

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

Налаштування push-повідомлень у Мозіллі

У Mozilla Firefox (та інших браузерах на базі того ж движка Gecko) форма запиту на поставку web-push оснащена більш хитро, ніж у Google Chrome, а точніше, зі відміною користувача до конкретного вибору.

1. На кнопці «Дозволити повідомлення» (1 на мал. 3) зроблено акцент колірною індикацією,
2. а як альтернатива їй протиставляється кнопка відкладеного рішення «Не зараз» (2 на рис. 3).

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

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

Відписка від 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-банерів у iPhone

Щоб позбавитися всіх настирливих "гармат" відразу, необхідно повзунком активувати в "Налаштуваннях" режим "Не турбувати". Однак у цьому випадку ви не почуєте і вхідний дзвінок, та повідомлення про СМС. Якщо ви хочете відключити push-сповіщення від будь-якої конкретної програми, то вам знадобиться наступна схема: "Налаштування" - "Сповіщення" - вибір потрібної програми. На "Допуску повідомлень" робить повзунок неактивним.

Відключення пуш-повідомлень для Android

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

Відключення "гармат" у браузері

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

У Google Chrome це можна зробити так:

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

Інший варіант – натиснути правою кнопкоюмиші на повідомлення, що прийшло вам, і вибрати пункт "Вимкнути оповіщення від..."

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

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

Push повідомлення з'являються у вікні браузера навіть якщо в момент їхнього відправлення ви були офлайн. Це відмінний маркетинговий інструмент для просування товарів та послуг вашого бізнесу. Незважаючи на це, вони можуть дратувати користувачів, якщо супроводжуються звуковим повідомленням. Про те, як їх вимкнути, читайте далі.

Як увімкнути або вимкнути веб-пуш-повідомлення в Google Chrome

Перейдіть до настройок браузера

Натисніть на піктограму налаштувань праворуч у вікні вашого браузера та виберіть "Параметри".

Виберіть додаткові установки

Опустіться вниз сторінки та виберіть «Додаткові налаштування».

Виберіть Установки контенту

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

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

Натисніть Оповіщення.

Тут ви можете додати сайти, оповіщення яких бажаєте отримувати або заблокувати сайти, чиї оповіщення вас не цікавлять.

Також, можете зробити так, щоб вам надходив запит на дозвіл надсилання повідомлень.

Використовуйте push повідомлення, щоб сповістити клієнтів про товари, які знову в наявності, розпродажі та останні публікації на вашому блозі.

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

Push повідомлення у SendPulse

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

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