Web push уведомления что это

Web push руководство: как добавить вебпуши в свою digital-стратегию и поднять отдачу от канала

Показываем, как работают вебпуши, какие задачи решают, в чем их отличие от других инструментов. Разбираем способы улучшить результаты web push.

Для чего используют вебпуши

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

Как работают вебпуши

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

Так выглядит вебпуш-уведомление в браузере Chrome

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

Что нужно запомнить о принципе работы веб-пушей

✅ Веб-пуши по-разному отображаются на разных операционных системах и в разных браузерах — это нужно учитывать при их создании. Например, большой баннер, как в примере выше, будет отображаться в Chrome на ОС Windows, но не будет на MacOS. Поэтому в сервисах, с помощью которых можно отправлять веб-пуш уведомления, обычно есть режим предпросмотра.

✅ Веб-пуши отображаются поверх всех окон. Даже если пользователь свернул или закрыл браузер или открыл другое приложение поверх него — он увидит ваше сообщение.

✅ Пользователь не может пожаловаться на спам, но может запретить отправку уведомлений. Если он так сделает, вы уже не сможете «вернуть» пользователя, пока он не разблокирует вас вручную.

✅ Базу контактов нельзя импортировать, как это можно сделать, например, с email или СМС. Ваши подписчики — только те, кто разрешил присылать ему вебпуши, пока был на вашем сайте.

✅ Уведомления можно доставлять как на компьютеры, так и на мобильные устройства.

Чем веб-пуши отличаются от мобильных пушей?

Мобильные пуши отправляются приложением, которое установлено на смартфоне или планшете. Мобильные пуши могут вести только внутрь приложения, веб-пуши — на любой адрес.

Чем веб-пуши отличаются от всплывающих окон?

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

Преимущества вебпушей

Вебпуши обычно используют как дополнительный канал к email — из-за скорости их доставки. Кроме этого у него есть и другие плюсы:

Высокий CTR. Статистика показывает, что кликабельность веб-пушей в 4 раза выше, чем у электронных писем: на 8,5% выше 2,4% CTR email. Здесь также играет роль персонализация. Если человек чувствует, что вы обращаетесь именно к нему, он с большей вероятностью нажмет на всплывашку.

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

Текстово-графический формат. В отличие от СМС, вы можете добавить к сообщению баннер, изображение магазина и кнопки — что повышает его видимость.

Как создать веб-пуш уведомление

Показываем на примере создания вебпуша в сервисе REES46.

Web push уведомления

header image

Web push уведомления (англ. web push notifications) — это оповещения, которые всплывают в окне браузера пользователя. Они позволяют привлечь больше клиентов, повысить конверсии и продажи для онлайн-бизнеса. После регистрации в SendPulse отправляйте неограниченное количество push уведомлений бесплатно, если у вашего сайта до 10 000 подписчиков.

В этом вебинаре Александр Рысь, директор по развитию SendPulse, рассказал о преимуществах и недостатках web push уведомлений как канала коммуникации, поделился эффективными схемами сочетания с email и SMS, лучшими примерами и кейсами. Вдохновляйтесь!

Содержание

Web push уведомления — это мощный маркетинговый инструмент. Поэтому, его активно используют в сфере интернет-бизнеса. E-commerce компании отправляют со своих сайтов push уведомления тем пользователям, которые согласились их получать. Маркетинговые агентства и push сервисы предоставляют брендам профессиональные инструменты для повышения вовлеченности и стимулирования продаж. В SendPulse вы можете отправлять push кампании, а также комбинировать их с email рассылками и SMS для повышения эффективности.

Настройка web push уведомлений в Sendpulse занимает не более 2 минут.

Подписка на push уведомления

6 причин использовать push уведомления

Имеют высокий показатель кликабельности. Web push кампании имеют высокий CTR, так как привлекают внимание пользователей на любом сайте.
Предоставляют возможность офлайн рассылки. Если подписчики были не в сети, когда вы отправили push кампанию, они все равно увидят ее, как только подключатся к интернету.
Поддерживаются всеми популярными браузерами. Google Chrome, Firefox, Opera и даже смартфоны поддерживают получение push уведомлений.
Исключают спам. Push уведомления исключают отправку спама, так как пользователям не нужно предоставлять личную информацию. Сразу после подтверждения запроса на подписку посетителю присваивается идентификатор, который позволяет отправлять push сообщения.
Увеличивают вовлеченность, лояльность и продажи. Использование push уведомлений позволяет информировать клиентов о статусе заказов, о свежем контенте в блоге, о последних обновлениях и распродажах.
Абсолютно бесплатны в SendPulse при условии, если у вашего сайта до 10 000 подписчиков.

