Как сделать Push уведомления на сайте?

Новостные статьи

1

Вы уже успели попасться на крючок браузерных уведомлений? Это свежая технология удержания аудитории, она быстрее традиционных способов доставки контента, вроде e-mail рассылок или подписок на соц.сети. Что нужно знать про push-уведомления владельцам сайтов?

42885742

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

Push-уведомления — это короткие всплывающие сообщения-ссылки, которые всплывают в углу рабочего стола. Пользователь (подписчик) увидит ваше сообщение даже при выключенном браузере.

Оглавление статьи:

  1. Как это работает? примеры
  2. Сравнение с другими способами доставки контента
  3. Как получать больше переходов на сайт?
  4. Обзор 9 сервисов для рассылки push-сообщений.

Как работают пуш-уведомления?

Принцип работы тот же, что у мобильных push-уведомлений (оповещения, которые получают пользователи мобильных устройств, и которые затем попадают в область уведомлений), но только эти рассылаются сайтом, а не приложением, и показывается на всех устройствах. На сегодня поддерживается браузерами Chrome, Safari и Firefox, а также мобильными (андроид и iOS).

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

2. Как только посетитель становится подписчиком, вы можете отправлять ему push-уведомления от имени вашего сайта. Эти уведомления появляются в реальном времени. Нажатие по уведомлению переносит подписчика по указанному URL:

push-сообщения на ПК и мобильном

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

Сравнение с традиционными каналами

  • E-mail рассылки

Почта до сих пор применяется, так как позволяет без труда донести важную информацию до подписчиков. Конечно же, если сообщение попадет во Входящие и будет прочитано, а не в Спам и удалено. Тем не менее этот канал менее эффективен, если время жизни информации ограничено, среднее время через которое письмо будет прочитано составляет 6 часов.

  • Социальные сети

Соцсети (Вконтакте, Facebook, Twitter, Instagram) позволяют охватить большую аудиторию, нежели электронная почта. Люди проводят в соцсетях гораздо больше времени, чем где-либо в интернете. Однако вовлеченность остается сравнительно незначительной, например фейсбук не покажет пост всем вашим подписчикам, также инстаграмм и вконтакте постепенно переходят на ленту, где буду только «интересные новости», а не все на которые подписан пользователь.

  • SMS

Короткие текстовые сообщения отлично подходят для рассылки важной информации с ограниченным сроком действия: 90% sms-сообщений читаются в течение 3 первых минут. Тем не менее SMS-канал зачастую остается невостребованным, так как не требует какого-либо разрешения от пользователей, а стоимость массовой рассылки достаточно высока.

Как получать больше переходов по уведомлениям?

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

Важнейшую роль играет текст уведомления

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

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

  • Четкий призыв к действию

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

  • Время оповещения

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

  • Частота рассылок

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

  • Сегментация

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

  • Важно отслеживать не только количество переходов

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

И наконец.. как отправлять уведомления?

Перейдем у делу, как по-быстрее внедрить этот инструмент на свой сайт? По большому счету существует два способа реализации:

Способ №1 — Независимая установка на свой сайт

Этот вариант позволит не зависеть от сервисов и полностью бесплатен, однако требует больше сил. Во-первых, ваш сайт должен поддерживать безопасное соединение по https протоколу, то есть иметь SSL-сертификат. Если у вас его нет, то необходимо приобрести, самый дешевый сертификат стоит около 500 рублей в год. О том как подключить сертификат к WordPress я уже писал в этой статье.

После покупки и установки сертификата переходим к следующему пункту — создание API, для этого нужен обычный  гугл-аккаунт. Перейдите в консоль console.developers.google.com
и создайте новый проект на основе Google Cloud Messaging. Подробно описывать процесс не буду, честно говоря мне в это сложно было вникнуть. Если вам тоже лень разбираться, то подойдет второй путь, тем более он более функциональный.

Способ №2 — Использование сторонних сервисов

