Как выглядят мобильные и веб-пуш уведомления. В чём разница?

Представьте себе такую картинку: вы только-только дали старт рассылке, а сообщение тут же отобразилось на экране пользователя, оповестило его о скидках или новых статьях и отправили дальше читать статью или выбирать покупки. И все это абсолютно бесплатно. Представили? Это была зарисовка о том, как работают push-уведомления в сервисе eSputnik и почему они - любимый тренд 2018 года в ecommerce. Давайте рассмотрим этот канал коммуникации и как его можно применить в вашем бизнесе.

PUSH или не PUSH? Вот в чем вопрос!

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

Чем отличаются мобильные push от браузерных?

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

1) Браузерные сообщения

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

Сегодня технологию отправки всплывающих сообщений поддерживают четыре браузера на десктопе: Chrome, Firefox, Safari, Yandex. Уведомления, высвечивающиеся на экране мобильного, тоже могут быть браузерными.

Четыре браузера на Android (Firefox, Chrome, Opera, Yandex) поддерживают функцию web-push, чтобы увидеть ее в деле - вам необходимо подписаться на них на любом сайте. Смартфоны на IOS такую технологию не поддерживают.

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

2) Мобильные уведомления

Мобильные push уведомления могут отправлять только приложения, установленные на смартфоне. Уведомления от Telegram, Viber, Instagram и т.д. - и есть мобильные пуши. Они высвечиваются в виде небольшого банера с сообщением в верхней части экрана и сохраняются  в “шторке” до очистки.

Android

IOS

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

С чего все началось?

Первые веб-push появились еще 5 лет назад, в далеком 2013 году в браузере Safari в операционной системе OS X для MAC. Но тогда эта технология осталась практически незамеченной маркетологами. Популярность пушей в разы возросла после того, как в 2015 году Google добавили в браузер Chrome поддержку Push API.

И пошло поехало:

• следом за Chrome поддержку включили в Firefox;

• После того, как Yandex стал работать на движке Chrome соответственно и там всё заработало;

Сейчас практически все браузеры поддерживают технологию всплывающих уведомлений, за исключением последней версии Opera и всех браузеров на смартфонах от Apple.

Технические нюансы отображения браузерных сообщений

Шаблон создания push сообщения в системе eSputnik - единый для всех, но у каждого браузера существуют свои особенные технические нюансы.

Рассмотрим подробнее особенности разных платформ и устройств.

WEB PUSH на Windows 10

Mozilla Firefox

Браузер Mozilla Firefox не поддерживает большие изображения, и дополнительные кнопки в пуш: только стандартная картинка 192х192 пикселя для лого и одна ссылка. В правом углу размещается крестик для закрытия сообщения, а кнопка настроек дает возможность отключать уведомления или задавать особые параметры.

Яндекс Браузер

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

Google Chrome

Google Chrome дает более широкие возможности для создание визуально эффективного пуша. Для этого браузера можно добавлять большое изображение 360х240 пикселей вдобавок к стандартному, а также дополнительные CTA кнопки.

• Стандартное изображение с коротким текстом

• Стандартное изображение с длинным текстом

• С дополнительным изображением и кнопкой СТА

• С дополнительным изображением и двумя кнопками СТА

На некоторых PC с последней версией браузера (68.0.3440.106 Официальная сборка, 64 бит) наблюдаются искажения в отображении пушей:

• Сообщение имеет черную сплошную заливку

• Дополнительное изображение размещается позади текста и заголовка

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

WEB PUSH на Ubuntu

Пуш сообщения на Ubuntu выглядят практически идентично с Windows 10, с поправкой на шрифты и размер самого сообщения.

Mozilla Firefox

• С коротким текстом

• С длинным текстом
   

Яндекс браузер

Google Chrome

• Стандартное изображение с коротким текстом

• Стандартное изображение с длинным текстом

• Дополнительные изображение и кнопка CTA

• Дополнительное изображение с длинным текстом и кнопками CTA

WEB PUSH на Mac OS

Несмотря на то, что компьютеры на операционной системе Mac OS одними из первых поддержали технологию всплывающих уведомлений, отображение пушей оставляет желать лучшего. Сообщение на компьютерах Apple наименьшее по размеру и показывается с бескомпромиссно обрезанным текстом. Треть сообщения съедают кнопки “Закрыть” и “Подробнее”, в который скрываются CTA-кнопки и Настройки, и еще четверть - лого браузера. Всплывающие сообщения всегда появляются в верхней правой части экрана независимо от того, с какого браузера они приходят.

Как можно использовать WEB PUSH?

Технологии Push-уведомлений привнесли классное разнообразие во взаимодействие сайтов с их пользователями. Пуши можно использовать для:

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

• Усиления проморассылок

• Оповещения о товаре, который снова появился в наличии

• Сбора базы подписчиков для емейл-маркетинга

• Анонса новых публикаций в блоге или на сайте

• Возвращения клиентов с брошенными корзинами или просмотрами

• Отправки персонализированных сообщений

• Триггерных сценариев приветственной серии

Может ли пуш быть самостоятельным инструментом маркетинга?

Пуш здорово влияют на эффективность емейл-рассылок, а показатели по открытию могут достигать 70% и более. Все было бы идеально, если бы не одно НО: такие сообщения максимально командный игрок и как самостоятельная боевая единица отрабатывают слабо.

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

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

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

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

Подытожим?

Push-уведомления - эффективный инструмент для общения со своей аудиторией и настоящий must have для ecommerce в 2018 году. Они бесплатные в использовании, нетрудные в подключении и создании и хорошо работают в комплексе с email-маркетинге. Web Push не блокируются расширениями по типу AdBlock - и в этом их еще одно преимущество перед сообщениями таргетированной рекламы или ремаркетинга.