Всплывающие окна и уведомления: преимущества и недостатки
С развитием технологий появляется все больше способов взаимодействия веб-сайта с его посетителем. Например, всплывающие окна (их еще иногда называют pop-up окна) и рассылка push-уведомлений. Наверняка, с ними сталкивалось подавляющее большинство пользователей интернета.
Pop-up окна – это всплывающие элементы, отображаемые на странице в разные моменты ее использования. Они могут появиться как при переходе на определенную страницу сайта, так и просто при его прокручивании вниз. Pop-up окошко может содержать разную информацию, от призыва подписаться на e-mail рассылку до анонса какого-либо мероприятия или акции.
Существуют различные виды всплывающих окон, вот некоторые из них:
- Зависящие от времени. Они будут показаны пользователю через определенное количество времени после того, как он зашел на сайт. Желательно показать pop-up спустя минуту визита, чтобы пользователь успел разобраться в сайте и понять, что на нем находится.
- Зависящие от контента. Это значит, что окно будет показываться только на определенной странице, которая по контексту подходит к содержимому уведомления.
- Зависящие от прокрутки. Показ всплывающего окна будет совершен когда пользователь прокрутит сайт до заранее заданного места на странице.
- При выходе со страницы. Окно будет показано если пользователь решит покинуть сайт и начнет вести курсор мыши на кнопку закрытия вкладки или браузера.
- Выезжающие окна. Они не всплывают посередине экрана, а появляются снизу или сбоку экрана. Как правило так отображаются формы обратной связи и заказа звонка.
- Основанные на действиях пользователя. Окно будет показано только при соблюдении определенных условий, например при совершении какого-либо действия на сайте, такого как оформление заявки.
По данным из различных источников, благодаря таким окошкам на сайте гораздо чаще совершаются целевые действия, что несомненно увеличивает эффективность сайта и влияет на прибыль. Но у этого инструмента есть и свои минусы, причем довольно существенные. Pop-up окошки чаще всего появляются внезапно, загораживают остальной контент и визуально отвлекают. Все это, несомненно, сразу же вызывает раздражение.
Раздраженный пользователь вряд ли совершит целевое действие, а эффект от инструмента в таком случае стремится к нулю. Конечно, можно этого избежать продумав принцип работы pop-up уведомлений, время их срабатывания и визуальную составляющую, но это не застрахует от пользователей, которые принципиально закрывают подобные окна и немедленно уходят с сайта. Поэтому при работе с этим инструментом нужно быть очень аккуратным и перед запуском продумывать каждую мелочь.
Push-уведомления, в свою очередь лишены этого недостатка. Принцип работы этого инструмента таков: на сайте пользователю предлагается дать разрешение на получение от него уведомлений. В случае согласия пользователь начнет получать заранее подготовленные сообщения с различным контентом, от анонса скидок и мероприятий до статей и новостей независимо от того, открыт ли у него сайт в момент получения, и нет. Работают такие уведомления посредством браузера.
Push-уведомления поддерживаются большинством современных браузеров и устройств, поэтому у пользователей не возникнет проблем при использовании этого канала.
- Преимущество этого инструмента в том, что перед началом работы пользователь дает согласие на получение контента, поэтому большая часть негативных эмоций от получения таких уведомлений сводится на нет. Нужно лишь емко и кратко составить текст сообщения и добавить красивую картинку, если это необходимо.
- С другой стороны, многие отказываются от подписки на push-уведомления, но в таком случае у пользователя не возникнет негативных эмоций от использования сайта, он откажется и продолжит свои дела на этом веб-ресурсе.
Реализовать на своем сайте push-уведомления можно разными способами:
- Разработка собственного решения под свои нужды. Это самый трудоемкий способ, но он позволит проработать каждую мелочь и максимально индивидуально настроить весь функционал.
- Оформление подписки специализированный сервис. Существует множество сервисов по рассылке push-уведомлений, например SendPulse, Push Expert и другие. У каждой платформы есть свои плюсы и минусы как по функционалу, так и по оплате, но в любом случае такой способ гораздо проще в настройке. Плюс ко всему, во многих сервисах предусмотрена возможность сбора данных и их аналитики, что поможет понять, эффективно ли работают внедренные инструменты.
Какой бы способ вы не выбрали, наша компания всегда готова помочь вам как в настройке вышеописанных инструментов на готовом сайте, так и в создании сайта с нуля с учетом всех ваших нужд и предпочтений!
Как избавиться от надоедливых уведомлений на смартфоне
Сложно представить более раздражающую функцию на смартфоне, чем всплывающие уведомления от сайтов и приложений. Рассказываем, как отключить их на Android-смартфоне быстро и навсегда.
Больше, чем уведомления, раздражает разве что зависающий смартфон. Принесите его нам и приобретите новый гаджет со скидкой — так работает программа
Развернуть
Как отключить уведомления с веб-сайтов
Push-уведомления с сайтов появляются, когда на посещаемых вами страницах публикуют новые статьи. Заблокировать такие оповещения можно через настройки браузера. Покажем, как это делать на примере Google Chrome, самого популярного браузера на Android.
Запустите Chrome и нажмите на выпадающее меню (три точки в правом верхнем углу).

