Тарифы Услуги Сим-карты

Push уведомления или как сделать так, чтобы клиент Вас услышал? Почему пользователям стоит подписываться на пуш уведомления

Push уведомления iPhone , iPad и iPod Touch — позволяют владельцу устройства всегда быть в курсе происходящего с приложениями iOS и отслеживать соответствующую информацию на экране своего мобильного устройства, где появляются уведомления о новых смс или обновлениях приложений.

В настройках iOS устройства, вы можете с легкостью настроить множество параметров Push уведомлений, например: выбрать приложения от которых будут приходить звуковые оповещения, показ баннеров, уведомлений на значках приложений, настроить уведомления напоминаний в календаре. Так же, Вы можете выбрать, от каких приложений уведомления будут появляться на заблокированном экране, а от каких приложений нет. Если на iPhone не приходят уведомления от какого-либо приложения, значит нужно разрешить уведомления, в Центре уведомлений iPhone, делается это для каждого приложения отдельно. Узнать больше об уведомлениях и о том как их использовать на iPhone, iPad, и iPod Touch вы сможете ознакомившись с этой статьей. Так же, возможно вы пожелаете ознакомиться со статьей, в которой мы рассказывали про « »

Как настроить уведомления на iPhone и iPad

Настроить уведомления на iPhone и iPad очень просто, для этого в операционной системе iOS, установленной на iPhone и iPad имеется отдельное меню.

Где настраиваются уведомления iPhone

Найти меню настройки уведомлений можно следующим образом, перейдите по следующему пути:

"Home" ⇒ "Настройки" ⇒ "Уведомления"

Вид уведомлений iPhone

После того, как окажитесь в меню «Уведомления» Вашего iPhone, в самом верху экрана вы увидите подраздел «Вид уведомлений», позволяющий сортировать программы:

ВИД УВЕДОМЛЕНИЙ:

  • Вручную
  • По времени

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

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

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

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

В подменю «Включать» —показаны все приложения установленные на Вашем iPhone (iPad), которые используют Центр уведомлений. Рассмотрим в качестве примера приложение Сообщения, под ним мы видим написано: Наклейки, Звуки, Баннеры, т.е., когда Вам приходит сообщение, вы увидите уведомление +1 на значке сообщений (Наклейка), услышите сигнал (Звуки) и увидите уведомление в верхней части экрана (Баннер), все это используется приложением «Сообщения».

В подменю «Не включать» — показаны приложения, для которых отключены уведомления, в Центре уведомлений iPhone.

Настройка уведомлений iPhoneВключение и выключение уведомлений iPhone Разрешить уведомления
  • Для того, что бы включить уведомления iPhone от приложения, откройте его и переведите переключатель «Разрешить уведомления» в положение «Вкл»
  • Для того, что бы отключить (убрать) уведомления iPhone от приложения, необходимо перевести переключатель «Разрешить уведомления» в положение «Выкл» . Для того, что бы отключить уведомления, вы можете перетащить приложение вниз, к приложениям с отключенными уведомлениями.

Давайте, настроим уведомления, для приложения «Сообщения»

Выберите в меню «Уведомления», приложение «Сообщения» и откройте его, после этого откроется меню настроек, конкретно для этого приложения.

Какие настройки доступны, давайте рассмотрим все по пунктам

  • «Разрешить уведомления» — включение и отключение уведомлений iPhone и iPad
  • «В Центре уведомлений» — количество объектов в центре уведомлений
  • «Звук уведомлений» — выберите звук уведомлений, для каждого приложения
  • «Наклейка на значке» — появляющаяся «Цифра» на значках приложений, о количестве новых уведомлений
  • «На заблокированном экране» — включить показ уведомлений на заблокированном экране или выключить показ уведомлений на заблокированном экране

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

В подразделе «Стиль предупреждений», вы можете выбрать, стиль показа уведомлений:

  • Нет — отказ от показа баннеров
  • Баннеры — появляются сразу при поступлении уведомления от приложения, в верхней части экрана и автоматически сворачиваются.
  • Предупреждения — в этом случае, Вам предстоит сделать выбор «Закрыть» или «Смотреть» уведомление от приложения