Существуют специализированные сервисы, которые позволяют подключить пуш-уведомления на ваш сайт без долгой возни и покупки SSL-сертификата. Также у вас будет возможность настроить привлекательные виджеты подписки. Единственный минус подписка будет происходить не напрямую в 2 уровня, сначала на сервис, потом на вас и второе — при большом количестве подписчиков сервисы будут платными. И все-же использование сервисов сильно упрощает задачу и открывает новые возможности.

Обзор сервисов рассылки пуш-уведомлений:

1. Push.world

Особенности сервиса:

  • Готовые шаблны push-уведомлений.
  • Несколько собственных уникальных форматов – позволяют включать в содержимое push-сообщений кнопки и emoji.
  • Работает в Opera, Chrome, Яндекс.Браузере, Amigo, Firefox.
  • Неограниченное количество рассылок и подписчиков.
  • Наличие бесплатного тарифного плана.
  • Стоимость платной подписки – от 29$ ежемесячно.

Чтобы начать push-рассылку, после регистрации в Push.world нужно выполнить несколько шагов:

  • Добавить площадку.
  • Указать вид запроса.
  • Разместить код на сайте.

2. SendPulse (рекомендую!)

Хорошо известная платформа для автоматизации маркетинговых кампаний. Кроме email и SMS-рассылок позволяет организовать отправку push-уведомлений.

Отличительные черты:

  • Нет ограничений на количество рассылок и подписчиков.
  • Возможность «сериализации» push-рассылки (создание цикла уведомлений из нескольких частей).
  • Автоматическая рассылка новостей из RSS с помощью push-сообщений.
  • Поддерживается Safari, Chrome, Firefox.
  • Расширенные настройки вывода сообщений (время задержки, имитация внешнего вида под системное уведомление Chrome и другие).

  • Возможность бесплатного использования.
  • Стоимость платного тарифного плана – 4 тыс. руб. ежемесячно.

Для начала работы пройдите регистрацию на платформе. Затем в административной панели выберите тип рассылки (PUSH) и добавьте площадку.

После этого поместите сгенерированный код в шапке сайта.

3. PUSHEXPERT

Данная платформа обладает рядом преимуществ:

  • Бесплатный доступ к API.
  • Бесплатный сбор аналитики.
  • Расширенная тарификация (шесть вариантов использования).
  • Наличие бесплатного тарифного плана с ограничением в 500 уведомлений.

  • Поддерживается: IE, Chrome, Яндекс.Браузер, Safari, Firefox.

Чтобы начать рассылку, создайте новый проект. Введите адрес и название сайта. Затем в меню слева нажмите «Создать рассылку». В следующем разделе заполните все поля, после чего жмите на «Отправить уведомление».

Код для интеграции вставки на сайт доступен в разделе «Установка».

4. pushcrew

Англоязычный сервис для организации push-рассылок. Из минусов платформы можно отметить отсутствие русской версии интерфейса. Техническая поддержка клиентов также осуществляется на «не нашем».

Плюсы:

  • Расширенные настройки шаблона сообщений.
  • Автоматическая настройка рассылки из RSS.
  • Большая коллекция элементов управления, которые можно использовать в уведомлениях (кнопки, ссылки и даже виджеты).
  • Плагины под популярные CMS (Joomla и WordPress).
  • Расширенный функционал (геотаргетинг, тестирование и другие).

  • Работает в Chrome и Firefox.
  • Доступна бесплатная подписка с ограничением в 500 подписчиков.
  • Платные тарифы – от 25 $ в месяц и выше (в зависимости от плана и количества подписчиков).
  • Тестовый период – в течение двух недель.

При регистрации сразу указывайте URL площадки и предполагаемое количество подписчиков.

Код для вставки на сайте доступен в разделе «Setting». Для создания и настройки уведомления нажмите зеленую кнопку «Send Push Notification».

5. Push4site

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

Основные характеристики Push4site:

  • Доступен API.
  • Работает во всех основных браузерах.
  • В бесплатном варианте нет ограничений по числу рассылок и подписчиков.
  • Стоимость платного тарифного плана – 990 руб. ежемесячно.

Для организации push-рассылки нужно добавить площадку. Нажмите кнопку «Создать сайт», введите адрес и название своего ресурса. После этого укажите тип сообщения (запроса) и вставьте сгенерированный код в разметку сайта.

