Как сделать уведомления в ВК в браузере

Содержание

Делаю новостной сайт . При добавлении новости осуществляется уведомление всем пользователям о новой новости . Реализовал серверную часть с помощью Rachet и ZMQ , с клиентской частью не совсем понимаю как сделать . Пока что сделал уведомления только через консоль , все работает . Но не через консоль же пользователей оповещать . Вопрос в том , как сделать оповещения что-то типа вк ? какие инструменты использовать , чтобы большинством браузеров поддерживалось? Спасибо за ответы

Отслеживать
задан 17 авг 2016 в 16:41
Kolya Vantukh Kolya Vantukh
142 1 1 серебряный знак 10 10 бронзовых знаков

вы про нотификацию? есть полно плагинов google.ru/… например notifyjs.com или ned.im/noty/#/about и прочие.. просто надо поискать в стиле jquery notification

17 авг 2016 в 16:48

4 ответа 4

Сортировка: Сброс на вариант по умолчанию

Есть два типа пуш уведомлений: на одном вебсокеты точеные, с другим проблем тоже хватает.

Первый тип — это если у вас вкладка с сайтом открыта, соответственно ваш js там преспокойно выполняется.

Как включить уведомления ВК Вконтакте о новостях и комментариях ВК лайфхаки 2021

Второй тип — настоящие пуш уведомления. Если у вас вкладка с сайтом не выделена или вообще закрыта. Но браузер открыт при этом.

Для реализации первого типа вам по сути нужна любая обычная система мессаджей от вашего сервера вашему клиенту. Это могут быть хоть вебсокеты, может быть лонг поллинг, может быть sse. Да хоть сигнальные костры на гуглмапс =)
Алексей Шиманский в своем комментарии подразумевал именно этот тип сообщений.

Со вторым типом все сложнее. И реализовать их «просто прикрутив какую-то библиотеку или плагин на js» нельзя. Потому что нету этого вашего клиентского js когда вкладка закрыта. Ну собственно почему у клиента должен выполняться ваш скрипт если он не у вас на сайте?

Сделать это можно, но на пути нас поджидают неприятности.

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

И поэтому решается это сейчас так: крупные вендоры браузеров предоставляют свои сервисы, через которые можно соответственно можно работать с браузерами этих вендоров. GCM и APNS о которых упомянул в своем ответе misc — это соответственно такие сервисы для гугла и эпла. Есть пачка и от менее крупных компаний.

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

Еще по теме: Как добавить место работы в ВК через телефон

Соответственно появились прослойки разной степени надежности, функциональности и платности. Упомянутые пользователем mics onesignal.com и clevertap.com относятся к таким прослойкам.

Как включить или отключить оповещения ВКонтакте в браузере

А теперь к плохому. Готовое работающее исключительно бесплатное решение я не нашел (искал где-то полдня, если кто-то подскажет, буду благодарен.). Есть решения платные, есть сервисы предоставляющие бесплатную триалку и есть «бесплатные».

Вот onesignal.com — это сервис «бесплатный». Денег за свое решение они с вас не возьмут, но, насколько я понял из их соглашения, оставляют за собой право использовать и продавать данные которые вы через них пересылаете, третьим лицам. Вам подходит? Тогда попробуйте их.

Источник: ru.stackoverflow.com

[РЕШЕНО] Как настроить браузерные уведомления ВКонтакте

2. В самом низу выберите пункт «Показать дополнительные настройки».

3. Найдите раздел «Личные данные». В нём следует нажать на кнопку «Настройки контента».

4. Перед вами появится всплывающее окно. Найдите в нём раздел «Оповещения».

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

6. Если вы ранее дали какому-то сайту разрешение, но сейчас хотите его отменить, то нажмите на кнопку «Настроить исключения». Здесь можно удалить или добавить любой сайт.

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

Найдите опцию «Оповещения» и задайте для неё необходимое значение.

Opera

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

Откройте настройки браузера.
Переместитесь на страницу «Сайты». Именно здесь находится нужный раздел «Уведомления».
Удалите сайты, за обновлениями которых вы не хотите больше следить. Здесь же можно запретить всем сайтам показывать уведомления.

Firefox

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

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

Как включить оповещения и уведомления в браузере вконтакте

Привет! Буквально день назад мы поговорили о том, как включается и отключается ЗВУКОВОЕ оповещение вконтакте или так называемый “колокольчик”. Сегодня речь пойдет о другой, не менее полезной функции – оповещение в браузере.

Еще по теме: ВК как сделать брат и сестер

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

Сейчас я расскажу вам как включить и отключить оповещение в браузере ВК. Первоначально эта функция была доступна только пользователям браузера Google Chrome и она использовала Notifications API из нового по тем меркам стандарта HTML 5. Сейчас же она есть почти во всех популярных браузерах. Для того, чтобы ее включить, нужно перейти в свои личные сообщения на сайте VK.COM (https://vk.com/im) и спуститься в самый низ к футеру ( подвалу) сайта.

Включение и выключение оповещений в браузере вконтакте

Нас интересует кнопка – “включить оповещение в браузере” / “отключить оповещение в браузере”. Как только вы включите уведомления в браузере о тех или иных событиях – сразу можете затестировать эту функцию, начав диалог с каким-нибудь другом и начать заниматься своими делами в сети интернет.

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

Опубликовано: 31.07.2019

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

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

Кому будут полезны браузерные уведомления?

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

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

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

Шаг №1

Входим в свой профиль в ВК.

Источник: inetkak.ru

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

Как руководителю всегда быть в курсе событий, даже если рядом нет телефона? Показываем, как включить push-уведомления от Wave Service в популярных браузерах. Читайте статью ниже или скачайте инструкцию в PDF формате.

Скачать PDF

Google Chrome

Когда вы впервые откроете веб-версию приложения Wave Service, браузер запросит разрешение на показ уведомлений.

Разрешение на показ уведомлений в Google Chrome

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

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

Значок «Колокольчик» в Google Chrome

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

Еще по теме: Как зайти в сферум в ВК с телефона

Значок «Меню» и настройки в Google Chrome

В колонке слева нажмите на «Конфиденциальность и безопасность», далее в поле посередине выберите «Настройки сайтов».

Настройки сайтов в разделе «Конфиденциальность и безопасность»

В разделе «Разрешения» выберите пункт «Уведомления».

Настройка уведомлений

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

Окно дополнительных настроек

В разделе специальных настроек найдите блок «Запретить сайтам показывать уведомления» и проверьте, есть ли там адрес app.waveservice.ru.

Раздел «Специальные настройки»

Нажмите на значок меню (три вертикальные точки) и выберите из выпадающего списка «Разрешить».

Опция «Разрешить» в выпадающем списке

Если нужного сайта нет в списке запрещённых, просто нажмите на кнопку «Добавить» в разделе «Разрешить сайтам показывать уведомления».

Кнопка «Добавить»

Скопируйте адрес https://app.waveservice.ru и вставьте в поле ввода. Нажмите «Добавить».

Добавление сайта waveservice.ru

Готово! После этого сайт отобразится в списке «Разрешить сайтам показывать уведомления».

Отображение сайта в списке разрешённых

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

В адресной строке браузера нажмите на замок рядом с адресом app.waveservice.ru.

Значок «Замок» в Яндекс Браузере

В разделе «Protect» нажмите «Подробнее».

Подробные настройки в Яндекс Браузере

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

Настройки уведомлений в разделе «Разрешения»