Как работают push уведомления

Просто добавьте строку кода, сгенерированную сервисом, на сайт.

Код для вставки на сайт

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

Запрос на подписку

Больше о push уведомлениях читайте в нашем блоге

Как отправлять push уведомления и не попасть в немилость браузеров и поисковиков

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

Изменения тарифных планов web push в SendPulse

О новых тарифах — сроках и схеме перехода, возможностях web push сервиса SendPulse и о том, как сэкономить деньги за первый месяц действия новых тарифов.

Как монетизировать сайт c помощью web push в SendPulse

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

Блокировка запросов на push уведомления в браузерах вступает в силу: что это значит и что с этим делать

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

Push-уведомления по-новому в Chrome — что это значит для маркетолога

Как теперь будут выглядеть и работать push-уведомления в Google Chrome — что с этим делать маркетологу и пользователю.

Push уведомления: толкаем продажи на новый уровень

Мы расскажем, как настроить push уведомления на своем сайте или в блоге и на какие преимущества обратить внимание.

Как создать push уведомление

В SendPulse вы можете создавать push уведомления без специальных навыков. Следуйте следующим 5 шагам:

Зарегистрируйтесь в SendPulse
Добавьте сайт для отправки push кампаний
Вставьте строку кода для push уведомлений на свой сайт
Отслеживайте действия новых подписчиков
Отправляйте им push кампании

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

Как отключить push уведомления

Нерелевантные push уведомления, которые сопровождаются звуковыми оповещениями, могут отвлекать и раздражать. Отключить такие сообщения прямо на сайте невозможно. Для их блокировки зайдите в настройки вашего браузера. Узнайте, как отключить push уведомления в Google Chrome и Mozilla Firefox, в наших пошаговых руководствах.

API для push уведомлений

Хотите автоматически отправлять push уведомления своим клиентам из текущей CRM или CMS системы? Воспользуйтесь REST API! Более подробную информацию вы найдете в нашей документации API для push уведомлений.

Примеры push уведомлений

Ниже вы видите пример web push сообщения о выгодном предложении.

Push уведомление от МистерАм

А вот push уведомление от новостного сайта AIN.

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

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

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

Надеемся, эти примеры смогли вас вдохновить. Приступайте к созданию push уведомлений прямо сейчас. С профессиональными инструментами SendPulse запустить web push кампанию проще простого.

Ресурсы

В статье «Push уведомления: толкаем продажи на новый уровень» на нашем блоге описываем преимущества этого канала коммуникации, рассказываем, какому бизнесу они подходят, и показываем, как их настроить для своего сайта.
В этой статье вы узнаете, как отправлять push уведомления и не попасть в немилость браузеров и поисковиков.

FAQ

�� Могу ли я отправлять web push уведомления с помощью SendPulse?

Да. Зарегистрируйтесь в SendPulse, создайте релевантное сообщение, добавьте кнопку CTA и цепляющее изображение. Более подробную информацию читайте в этой статье.

�� Почему мне стоит отправлять web push уведомления?

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

�� Как собрать подписчиков web push уведомлений?

Зарегистрируйтесь в SendPulse и создайте виджет подписки для сбора подписчиков. Следуйте этому пошаговому руководству, чтобы получать разрешения пользователей на отправку web push уведомлений.

�� Сколько стоят web push уведомления?

Зарегистрируйтесь в SendPulse и бесплатно отправляйте неограниченное количество push уведомлений 10 000 подписчиков. Если вы работаете с более широкой аудиторией, посетите нашу страницу цен и выберите подходящий тарифный план в зависимости от количества ваших подписчиков.

Что такое вебпуши: возможности и механики в канале Web Push

Как работают Web Push рассылки, для каких целей подходят лучше всего, в чем плюсы и минусы. Покажем примеры механик, где можно использовать вебпуши, какие есть возможности по настройке рассылок. Подробная статья от product owner’a Валентина Шабанова.

Web push рассылка — что это?
Плюсы и минусы вебпушей
Для каких целей подходят вебпуш-рассылки
Как сделать хороший web push
Особенности web push в Mindbox
Примеры лучших механик web push
Как технически работают web push
Автоблокировка окон подписки на web push

Web push рассылка — что это?