Откройте «Настройки», выберите раздел «Уведомления».

Здесь можно отключить общие оповещения, например о завершённых скачиваниях или предлагаемом контенте. Хотите отключить все уведомления от сайтов — переведите кнопку Show notifications в положение «Выключено». Либо снимите галочки с тех сайтов, с которых точно не хотите получать оповещения.
Push уведомление

Push уведомление — это короткое всплывающее сообщение в приложении или браузере. Его отправляют пользователям, чтобы рассказать об обновлениях, новостях и акциях. Главная цель push уведомления — доставить клиенту релевантную информацию для поддержания вовлеченности.
В этом видео директор по развитию SendPulse Александр Рысь подробно рассказывает о преимуществах и работе web push уведомлений.

Содержание
Преимущества push уведомлений
- Привлекают внимание пользователя
- Увеличивают вовлеченность
- Улучшают коммуникацию с пользователями
- Способствуют конвертации пользователей в клиентов
- Повышают конверсию
- Увеличивают трафик
Давайте рассмотрим несколько факторов, которые делают push уведомления эффективным маркетинговым инструментом для взаимодействия с клиентами по всему миру.
- Привлекают внимание пользователя. Согласно статистике, открываемость push уведомлений достигает 90%. Поэтому, несмотря на высокую конкуренцию, всплывающие сообщения имеют решающее значение с точки зрения привлечения внимания пользователей.
- Увеличивают вовлеченность. Частота подписки на push уведомления на устройствах Android составляет 91%, а на устройствах iOS — 44%, при этом кликабельность сообщений в 7 раз выше, чем у email. Это значит, что push уведомления — эффективный канал для взаимодействия с аудиторией.
- Улучшают коммуникацию с пользователями. С помощью push уведомлений бренды создают точки соприкосновения — микрокоммуникации, которые помогают выстраивать доверительные взаимоотношения.
- Способствуют конвертации пользователей в клиентов. Push уведомления могут помочь на каждом этапе пути покупателя.
- Повышают конверсию. Push уведомления способствуют удержанию существующих пользователей и реактивации неактивных подписчиков, что увеличивает конверсию.
- Увеличивают трафик. Персонализированные и релевантные push уведомления служат подходящим каналом для направления трафика на определенные страницы сайта или в разделы приложения.
Виды push уведомлений
Существует два вида push сообщений: мобильные и браузерные. Давайте подробнее рассмотрим каждый из них.
Мобильные push уведомления
Доступны для пользователей, которые загрузили приложение и подтвердили получение сообщений. Мобильные уведомления (in-app сообщения) помогают вовремя информировать об обновлениях, направлять подписчиков к определенным разделам приложения и предоставлять краткие инструкции. Основными платформами для получения push уведомлений в приложениях являются Android и iOS.
Согласно RubyGarage, мобильные push сообщения увеличивают уровень взаимодействия с приложением на 88% и в три раза повышают показатель удержания клиентов. Кроме того, пользователи, которые выбрали получение push уведомлений, запускают приложение в три раза чаще.
Длина сообщений зависит от мобильной операционной системы. Для iOS также играет роль тип уведомления. Максимальная длина варьируется от 62 символов для промо-сообщений до 235 символов для оповещений. На устройствах Android ограничение составляет около 84 символов в зависимости от размера экрана.
Ниже приведен пример push уведомления от Parla. Это сообщение напоминает пользователю о заданиях по изучению иностранного языка, что мотивирует открыть приложение.

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