6. OneSignal

Платформа является бесплатной, а ее монетизация осуществляется за счет предоставления доступа к премиум-функциям.

OneSignal –полностью кроссплатформенное решение. Сервис поддерживает все «общепризнанные» браузеры и даже китайский UC Browser.

Возможности платформы:

  • Открытый API.
  • Интеграция с множеством сред разработки.

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

Использование данного сервиса имеет ряд особенностей. Для создания push-рассылки сначала нужно указать платформу и ввести «атрибуты» площадки. После этого вы получите идентификатор для установки SDK.

Затем следует перейти на сайт и вставить идентификатор в его разметку. Этот процесс довольно сносно описан в документации сервиса.

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

7. PushAll

Неоднозначный сервис, который имеет ряд особенностей:

  • Русский интерфейс.
  • Полностью бесплатный.
  • Монетизация платформы происходит за счет пожертвований пользователей и платного функционала (отключение рекламы, «именной» адрес, более высокий приоритет отправки и другое).

  • Поддерживается Safari,браузером от Яндекса, Chrome и Firefox.

Для проведения push-рассылки с помощью PushAll нужно использовать официальный API от «Вконтакте» или интегрировать с RSS. При этом пользователи смогут оформить подписку на ваш канал только через профиль в Google.

Кроме этого PushAll выпустил мобильное приложение и расширение для Chrome. С их помощью пользователи могут подписаться на выбранные каналы и получать рассылки.

Для создания собственного push-канала зайдите в административную панель и выберите в боковом меню пункт «Администрирование». В левом верхнем углу нажмите на красный плюс:

Затем заполните поля специальной формы и внизу нажмите на кнопку «Создать канал».

После этого система сервиса сгенерирует ключ доступа к API. В разделе канала «Распространение +виджет» появится ссылка для быстрой подписки и виджет, которые можно разместить на своем ресурсе.

Использование PushAll имеет ряд ограничений. Главными из них является отсутствие прямой интеграции push-рассылки на сайт и возможность авторизации пользователей только через аккаунт Google.

8. Pushover

Англоязычный сервис для отправки и получения push-рассылок. Пользовательский интерфейс и вся документация на английском. Организация рассылки возможна только через API.

Клиентские приложения Pushover реализованы для нескольких платформ:

  • Десктопных.
  • iOS.
  • Andrpoid.

В своих приложениях сервис предоставляет бесплатный тестовый период (7 дней). Затем пользователь должен приобрести лицензию на ПО для каждой платформы. Ее стоимость – 5 $.

Разработчики и создатели рассылок получают доступ к функционалу Pushover бесплатно и могут отправить не более 7500 сообщений в месяц. После исчерпания этого лимита нужно покупать дополнительные пакеты рассылок.

Для получения доступа к API нужен токен, который предоставляется после заполнения анкеты в разделе «Your Applications».

Чтобы воспользоваться инструментарием для распространения push-рассылок, придется заполнить еще одну анкету…. В общем, сервис с «подвыподвертом»☺.

9. Amazon Simple Notification Service (SNS)

Глобальный сервис рассылки. Его особенности:

  • Рассылка до 1 млн. push-сообщений бесплатно.
  • Сверх лимита оплачивается 1$ за 1млн. сообщений.
  • Поддерживаемые платформы: все устройства Google и Apple, Windows, Fire OS.
  • Возможность пересылки сообщений китайским пользователям через Baidu Cloud Push.

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

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

1 комментарий

сначала новые
по рейтингу сначала новые по хронологии

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

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

Также неплохо было бы прикрепить нашу статистику, PushAll единственный сервис с полным охватом и за счет этого получилось собрать данные по тому какие методы выбирают пользователи при прочих равных. Вышло так что 70% пользователей выбрали именно приложения для мобильных платформ и дополнение для хрома. Около 10% выбрало телеграм бота и около 10% выбрало веб-пуш в браузерах.

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Более 6 лет опыта работы

Отвечу в течении 24 часов

Минимальная сумма заказа 1000Р

Ваше сообщения отправлено
Ваше сообщения отправлено успешно