Блог Максима Войтика
Публикации о способах
заработка в интернете и SEO

Push уведомления для сайта: как подключить, настроить и создать рассылку

09 января 2017
Комментарии: 6

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

Привет дорогие читатели seoslim.ru! Хочу сегодня поговорить об одном из новых способов получения информации о любимых сайтах по средствам push уведомлений.

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

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

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

Уверен многие сами того, не подозревая постоянно сталкиваются со всякого рода push окнами на известных сайтах.

пример push на сайте

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

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

Что такое push-уведомления в браузере


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

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

На деле все происходит таким образом:

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

подписка на обновления сайта через пуш

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

получение пуш уведомления

3. По клику на сообщение вы перейдете на определенную страницу сайта.

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

схема работы push от SendPulse

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

Преимущества push уведомлений над email рассылкой:

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

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

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

Установка пуш-сообщений на сайт WordPress


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

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

SendPulse — это известный сервис рассылок, который объединяет: email, sms, smtp, push.

Многие уже используют этот сервис для сбора email адресов через привычные формы подписки, в таком случае регистрироваться повторно не надо, так как все можно делать из одного аккаунта.

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

регистрация в SendPulse

Оказавшись в личном кабинете перейдите во вкладку «PUSH» и нажмите кнопку «Добавить новый сайт».

Добавление сайта в SendPulse

Далее указываем URL адрес сайта, здесь прошу заметить, что протокол (HTTP или HTTPS) система определит самостоятельно.

Для сайтов с HTTP пуш-уведомления не работают полноценно.

Если есть в этом необходимость можете загрузить свое изображение вместо стандартного значка.

Выбираем запрос на подписку: сразу при заходе на сайт или при клике по элементу.

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

Далее предстоит выбрать вид запроса:

Стандартный

вид запроса 1

Лайтбокс

вид запроса 2

Панель

вид запроса 3

Стиль Safari

вид запроса 4

Плавающая кнопка

вид запроса 5

Каждому из запросов можно настроить: название, текст, стили, задержку появления.

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

код от SendPulse

Для тех, кто слабо разбирается в структуре WordPress могу сказать, что как правило этот тег будет расположен в файле header.php вашего шаблона.

вставка кода SendPulse

После проделанных манипуляций чистим кеш браузера и проверяем появление и работу push-уведомления на сайте или жмем кнопку «Проверить настройки».

кнопка от SendPulse на сайте

окно подписки на сайт

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

Настройки и отправка push-рассылки


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

статистика push подписчиков

Если перейти во вкладку «Подписчики» тогда станет ясно из каких браузеров, регионов и в какое время бала осуществлена подписка посетителем.

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

  • Общие настройки — здесь можно сменить изображение значка и задать параметры отправки приветственного уведомление после подписки.
  • Интеграция с сайтом — расположен код для внедрения в файлы площадки.
  • Запрос подписки — настройки вида и времени отображения запроса на подписку.

Создать push-рассылку

Здесь появится форма данных, где надо заполнить заголовок, текст сообщения, привести ссылку, по желанию выбрать значок, настроить отложенную отправку, а при достижении подписчиков более 100 можно запустить A — B тестирование.

как отправить пуш сообщение

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

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

пример пуш от seoslim.ru

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

статистика рассылок сендплюс

На этом у меня все, теперь вы знаете еще один способ контактирования с аудиторией на сайте. Кто-то мне писал на почту, как сделать чтобы приходили сообщения о выходе новых статей на блоге?

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

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

(1 голос., в среднем: 5,00 из 5)
Загрузка...
С уважением, Максим Войтик
Буду рад, если нажмете на любую из кнопок:
Комментарии (6)
  1. Денис Маркевич в 13:54

    Вот Google и начал давать бонусы https версиям сайтов.

    Из имеющейся на текущий момент практики — количество push подписчиков (стандартная форма для https сайтов с подпиской в один клик) за 10 дней нового года превысило количество e-mail подписчиков за 2016 год.

    Ответить
    • Максим Войтик в 19:21

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

      Ответить
      • Денис Маркевич в 06:58

        Максим, у меня на компьютере всё отлично, в разных браузерах. Подписка на Push по одному клику.

        Ответить
  2. Вадим в 16:18

    Спасибо, классный метод из новых. :)

    Ответить
  3. Александр в 16:45

    Эти пуш-уведомления уже практически на всех сайтах есть. Наверное нужно и к своему сайту подключить. Кстати, протокол у меня HTTP, так что думаю проблем с настройкой не будет. :) [good]

    Ответить
  4. Лара в 10:08

    Здравствуйте. А подскажите, пуш-уведомления о выходе новых статей... их нужно постоянно настраивать? То есть здесь ни как в фидбернере — статья вышла и пришла на почту? Я пока не совсем разобралась с сервисом. Новые статьи выходят, но уведомлений на рабочем столе нет. Или я не так что-то сделала?

    Ответить
Оставить свой комментарий
Обязательно ознакомьтесь с правилами комментирования!!! СПАМ будет удален!
:) :-D ;-) :-| [star] [good] [present] [flower] [:-))] [:))] [:--_)] [:-|]

© 2011-2017 seoslim.ru, блог Максима Войтика

Внимание! Копирование материала строго запрещено. Соблюдайте авторские права и уважайте труд других людей!