Маргарита Акулич - Подталкивающие Web Push уведомления

Источник: https://sare.pl/blog/ogolne/powiadomienia-web-push-sarehub

О работе Web Push

Работа Web Push происходит последовательно. Вначале обеспечивается внедрение списка контактов вашей потенциальной целевой аудитории, состоящей из пользователей, которым в будущем станут вами оправляться сообщения, относящиеся к категории Web Push.

Затем вам необходимо пойти на обеспечение системного опроса посетителей вашего веб-сайта.

Любому посетителю веб-сайта будет обеспечена отправка системного запроса. Вы должны спросить его согласия на дальнейшее получение от данного веб-сайта web push сообщений. Посетитель может дать либо не дать разрешение на осуществление указанных действий – по своему усмотрению. При получении от него разрешения пройдет автоматическое занесение его контактных данных в вашу рассылочную базу.

Человек будет получать ваши Web Push уведомления до тех пор, пока он от них не откажется.

Каким положено быть Web Push сообщению

Web Push сообщению положено быть как можно более лаконичным, но одновременно емким (необходимо помнить о лимите в 125 знаков).

Его компоненты: изображение; заголовок; лаконичный текст, являющийся, по сути, призывом к действию; адрес веб-сайта, являющегося отправителем.

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

Анатомия и компоненты уведомлений Web-push

Уведомления Web Push обычно состоят из заголовка, сообщения, изображения и URL-адреса. Выберите изображение, которое добавит контекст, и emojis, сообщающие ваше уведомление лучше слов. В Chrome 48 теперь имеется возможность добавлять в уведомления до двух вызовов к действию. Это позволяет отправителю направлять абонента на три разные целевые страницы всего одним уведомлением: на одну целевую страницу, нажимая на само уведомление; на две другие – нажав кнопки CTA.

Это еще не все – есть возможность добавлять большие изображения, чтобы привлечь больше внимания, превратив их в Rich Push Notifications.

Компоненты Web-push уведомлений:

Графика . Если вы решите ввести Web-push уведомления, вам необходимо позаботиться о создании сообщения, чтобы побудить пользователя щелкнуть. Вот почему правильная графика очень важна. Помните, что у вас не так много места для сообщения, поэтому предлагайте лаконично, но старайтесь вызвать интерес.

Headline + CTA . «Мария, у нас есть СКИДКА для вас. Проверьте!»

Заголовку следует быть несколько интригующим и удивляющим – поэтому рекомендуется использовать персонализированные сообщения. Они определенно окажутся хитами!

Текст . Поместите дополнительную лаконичную информацию в поле под заголовком.

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

Как работают Push Notifications?

В число сервисов Web Push Notification входят такие сервисы, как Firebase Cloud Messaging (FCM) от Apple Firebase, APNS от Apple, позволяющие получать уведомления от Safari и службы уведомлений Windows для Microsoft Edge.

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

После получения уведомления устройства отправляют данные Click и Delivery обратно в приложение. Эти данные помогают веб-сайтам и приложениям отслеживать эффективность уведомлений. Несмотря на то, что FCM попадает под зонтик Google, он также работает с другими браузерами, поддерживающими Push API, такими как Mozilla Firefox и Opera. Это позволяет отправлять push-уведомления в веб-приложение через службу push. Это также помогает веб-приложениям получать уведомления, отправленные сервером.