Так же, в этом же меню, в самом низу страницы, есть пункты:

  • Показать просмотры — в зависимости от его положения, текст сообщения будет (Вкл) или не будет (Выкл) появляться на экране. Если желаете, что бы никто не увидел текст сообщении на заблокированном экране, то лучше поставить переключатель в положение «Выкл».
  • Повтор предупреждений — сколько раз, телефон будет напоминать Вам о не просмотренных уведомлениях. Предупреждения появляются с периодичностью 2 минуты. Есть возможность выключить, поставить 1 раз, 2, 3, 5 и 10 раз.

Вот как выглядят предупреждения на iPhone:

Привет, друзья! Сегодня речь пойдет о push-рассылке для сайта, как еще одном канале связи со своей аудиторией. Расскажу, как настроить такие уведомления для своего ресурса при помощи специального сервиса.

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

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

Единственное – в окне запроса подписки отображается анкорная ссылка «Предоставлено SendPulse».

За это время на рассылку моего блога подписалось 156 человек. Естественно, есть и отписки, так как статьи на блоге разноплановые и не могут быть все время актуальны для всех. Люди отписываются, фильтруют входящую информацию, и это логично.:)

Доставляемость уведомлений получается от 50 % и выше (максимум было 67 %). Кликабельность от 16 до 30 %. В вечернее время, после 19.00 кликабельность выше.

В общем, если б я не настроила данный канал коммуникации, то и не дополучала бы часть этого трафика.

Назвать его слишком навязчивым я не могу. Всплывающее окно на подписку появляется в шапке блога, не закрывая контент. Его можно убрать, отказавшись от подписки кнопкой «Запретить» или подписаться на уведомления, нажав на кнопку «Разрешить».Сами уведомления я отправляю 1 – максимум 2 раза в неделю (в основном анонсы новых материалов блога или какие-то партнерские рекомендации). Ну и всегда присутствует возможность отписки.

Как подключить push-уведомления для сайта? Пошаговая инструкция

Зарегистрируйтесь на сайте sendpulse.com , нажав на кнопку «Попробовать бесплатно».

Зарегистрироваться можно по эмейлу или через профиль в соцсетях – Google+, Facebook.

После регистрации зайдите в свой аккаунт через кнопку «Войти».

Для работы с пуш-уведомлениями перейдите в раздел «PUSH».

Чтобы подключить уведомления к своему сайту, нажмите на кнопку «Добавить новый сайт».

Укажите домен, загрузите картинку (можно ваш логотип квадратной формы), которая будет отображаться в окне запроса на подписку. Выберите когда будет появляться запрос – я выбрала при заходе на сайт. Выберите вид всплывающего окна. Я предпочла стиль Safari, который появляется в шапке и не закрывает контент.

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

Когда выполните все настройки на этой странице, нажмите «Следующий шаг».

В большинстве сайтов на Вордпресс этот код добавляется в файл header.php. Так как Вордпресс шаблоны у всех разные, код хедера (шапки) может находиться в другом файле, по-другому называться. К примеру, у меня этот файл называется top.php

Пример добавления на скриншоте ниже:

Важно: когда работаете с кодом сайта, не забывайте предварительно сохранять исходный вид (делать резервные копии). Если после изменений что-то пойдет не так, вы всегда сможете вернуть, как было.

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

В «Общих настройках» вы можете поставить галочку «Отправлять приветственное push-уведомление после подписки». Эту опцию можно использовать, чтобы отдавать новым подписчикам какой-то полезный подарок. Я именно так и сделала:

Как отправить push-сообщение подписчикам?

Первое push-уведомление вы сможете отправить, когда у вас уже появятся подписчики, нажав на кнопку «Отправить push».

При отправке уведомления выберите список получателей (если добавили на сервис несколько сайтов). Также подписчиков можно сегментировать по языку браузера, региону, странице, с которой была сделана подписка, по дате подписки, браузеру…

В самом уведомлении указывается заголовок (до 50 знаков), текст (до 125 знаков) и ссылка, по которой вы хотите перенаправить подписчика. Коротко, но емко заинтересуйте подписчика, чтобы он перешел по вашей ссылке.

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

Для разных уведомлений вы можете добавлять разные картинки (правда, работает это не во всех браузерах). Или же всегда использовать лого своего сайта или другую брендирующую картинку, по которой вас будут узнавать.

Нажав на кнопку «Отправить», вы сразу отправите уведомление. Если кликнуть по иконке часов, то можно задать отложенную отправку, выбрав дату и время. Кликнув по шестеренке, можно задать время жизни push в диапазоне от 15 минут до 15 дней, настроить отправку – сразу или постепенно, включить или отключить utm-метки.

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

