Всплывающие окна и уведомления: преимущества и недостатки
С развитием технологий появляется все больше способов взаимодействия веб-сайта с его посетителем. Например, всплывающие окна (их еще иногда называют pop-up окна) и рассылка push-уведомлений. Наверняка, с ними сталкивалось подавляющее большинство пользователей интернета.
Pop-up окна – это всплывающие элементы, отображаемые на странице в разные моменты ее использования. Они могут появиться как при переходе на определенную страницу сайта, так и просто при его прокручивании вниз. Pop-up окошко может содержать разную информацию, от призыва подписаться на e-mail рассылку до анонса какого-либо мероприятия или акции.
Существуют различные виды всплывающих окон, вот некоторые из них:
- Зависящие от времени. Они будут показаны пользователю через определенное количество времени после того, как он зашел на сайт. Желательно показать pop-up спустя минуту визита, чтобы пользователь успел разобраться в сайте и понять, что на нем находится.
- Зависящие от контента. Это значит, что окно будет показываться только на определенной странице, которая по контексту подходит к содержимому уведомления.
- Зависящие от прокрутки. Показ всплывающего окна будет совершен когда пользователь прокрутит сайт до заранее заданного места на странице.
- При выходе со страницы. Окно будет показано если пользователь решит покинуть сайт и начнет вести курсор мыши на кнопку закрытия вкладки или браузера.
- Выезжающие окна. Они не всплывают посередине экрана, а появляются снизу или сбоку экрана. Как правило так отображаются формы обратной связи и заказа звонка.
- Основанные на действиях пользователя. Окно будет показано только при соблюдении определенных условий, например при совершении какого-либо действия на сайте, такого как оформление заявки.
По данным из различных источников, благодаря таким окошкам на сайте гораздо чаще совершаются целевые действия, что несомненно увеличивает эффективность сайта и влияет на прибыль. Но у этого инструмента есть и свои минусы, причем довольно существенные. Pop-up окошки чаще всего появляются внезапно, загораживают остальной контент и визуально отвлекают. Все это, несомненно, сразу же вызывает раздражение.
Раздраженный пользователь вряд ли совершит целевое действие, а эффект от инструмента в таком случае стремится к нулю. Конечно, можно этого избежать продумав принцип работы pop-up уведомлений, время их срабатывания и визуальную составляющую, но это не застрахует от пользователей, которые принципиально закрывают подобные окна и немедленно уходят с сайта. Поэтому при работе с этим инструментом нужно быть очень аккуратным и перед запуском продумывать каждую мелочь.
Push-уведомления, в свою очередь лишены этого недостатка. Принцип работы этого инструмента таков: на сайте пользователю предлагается дать разрешение на получение от него уведомлений. В случае согласия пользователь начнет получать заранее подготовленные сообщения с различным контентом, от анонса скидок и мероприятий до статей и новостей независимо от того, открыт ли у него сайт в момент получения, и нет. Работают такие уведомления посредством браузера.
Push-уведомления поддерживаются большинством современных браузеров и устройств, поэтому у пользователей не возникнет проблем при использовании этого канала.
- Преимущество этого инструмента в том, что перед началом работы пользователь дает согласие на получение контента, поэтому большая часть негативных эмоций от получения таких уведомлений сводится на нет. Нужно лишь емко и кратко составить текст сообщения и добавить красивую картинку, если это необходимо.
- С другой стороны, многие отказываются от подписки на push-уведомления, но в таком случае у пользователя не возникнет негативных эмоций от использования сайта, он откажется и продолжит свои дела на этом веб-ресурсе.
Реализовать на своем сайте push-уведомления можно разными способами:
- Разработка собственного решения под свои нужды. Это самый трудоемкий способ, но он позволит проработать каждую мелочь и максимально индивидуально настроить весь функционал.
- Оформление подписки специализированный сервис. Существует множество сервисов по рассылке push-уведомлений, например SendPulse, Push Expert и другие. У каждой платформы есть свои плюсы и минусы как по функционалу, так и по оплате, но в любом случае такой способ гораздо проще в настройке. Плюс ко всему, во многих сервисах предусмотрена возможность сбора данных и их аналитики, что поможет понять, эффективно ли работают внедренные инструменты.
Какой бы способ вы не выбрали, наша компания всегда готова помочь вам как в настройке вышеописанных инструментов на готовом сайте, так и в создании сайта с нуля с учетом всех ваших нужд и предпочтений!
Браузерные (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-уведомлениях.
Как избавиться от надоедливых уведомлений на смартфоне
Сложно представить более раздражающую функцию на смартфоне, чем всплывающие уведомления от сайтов и приложений. Рассказываем, как отключить их на Android-смартфоне быстро и навсегда.
Больше, чем уведомления, раздражает разве что зависающий смартфон. Принесите его нам и приобретите новый гаджет со скидкой — так работает программа
Развернуть
Как отключить уведомления с веб-сайтов
Push-уведомления с сайтов появляются, когда на посещаемых вами страницах публикуют новые статьи. Заблокировать такие оповещения можно через настройки браузера. Покажем, как это делать на примере Google Chrome, самого популярного браузера на Android.
Запустите Chrome и нажмите на выпадающее меню (три точки в правом верхнем углу).
Откройте «Настройки», выберите раздел «Уведомления».
Здесь можно отключить общие оповещения, например о завершённых скачиваниях или предлагаемом контенте. Хотите отключить все уведомления от сайтов — переведите кнопку Show notifications в положение «Выключено». Либо снимите галочки с тех сайтов, с которых точно не хотите получать оповещения.
Всплывающие окна и разрешения
Для показа визуальных предупреждений, а также плавающего спидометра, приложение использует всплывающие окна. Данная возможность Андроид требует специального разрешения, обычно оно называется «разрешить наложение поверх других окон». При самом первом запуске приложение запрашивает это разрешение.
Установлено ли это разрешение или нет, вы можете быстро проверить прямо в приложении и при необходимости установить. Для выберите команду «Быстрый тест» в меню приложения (3 точки в правом верхнем углу).
Если тест прошел удачно и разрешение предоставлено, появится всплывающее окно.
В случае неудачного прохождения теста, внизу экрана появится снэкбар с сообщением и кнопкой «Разрешить». Нажжмите эту кнопку.
Включите переключатель, разрешение на всплывающие окна будет предоставлено.