Как только пользователь подтвердит свое согласие, компания может на законных основаниях отправлять push сообщения.
Web push уведомления — отличный способ продвижения продуктов и услуг компании во время акций и распродаж. Ниже вы видите одно из таких сообщений от магазина LeBoutique.

Максимальная длина такого сообщения зависит от типа устройства. Для смартфонов ограничение составляет 20-30 символов, для компьютеров — 175 символов (50 символов заголовок и 125 — основной текст).
Крупные бренды с большой аудиторией активно используют рассылку push уведомлений для увеличения дохода. Они создают цепляющие заголовки, добавляют в сообщения фото и используют персонализацию для повышения вовлеченности пользователей.
Как работают push уведомления
Давайте выясним, как работают мобильные и браузерные уведомления.
Как работают мобильные уведомления
Давайте возьмем в качестве примера операционную систему iOS.
Сначала приложение отправляет запрос на ваше устройство. Девайс передает его службе push уведомлений Apple (APNS), которая в ответ отсылает токен устройства. Девайс перенаправляет токен в приложение, которое перемещает его в Backend. После этого токен устройства передается обратно APNS вместе с самим уведомлением. Только после этого сообщение достигает девайса и пользователь может его увидеть.
Схема ниже наглядно отображает, как мобильные push уведомления работают на устройствах iOS.

Как работают web push уведомления
Уведомления браузера работают по-другому. Каждый браузер, такой как Chrome, Firefox или Yandex, имеет свою службу push уведомлений, поэтому способы их доставки могут отличаться.
Сервер приложения отправляет сообщение сервису push уведомлений, который передает его User Agent — браузеру. Затем User Agent расшифровывает полученные данные и активирует Service Worker, чтобы передать событие push. После этого Service Worker отображает сообщение.
Посмотрите схему ниже, чтобы лучше понять, как работают web push уведомления.

Push уведомления в SendPulse
- Добавьте свой сайт
- Добавьте сгенерированный код на сайт
- Соберите подписчиков и отслеживайте статистику
- Отправляйте web push кампании
Чтобы настроить отправку web push уведомлений в SendPulse, необходимо выполнить всего несколько шагов:
- Добавьте свой сайт. Вставьте ссылку сайта и выполните общие настройки: выберите изображение, установите действие, которое должно стать триггером для запроса на подписку.
- Добавьте сгенерированный код на сайт. Скопируйте и вставьте строку кода в шаблон вашего сайта перед закрывающимся тегом.
- Соберите подписчиков и отслеживайте статистику. Все данные о результативности push уведомлений отображаются в личном кабинете SendPulse во вкладке «Статистика».
- Отправляйте web push кампании. Выберите список получателей, напишите заголовок и основной текст, добавьте ссылку.
Подробнее о том, как настроить рассылку push уведомлений, читайте в базе знаний.
SendPulse позволяет сегментировать список подписчиков, персонализировать заголовок и основной текст, добавлять большое изображение, делать предпросмотр сообщения и планировать отправку web push уведомлений на определенное время.
Браузерные (web) push-уведомления
Они приходят в браузер с сайта, на котором подписан пользователь. Они могут приходить как на компьютер, так и на андроид-устройство в браузер хром, но iOS устройства не могут принимать веб-пуши ни при каких обстоятельствах.