Вебпуш (web push) — небольшое всплывающее сообщение от вашего сайта. Показывается поверх других окон и содержит текст, картинку и кнопки. Клиент может увидеть web push как на компьютере, так и на телефоне с ОС Android — уведомление везде будет выглядеть по-разному:

Вебпуш-сообщение в браузере Chrome

Вебпуш-сообщение в браузере Yandex

Вебпуш-сообщение в браузере Firefox

Вебпуш-сообщение на MacOS в браузере Chrome

Вебпуш-сообщение на телефоне с ОС Android, в браузере Chrome

Плюсы и минусы вебпушей

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

Закрыл сайт и перешел на другой — вебпуш всё равно пришел

Пользователь закрыл ваш сайт, перешел на другой — но вебпуш все равно пришел

Открыто другое приложение — вебпуш открылся поверх него

Для подписки достаточно нажать 1 кнопку, не нужно оставлять контактные данные

Короткое время для коммуникации — скроются через несколько секунд или клиент их быстро закроет.
Большой процент недоставок: если клиент долгое время не заходит на сайт, его пуш-токен (идентификатор) устаревает. Web push не будет доставляться такому клиенту, пока он снова не зайдет на сайт.
В последних версиях Chrome и Firefox добавлена блокировка всплывающих окон push-подписки.

Вывод: вебпуши — про мгновенное взаимодействие с клиентом. На несколько секунд вы получаете его полное внимание, но главная сложность — сделать это правильно и убедить его кликнуть на пуш. Как это сделать — расскажем далее.

Для каких целей подходят вебпуш-рассылки

Быстро набрать базу

Для подписки на web push не нужно вводить почту или телефон, достаточно сделать один клик. Так как окно подписки показывается всем посетителям сайта, вы быстро получаете новых подписчиков, с которыми можно взаимодействовать. Если у вас в базе пока не так много клиентов, web push — хороший способ это исправить.

Напомнить о продукте, событии, акции

Web push открывается мгновенно и показывается поверх других окон. Это позволяет перехватить внимание клиента и завлечь его на сайт. Посмотрите, как это делает «Медуза»:

Вебпуш привлекает внимание: сложно не кликнуть!

Довести покупку до конца

Если клиент добавил товар в корзину и ушел с сайта — самое время вернуть его с помощью web push. С помощью вебпушей можно делать стандартные «брошенные» механики: брошенные просмотр, корзина, избранное, поиск. Также в вебпуше можно рассказать про появление скидки на товар в корзине или о появлении товара в наличии.

Получить новые контакты клиентов

База подписчиков web push обычно растет быстрее, чем база email-подписчиков. Чтобы получить больше других контактов от клиентов можно мотивировать webpush-подписчиков оставить свою почту или телефон. Таким образом, поток подписчиков на web push конвертируется в клиентов с email или телефоном.

Как сделать хороший web push

Нужно помнить, что web push сразу отобразится у вашего клиента, но будет скрыт уже через несколько секунд. Поэтому, вот наши 3 правила хорошего вебпуша: он должен быть персональным, полезным и информативным.

Персональный. Никому не интересен абстрактный web push про «новые скидки». Обратитесь к вашему клиенту по имени. Предложите в web push скидку на товары, которыми он интересовался или добавлял в корзину. Чуть ниже приведем примеры таких механик в Mindbox.

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

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

Особенности web push в Mindbox

Персонализация и единый профиль клиента

Персонализация: подставляйте в web push имя клиента, данные о его заказе, информацию о товаре, который он добавил в корзину (название, фото, цена, размер скидки и так далее).

Сегментация: выделяйте сегменты среди ваших клиентов и отправляйте пуши точно под их интересы. Например, вы можете выделить сегменты «Недавно зарегистрированные», «Постоянные покупатели», «Подписчики распродаж», «‎Отток».

Автоматическая склейка данных клиентов: Mindbox — CDP (Customer Data Platform). Автоматически склеивает данные клиентов в единый профиль, чтобы вы не отправили рассылку одному клиенту дважды. Если клиент перешел из email-рассылки на сайт, мы свяжем его email-контакт и вебпуш-токен в единый профиль, и вы сможете строить каскадные механики.

Отправка на активное устройство клиента. Мы отправляем пуш только на то устройство, которым активно пользуется клиент.

Настройки отправки