Вверху есть фильтр, позволяющий отобрать рассылки с конкретного сайта (если у вас их несколько).

На сервисе SendPulse можно настроить авторассылку, создав серию из уведомлений (как серия писем в эмейл-рассылке). А также можно настроить авторассылку на основе RSS. Доступны данные опции во вкладке «Авторассылка». Останавливаться на этом я не стану, так как у себя пока серий не настраивала.

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

Тут же можно видеть статистику по сайту – количество подписчиков, отписок, отправленных рассылок. А также отправить новое уведомление подписчикам этого сайта.

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

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

Итак, push-уведомления – хороший канал взаимодействия со своей аудиторией, который также стоит использовать. Если вы еще его не настроили, то теперь знаете, как это сделать при помощи сервиса SendPulse.

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

Всего вам доброго!

С уважением, Виктория Карпова

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

В конце первой части я написал о том, как вызвать JS-метод SendPushMe() . Если вы этого еще не сделали, то самое время это исправить. Метод мы будем вызывать кликом по ссылке:

Вызвать SendPushMe

И, если все сделано правильно, за кликом по такой ссылке высветится системное окошко с запросом:

Но не спешите пока давать разрешение. Нажмите на крестик и пока закройте окошко.

Если вы уже нажали, то откройте настройки сайта (нажав на зеленый замочек в адресной строке, если кто не знает) и в пункте “Оповещения” верните Глобальный параметр по умолчанию (“Спрашивать”).

Теперь откройте консоль разработчика F12 -> Console . Далее нажмите снова ссылку “Вызвать SendPushMe”.

В консоли должны последовательно появиться две строки, содержащие “Service Worker is supported ” и “Service Worker is ready ” соответственно. А сам браузер должен вновь запросить разрешение. И вот теперь можно дать своё согласие.

В итоге в вашей консоли разработчика должны появиться три таких записи:

Лог подписки на Push в браузере Chrome

Если помните, скрипт push.js отправляет GET-запрос. Именно Endpoint и передаётся серверу с этим запросом. Чуть позже мы научим сайт запоминать их, чтобы мы могли отправлять по этим идентификаторам пуши.

Что мы теперь имеем? У нас есть полноценный подписчик на уведомления от сайта и мы теперь умеем вычленять идентификаторы подписавшихся. Теперь сам Бог велел попробовать послать себе самому уведомление.

Для этого нужно сказать Google о новом уведомлении, а он, в свою очередь, сообщит об этом нашим подписчикам (или одному единственному, как сейчас у нас).

Google уведомляется специальным POST запросом на https://gcm-http.googleapis.com/gcm/send вот в такой форме:




{
"to" : "bk3RNwTe3H0:CI2k_...", // Уникальный идентификатор подписчика.
"data" : {
"title": "Portugal vs. Denmark", // Данные для уведомления
"text": "5 to 1"
},
}

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

Content-Type:application/json
Authorization:key=A...A //Закрытый ключ нашего приложения,
который мы получили в прошлой части.
{
"registration_ids" : {
[...] // Массив идентификаторов подписчиков.
},
}

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

Давайте через терминал (SSH-консоль) сформируем и отправим запрос:

curl --header "Authorization: key=AI...3A" \
--header Content-Type:"application/json" \
https://gcm-http.googleapis.com/gcm/send \
-d "{\"registration_ids\":[\"cym...W3\"]}"

SSH-консоль с отправленным POST-запросом и появившийся от него Push

На этом скриншоте видно и сам запрос и его итог - пришедшее спустя секунду уведомление.

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

Итак, Push-уведомления Chrome для сайта на Ruby On Rails

Сначала скажу, что пример этого кода валиден для сайта на Rails 3.2.8!