Вот так выглядят уведомления разных типов в браузере Chrome
Первое оповещение сделано через стандартный Notification API, второе сделано через Push API. Эти оповещения не исчезают — но для них не применяется сглаживание изображения на многих платформах. (вы можете заметить по качеству картинок)
Третий пуш сделан через Rich Notification. Эти оповещения приходят через расширения, в них может быть дополнительная информация, кнопки, изображение под уведомлением. Возможностей больше — но они автоматически скрываются, хотя возможно в будущем будет доступно из «закрепление».
Это оповещения в хроме, но есть еще оповещения в Firefox и Safari.
Firefox
Safari
Эти виды оповещений предоставляют многие сервисы web push уведомлений. Однако мы хотим объяснить вам, что сама по себе отправка оповещений бесплатна. Эти оповещения отправляются через:
GCM: Google, полностью бесплатно, нужно лишь создать ключ в консоли разработчика
APNS: Apple, требуется любой знакомый разработчик с сертификатом, либо за 100$ в год можно взять его самому
MSP: Mozilla Push Service, полностью бесплатно. Даже не нужна регистрация. Открытый стандарт.
Мы предостерегаем вас, не нужно платить несколько тысяч рублей за количество оповещений или подписчиков. Так как сама услуга рассылок бесплатна (в отличии например от SMS, где нужно платить оператору) брать деньги можно только за услуги посредника, удобство, статистику и т.д. Но это никак не стоит несколько тысяч рублей, тем более с ростом числа подписчиков. Да нагрузка от миллиона оповещений в час будет значительна — за такие цифры можно платить деньги, т.к. ваш сервер может не потянуть. Но поверьте — отправлять даже 100 тысяч оповещений в сутки это ерунда. Через GCM можно за секунду отправить более 5-7 тысяч пушей 5-7 пакетами. Многие сервисы веб-пушей требуют за это по 1000 рублей в месяц или даже больше. За 1 секунду работы небольшого скрипта.
PushAll поддерживает все эти типы оповещений и позволяет делать рассылки абсолютно бесплатно и без ограничений.
Мобильные push-уведомления
Это оповещения, которые приходят вам на мобильный телефон от различных приложений.
Например оповещения на Android, через приложение PushAll выглядит вот так
А вот так на iOS в нашем приложении
Вы не сможете прикрутить эти оповещения «нативно» на свой сайт. Существует возможность принимать браузерные оповещения на андроиде через хром, но эти оповещения очень громозки и некачественны, разницу можно оценить на примере ниже:

Сравнение оповещений
Вы можете например отправить оповещение через телеграм (1), но тогда у вас не будет иконки вашего сайта, а при клике пользователь будет попадать в диалог, а не сразу на ваш ресурс. (2) Это как раз браузерное оповещение на Android, на этом скриншоте не так заметно, но изображение более низкого качества, лишняя кнопка с настройками, и строка с адресом сайта. Плюс ко всему из за обновления контента может появляться лишнее оповещение (4). Нативное решение через приложение (3) является наиболее привлекательным для пользователя решением.
Push-уведомления на смарт-часах Moto 360:
Наиболее заметна разница на смарт-часах. Сверху веб-оповещение, снизу оповещение через приложение
Также уведомления на Android в последней версии нашего приложения умеют группироваться по каналам:
Группировка уведомлений на Android
История внутри приложения для Android
История внутри приложения для iOS
Экзотические оповещения

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