Триггерные web push. Кроме массовых, в Mindbox вы можете настроить триггерные вебпуши, которые отправляются после определенного события: регистрации клиента, добавления товара в корзину, снижения цены на товар, оформления заказа и так далее. Также можно настраивать триггерные пуши по условиям — например, реактивационные серии для тех, кто давно не совершал покупку.

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

Настройка срока жизни пуша. Если акция работает до воскресенья, пуш не будет показываться клиентам в понедельник.

Ограничение скорости отправки. Настройка скорости при отправке массовых вебпушей позволит показывать пуш ограниченному количеству клиентов в час. Например, чтобы не перегружать ваш колл-центр или сайт.

Работа с контентом

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

Легкая обрезка картинок: обрезать картинку идеально под размеры браузера можно в пару кликов прямо в интерфейсе.

Что такое WEB-PUSH?

Web Push Уведомления – это короткие сообщения, всплывающие на экране мобильного устройства или компьютера.

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

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

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

Запрос на разрешение отправки пушей

И вот так уведомление будет выглядеть на десктопе

Пример пуш-уведомления

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

Пуш-уведомления – сравнительно новый канал коммуникации. Первый сервис для отправки таких сообщений – Apple Push Notification Service (APNs) – появился в июне 2009.

В следующем году состоялся релиз Google Cloud to Device Messaging.

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

Схема доставки пуш уведомлений

В дальнейшем функционал этих сервисов расширялся и углублялся. Уже в мае 2013 Google предоставил возможность дополнять сообщения изображениями и CTA кнопками.

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

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

Зачем нужны пуш уведомления?

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

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

Чем вам полезны web push уведомления как отправителю?

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

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

В частности, этот инструмент эффективен для решения следующих задач:

продвижение продукции;
Cross-sell и Up-sell;
улучшение имиджа компании;
перевод клиентов из одной категории в другую;
моментальная отправка транзакционных уведомлений;
привлечение внимания пользователей к другим каналам коммуникации, например, соцсетям.

Стратегия использования Push-уведомлений

Чтобы пуши хорошо выполняли свою роль эффективного канала коммуникации, они должны быть полезны получателю. Ценность в данном случае означает, что информация в уведомлении должна быть релевантной, актуальной и своевременной. Вот как описывают “правильные” пуш уведомления специалисты компании Google:

Good push

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

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

Принцип действия

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

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

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

С чего начать отправку пуш-уведомлений?

Все пользователи сервиса eSputnik имеют возможность встроить такой полезный канал коммуникации с аудиторией как веб-пуш в собственную систему автоматизации маркетинга бесплатноj. Подробная инструкция по настройке представлена в разделе Поддержка — Создание web push рассылки.

В системе eSputnik Push сообщения постоянно совершенствуются. Преимуществом данного инструмента является простота его использования.

Анатомия пуша

Создать сообщение можно без специальной подготовки. Ниже представлены два варианта создания пуша:

1) Базовое пуш уведомление для всех пользователей

Чтобы сделать самый простой пуш, достаточно придумать заголовок, краткий текст (до 79 символов), загрузить логотип вашей компании или тематическую картинку небольшого размера, а также добавить ссылку, по которой получатели смогут перейти на сайт и ознакомиться с информацией детальнее. В правой части экрана вы увидите варианты отображения сообщения в разных браузерах: Chrome, Firefox и на «яблочных» гаджетах:

Создание пуш сообщения, простой вариант

Сообщение увидят все, кто дал согласие на получение уведомлений с вашего сайта. Чтобы убедиться, что пуш отображается корректно, протестируйте его перед отправкой. Для этого нажмите кнопку TEST:.

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

Созданное по такому алгоритму сообщение будет иметь следующий вид:

Тестовое сообщение

2) Расширенный, для пользователей Chrome

Примените полученные знания!

Чтобы сделать более эффектный пуш можно добавить большую картинку и кнопку CTA:

Пуш с картинкой и кнопкой

Пользователи OS Windows и браузера Chrome получат это сообщение в таком виде:

Новый пуш с картинкой и кнопкой

Кроме показанного выше функционала, Push сообщения на сайте можно использовать:

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

Как видите, настроить Web PUSH уведомления для отображения в браузере несложно, поэтому не стоит пренебрегать этой новой возможностью коммуникации с вашими подписчиками. Уже сегодня наши клиенты используют отправку транзакционных пуш-уведомлений и более сложные сценарии. Как настроить сценарий с использованием push, описано здесь.

На сегодняшний день эта услуга предоставляется абсолютно бесплатно при заказе email и sms рассылок.