По сути, нам нужно сделать:

  • Функционал, чтобы наш сайт запоминал идентификаторы подписчиков;
  • Модель для создания push-уведомлений;
  • Динамически обновляемый latest.json;
  • Ну и добавить в контроллер пару строк кода, который будет при создании нового Push’а отправлять POST-запрос на сервер Google.
  • Если вы забыли, напомню, что в первой части мы сразу добавили в push.js строчку для формирования GET-запроса к нам на сайт, который передаёт идентификатор браузера каждого вновь подписавшегося человека.

    Теперь сделаем так, чтобы наш сайт понимал, что это за запрос и сохранял данные. Первым делом создадим модель и контроллер для Pushsubscriber :

    Rails g model pushsubscriber browserkey:string
    rake db:migrate
    rails g controller pushsubscribers create delete

    Match "/createpushadresat", to: "pushsubscribers#create", via: :get

    Теперь наш сайт переадресует входящие GET-запросы в контроллер pushsubscribers , где он будет обрабатываться методом create . Настроим же его:

    def create
    @newsubscriber = Pushsubscriber.new(:browserkey => URI(params[:adresat].to_s).path.split("/").last)
    if @newsubscriber.save?
    render:text => "ok"
    else
    render:text => "fail"
    end
    end

    Сразу скажу, этот код лишь для того, чтобы показать, в каком направлении нужно разрабатывать. Он практически ничего не проверяет и не использует ни валидаторы, ни регекспы - не используйте его в таком виде. Проверяется лишь, чтобы входящий параметр содержал данные в виде ссылки, а затем из этой ссылки вычленяется последний после слэша участок и сохраняется в базе. Именно в таком виде push.js передает Endpoint . И именно в последней секции (за слэшем) endpoint’а содержится идентификатор браузера.

    Итак, люди начали подписываться на наши обновления и теперь наша База данных пополняется идентификаторами. Пора начать рассылать им уведомления:

    Rails g scaffold notification title:string bodytext:string url:string succescount:integer
    rake db:migrate

    Эта команда Скаффолдом создаст нам минимально работающую модель notification c полями title , bodytext , url и successcount . Первые три - соответственно заголовок, текст и ссылка будущего оповещения, а successcount  - количество успешно переданных пушей, которое нам будет любезно сообщать Google. Так же будут созданы контроллер с вьюхами для этой модели. Разумеется там еще нужно будет вписать сгенерированные вьюхи в общий дизайн сайта, а контроллер “огородить” before_filter ’ами, чтобы “пушить” могли только люди с соответствующим доступом. Но это вы уже будете решать индивидуально. А сейчас мы лишь чуть-чуть (на самом деле совсем не чуть-чуть) исправим метод create в notifications_controller.rb :

    require "open-uri"
    require "multi_json"
    require "uri"
    def create
    @notification = Notification.new(params[:notification])
    if @notification.save
    @adresats = Pushsubscriber.all.collect(&:browserkey)
    @keys = "{"registration_ids":"[email protected]_json+"}".as_json
    uri = URI.parse("https://android.googleapis.com/gcm/send")
    http = Net::HTTP.new(uri.host,uri.port)
    http.use_ssl = true
    req = Net::HTTP::Post.new(uri.path)
    req["Authorization"] = "key=A...A" # Тут вписывается закрытый ключ
    req["Content-Type"] = "application/json"
    res = http.request(req, @keys)
    parsed_json = ActiveSupport::JSON.decode(res.body)
    @notification.update_attribute(:success, parsed_json["success"].to_i)
    end
    redirect_to notifications_path
    end

    Этот код, если создано и сохранено новое уведомление (@notification), формирует и передает POST-запрос для Google (точно так же, как мы делали это выше), в котором в формате json по спецификации Google передаются ВСЕ идентификаторы наших подписчиков. Затем нам должен ответить Google своим json’ом. Из которого отпарсивается секция success, из которой сохраняется число - количество успешно переданных пушей. Так же там передается секция failure, в которой, соответственно, хранится число по той или иной причине недоставленных пушей. Вообще, можно самому посмотреть какие данные передает Google, может что-то еще решите сохранить.

    И, как и в прошлый раз, данный код не учитывает, что Google может не ответить, или ответить сообщением об ошибке, а не валидным для парсинга json’ом. Учтите в своей разработке подобные случаи.

    Ну а теперь пробуем создать на своем сайте пуш через форму Notification.new (созданную Скаффолдом) и… ВУАЛЯ! Система работает - нам пришло уведомление!

    Правда содержимое для этого уведомления все еще берется из статичного latest.json . Осталось последнее - заставить этот файл обновляться динамически. Как это сделать? Очень просто, ведь у нас уже есть модель Notification, а в latest.json должно содержаться именно наше последнее Уведомление (то есть Notification.all.last). Для этого удаляем наш статический latest.json из корневой папки сайта и добавляем в routes.rb следующий маршрут:

    Match "/latest.json", to: "notification#latestpush", via: :get

    То есть теперь latest.json будет формироваться методом latestpush в контроллере notification . Создадим этот метод.

    Дорогие друзья, давно не писал сам статьи на сайт, решил что от себя буду писать только полезные статьи, которые будут интересны не только мне, но и моим читателям. Как вы наверное заметили на сайте появилась интересная функция, это push notification (в народе пуш уведомления). Эта функция по моему личному мнению революционная, которая отодвинет в сторону подписки на e-mail рассылки и социальные далеко в сторону, и даже в будущем заменит их. А вот почему:

  • Push notification приходят прямо в браузер или в ваш смартфон.
  • Более высокий ctr (нажатия по ссылке) по сравнению с обычными рассылками, так как читатель (подписчик) получит уведомление прямо в своем браузере в нижнем правом углу (или в виде push уведомления в строке состояния в смартфоне).
  • Вы больше не будете зависеть от службы рассылки писем (если вы не использовали свой почтовый сервер для рассылки своих писем).
  • Это круто использовать новые технология в своем проекте.
  • На примере будет показана настройка push notification в wordpress сайте (я ярый фанат вордпресса, т.к. эта удобная и популярная CMS и реализация пуш уведомления реализуется в пару кликов).

    Для начала вам понадобится SSL сертификат, да, к сожалению обычные "http" сайты не смогут полноценно работать с push notification. Есть сторонние сервисы, которые конечно могут вам позволить добавить эту функцию на ваш сайт, но есть несколько минусов:

  • Не все сервисы бесплатные, у большинства сервисов push уведомления есть базовый тариф, который позволит подписать/отправить 500-1000 подписчиков, но вы не будете хозяином своей жизни.
  • Как я заметил некоторые сервисы злоупотребляют вашими подписками, и могут отправить свои рекламные уведомления (по крайнее мере в базовом тарифе было так) я очень удивился и был зол, когда получил левую ссылку не относящую к моему сайту.
  • Жирный минус, пользователю придется 2 раза нажать "разрешить" уведомление, в первый раз на вашем сайте, а второй раз выйдет диалоговое окно от сервиса с "https" и в нем, в домене этого сервиса пользователю придется еще раз нажать кнопку "разрешить". Как вы наверное догадались, это может отпугнуть вашего потенциального подписчика от подписки, слишком много телодвижении. Хватит это терпеть!
  • В моем же случае, пользователю достаточно 1 раз нажать кнопку "разрешить" в маленьком окне, и он уже будет зарегистрирован в системе и в при выходе новой статьи он будет получать уведомления уже прямо от моего сайта.

    Думаю хватит воды, и перейду к делу.

    Как я сказал выше, вам нужен SSL сертификат (те кто не знает что такое SSL и https, большой брат google вам поможет). Вы можете воспользоваться сервисом CDN cloudflare и в нем включить поддержку https (это самый легкий вариант, если будет интересно, могу написать статью как добавить сайт в cloudflare). Но я решил, что хочу добавить свой сертификат на сайт.

    По гуглив немного, я нашел сервис "Let’s Encrypt" (https://letsencrypt.org) который позволяет бесплатно получить самый простой ssl сертификат с проверкой домена. Этого для нашего дела будет достаточно. Написал своему хостеру, что хочу добавить SSL сертификат от "Let’s Encrypt", хостеру правда пришлось поменять панель управление хостингом с ISPmanager на Plesk т.к в Plesk есть плагин, который в один клик добавляет SSL сертификат от "Let’s Encrypt". Если ваш хостер не может вам поменять панель управления, или в Plesk не установлен плагин "Let’s Encrypt" вы можете воспользоваться как я написал выше сервисом CDN cloudflare или поменять ваш хостинг на более "нормального" хостера.

    Если у вас панель управления Plesk и в нем установлен плагин "Let’s Encrypt".

  • На главной странице панели управления найдите ссылку "Let’s Encrypt" и нажмите на него.
  • Можете оставить e-mail адрес по умолчанию или указать другой.
  • Поставьте галочку "Include www. as an alternative domain name. " для того, чтобы сертификат работал и с "www"
  • Нажмите кнопку Install и подождите несколько секунд.
  • Все, сертификат установлен.
  • После подготовки вашего сайта, и проделывания нужных нам действий. Вам понадобится настроить wordpress, чтобы он переадресовывал посетителей на "https://" версию вашего сайта. Делается это следующем образом, заходите в админку вашего сайта. Настройки - Общие настройки. В общих настройках, в "Адрес WordPress (URL)" и "Адрес сайта (URL)" меняете "http://вашсайт" на "https://вашсайт". Все, если вы правильно установили SSL сертификат, то ваш сайт будет работать как и прежде, но в адресной строке появится значок зеленого замка. Это означает, что ваше соединение защищено, и канал между вами и сервером будет шифроваться.

    Следующим этапом будет установка плагина "Chrome Push Notifications" (https://wordpress.org/plugins/chrome-push-notifications) этот плагин сделает за вас грязную работу, в нем будет достаточно написать ключи которые выдаст вас google, об этом чуть ниже. Почему-то после установки плагина и после заполнения нужных форм у меня ничего не заработало, возможно разработчик плагина исправит это, но я решил, что не буду ждать пока исправят работу плагина, и вручную вписал нужные строки в шаблон моего блога.

    Предположим вы установили плагин и сайт у вас с ssl сертификатом. Теперь вам необходим аккаунт в gmail, для того, чтобы попасть в консоль и активировать нужные нам API. Снизу добавил видео что нужно сделать в "google developer console", а это пошаговая текстовая инструкция:

  • Зайдите на сайт https://console.developers.google.com
  • Если вы не разу не создавали проекты, то нажмите ссылку "Create a project", если Вы ранее уже создавали проект, то правом в верхнем углу нажмите на название старого проекта, выйдет меню, в нем найдите ссылку "Create a project" и нажмите на нее.
  • Выйдет диалоговое окно "New project", напишите латинскими символами название проекта и нажмите кнопку "Create".
  • Подождите несколько секунд пока проект не создаться, после нажмите на проект (ID) и появится список, в этом списке нам нужен "Project number", запишите его в блокноте и сразу впишите в плагин "Chrome Push Notifications" в строку "Project Number".
  • Следующий пункт, нажмите на "Use Google API" найдите ссылку "Cloud Messaging for Android" и нажмите на нее. Дождитесь пока появится кнопка "Enable API" и нажмите на эту кнопку.
  • После нажатия кнопки, у вас должна появится предупреждение и кнопка "Go to Credentials" нажмите эту кнопку.
  • Следующий пункт, нужно выбрать какой API нужно использовать, нужно выбирать именно "Google Cloud Messaging for Android", а форму вызова API "Web browser" нажмите кнопку "What credentials do I need?"
  • Можете не менять название ключа, а в строке "Accept requests from these HTTP referrers (web sites)" указать свой сайт, для того, чтобы другие сайты не могли использовать ваш API и нажмите кнопку "Create API key"
  • Мы почти закончили, запишите или лучше сразу вставьте в плагин ваш API ключ в строку "GCM API Key".
  • Все с Google мы разобрались, перейдем на наш сайт. Как я говорил, у меня почему-то плагин сразу не заработал, возможно это только мне не повезло, мне пришлось поковыряться на сайте разработчика, чтобы понять, почему у меня не заработал плагин. Если плагин у вас тоже не работает, то можете повторить мои действия.

    1. Нужно добавить jQuery в вашу тему, если он у вас не стоит. Я использую CDN от google, вы можете загружать его с него же или со своего сайта. Добавить нужно в header.php

    2. Создайте файл с названием и расширением manifest.json в корневой папке своего сайта и впишите туда, номер вашего проекта, который вы взяли с "google developer console":

    {"gcm_sender_id": "номер-вашего-проекта"}

    Запись добавляется до тега

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


    /* */

    4. После всех этих действии, обновите кэш wordpress (если у вас установлен плагин кэширования) и зайдите на главную страницу. У вас должно появится окно push notification. Надеюсь статья вам помогла, если будут вопросы обращайтесь, по мере возможности буду помогать.

    P.S: Забыл сказать, этот push notification работает только в браузерах хром от google, думаю в будущем напишу как реализовать такую функцию и в iOS устройствах и в других браузерах.

    Как сделать push уведомление (notification) на сайте

    62 оценок, Средняя оценка: 4.9 из 5

    В мире информационных технологий используется только малая часть всех изобретений. А ведь большинство вещей разрабатывается именно для того, чтобы облегчить нашу жизнь. Вот про одно из таких улучшений и пойдёт разговор в статье. Это Push-уведомления. Что они собой представляют и где могут быть использованы? Push-уведомления - что это? iPhone, Android, многофункциональные телефоны - где они настраиваются и как их включить/отключить?

    Знакомьтесь - Push-уведомления

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

    Так, если рассматривать вариант с приложением, то здесь основная задача - информирование об обновлениях, новом контенте (или просто напоминалка, что оно долго не использовалось). Как сделать Push-уведомления для приложения? Для этого необходимо использовать прикладной интерфейс программирования, который существует для конкретного телефона (собственно, для используемой операционной системы).

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

    Варианты применения Push-уведомлений

    Где же можно использовать такую технологию? Давайте немного остановимся на статистике, которой могут похвастаться Push-уведомления. Что это нам даст, рассмотрим позднее. Итак:

  • Больше всего (41%) они используются для того, чтобы уведомить о выходе новых приложений или обновлениях в уже существующих.
  • Затем (24%) идёт рассылка про специальные предложения.
  • Для информирования о новом контенте, который появился в программе, применяется в 14% случаев.
  • Меньше всего целенаправленно (12%) используются для рассылки рекламных и/или реферальных ссылок.
  • Оставшиеся 9% приходятся на другие виды информирования.
  • Если не приходят Push-уведомления от тех, на кого вы подписаны, а в настройках ничего не менялось, это не значит, что их не будет вообще. Может быть, причиной проблемы стал просто обрыв связи. Если вы - разработчик, значит, что-то не так было настроено в самих приложениях.

    Новый канал маркетинга

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

    Push-уведомления должны содержать своевременный и релевантный контент. Так, в приложении, которое нацелено на детей, реклама кофе будет очень не к месту, что, в свою очередь, наверняка приведет к к потере популярности.

    Пример использования

    Популярным является применение такой технологии для краткого уведомления о действии друзей. Рассматривая это, можно вспомнить про "Твиттер", который информирует своих пользователей о возникающих изменениях в профилях друзей.

    Некоторые компании используют GPS, чтобы определять, где находятся их клиенты, и в случае если вблизи окажется их торговая точка, они шлют соответствующее уведомление. Важным является своевременность получения сообщения. Реализационная особенность заключается в том, что для Push-уведомления не нужен доступ в Интернет, ведь зачастую вся необходимая информация хранится в самом приложении (как правило).

    Особенности использования

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

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

    Android

    Это самая популярная операционная система, которая получила свой статус благодаря бесплатному распространению и постоянному совершенствованию. Как включаются/выключаются Push-уведомления на нём? Для отключения необходимо выполнить ряд действий в таком порядке:

  • Зайдите в настройки телефона.
  • Перейдите в свой аккаунт, потом - в уведомления, и уже там увидите информацию о Push.
  • Выберите желаемые настройки, ограничения на получение - в общем, делайте всё так, как хочется.
  • Но что делать, если есть желание включить/отключить Push-уведомления не для всех, а только для одного приложения? На этот случай тоже предусмотрен свой алгоритм:

  • Зайдите в настройки.
  • Перейдите к такому пункту, как «Уведомления».
  • Там будут представлены все установленные на сенсорном телефоне приложения, и вам следует выбрать свой объект, нажав на него.
  • Отключите или включите функцию получения сообщений от данной программы.
  • Как видите, в выполнении данных действий нет ничего сложного, и это не только на операционной системе "Андроид". Push-уведомления с такой же легкостью включаются/отключаются и на других устройствах.

    iPhone и iPad

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

  • Перейдите на главный экран своего устройства и найдите кнопку, которая выглядит как двойной круг, в котором есть прообраз дороги, расходящейся на два направления под углом 90 градусов.
  • Найдите кнопку «Уведомления», а потом - приложение, которое вас интересует.
  • Около пункта «Разрешить уведомления» вы увидите кнопку, размещённую в ползунке. Чтобы включить/отключить уведомления, нажмите на неё. Если она белая, то это значит, что получение сообщений на данный момент запрещено. В случае когда кнопка имеет зелёный цвет, вы уже получаете уведомления от данной программы.
  • А как отключить подобные сообщения совсем? Для этого выполните такую последовательность действий:

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

    Многофункциональный телефон

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

  • Находясь на главном экране, нажмите на «Меню».
  • Выберите «Настройки» и ищите «Push-уведомления». Они могут быть вынесены в отдельное подменю или находиться в «Параметрах телефона или связи».
  • Настраиваете данную технологию на свой вкус.
  • Заключение

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

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