Письма приходят в стилистике оповещений
Какие виды оповещений наиболее популярны?
- 11936 35% — Android приложение
- 6992 22% — Chrome дополнение
- 6204 18% — WebPush
- 3514 11% — Telegram
- 2688 8% — Email
- 1465 4% — SocketPush
- 227 1% — iOS
- 188 1% — Safari
По итогам мы хотим донести до своих читателей, что реализация веб-пушей на вашем сайте покроет лишь 18% потребностей вашей аудитории, вы теряете мобильных пользователей, теряете тех, у кого был плохой опыт с веб-пушами и многое другое.
Также интересна высокая доля Email и SocketPush. Для пользователя это наиболее безопасный метод, когда он может открыть сайт и получать с сервисов оповещения, а потом закрыть его и они перестанут ему мешать. При этом нужно понимать, что тут работает тот же принцип, что и в других Push-уведомлениях — когда пользователь появляется онлайн — все пропущенные оповещения приходят. Почему-то многие сервисы web push уведомления преподносят эту функцию как инновацию, но это уже заложено в протоколы GCM и APNS.
- 467 50% — Android приложение
- 202 20% — WebPush
- 107 12% — Chrome дополнение
- 72 8% — iOS
- 64 6% — Telegram
- 38 4% — Email
- 3 около 0% — Safari
- 1 около 0% — SocketPush
Если мне все таки нужны чистые web push уведомления на своем сайте?
Начнем с того, что вам понадобится:
1. SSL-сертификат. Его можно получить бесплатно, но основная его проблема не в том, что его можно купить или получить. Основная проблема в нагрузке. Дело в том, что при осуществлении зашифрованного соединения расходуется очень много ресурсов сервера. Это значит, что если у вас сервер справлялся с нагрузкой без SSL, но был нагружен на 50%, скорее всего вам придется купить еще 2-3 сервера, либо провести очень большую оптимизацию. Также в моменты рассылок, вам нужно будет отдавать контент (заголовок и текст) оповещения всем пользователям, которые его примут. То есть если у вас 100 тысяч подписчиков, то к вам на сервер за 10 секунд придет несколько тысяч запросов и все они будут требовать SSL Handshake.
2. Контроль устройств и база данных. Вам нужно будет записывать каждого пользователя и его ключ, следить, чтобы он был новым (он иногда обновляется) отбрасывать старые данные, самим собирать статистику и т.д.
3. Ключ для GCM в консоли Google — это бесплатно. Чтобы отправлять оповещения на Safari нужен аккаунт разработчика — он стоит 100$ в год.
Неумелое использование оповещений, особенно если вы будете вызывать окно запроса сразу как пользователь заходит на сайт может привести к плачевным последствиям

Пользователи iGuides «очень рады» оповещениям
Дело в том, что многие пользователи активируют оповещения, не понимая что это такое. Фактически, если пользователь не подтвердил своё желание получать от вас рассылки (в здравом уме), а вы присылаете ему контент, то по закону это является спамом. То есть, любой пользователь, который нечаянно кликнет «Разрешить» на вашем сайте, а вы его у себя на сайте не предупредите о том, что вы будете ему рассылать оповещения, может подать на вас в суд за спам.
Вы можете сами реализовать оповещения, Meduza написали неплохую статью по этому поводу и мы не будем её тут полностью переписывать (только если потом, подробно сами инструкции с кодом)
А есть готовые решения для браузерных оповещений?
Если вы сами не можете реализовать оповещения, но вам нужны именно браузерные уведомления на вашем сайте — вы можете попробовать например OneSignal. Они предоставляют неплохие оповещения, причем бесплатных тарифных планов должно хватить.
Ни в коем случае не используйте сервисы, которые просят с вас деньги за число подписчиков. Дело в том, что со временем все больше и больше пользователей будут запрещать эти оповещения на вашем сайте. Вы обнаружите, что некоторая доля ваших оповещений не доходит. Сначала это будет 30%, потом 40% и может дойти даже до 80%. При этом с вас будут требовать сумму за полное число подписчиков.
Также обращайте внимание на мелкий текст — некоторые сервисы ограничивают оповещения. Например ограничение в 30 оповещений в месяц каждому пользователю. Что это значит? Это значит, что вы сможете отправить 1 оповещений в сутки всем пользователям. Если у вас статьи на сайте, это еще не так плохо — можно выделить одну важную и отправить. Если же вам нужно рассылать личные сообщения и иногда больше 1го оповещения в сутки — это недопустимо. Такие сервисы будут требовать с вас за каждые 30 оповещений полную ежемесячную плату — за бесплатные оповещения.
Итоги
Push-уведомления это полезный инструмент, но с ним надо уметь работать и знать подводные камни. Этот рынок сейчас только развивается, появляются сервисы, которые требуют деньги «за новизну». Но на самом деле во всем цивилизованном мире уведомлениями давно пользуются, и там они уже по большей мере бесплатные. Также нужно учитывать интересы пользователей и не ограничивать их в выборе методов приёма оповещений.
Мы предоставили вам весомые доказательства того, что оповещения используются на множестве платформ и пользователям нравится такой подход. А если рады пользователи, то оповещения будут восприниматься с позитивной стороны. Пользователи будут получать от вас самую полезную информацию в удобном для них виде, что позволит расширить активную аудиторию вашего ресурса.
Спасибо за прочтение статьи! Поделитесь ею в социальных сетях, чтобы больше людей узнали о push-уведомлениях.