Javascript : Push notifications to browser with Push.js

Problem:

Instead of RSS, you want to send notifications to your visitor's computer through their browser about the latest updates that your blog or organization has to offer. Such as:

How to do that?

Solution:

Instead of implementing the notification with API, use Push.js instead. It is a free notification library that handles all the basic push notifications with a couple of JavaScript lines.

You can invoke Push.js with

  <script>
  Push.create('Hello! Thank you for allowing to push notification. I will be updating you with the latest updates')
  </script>

To see more advanced configurations, head over to https://github.com/Nickersoft/push.js to see the available options.

In case you pressed the "BLOCK" button and unable to see the prompt again during testing phase, you will need to revoke the block/allow notifications in your browser.

To do this for example, in Chrome - click settings, scroll down to Advanced tab, click Content Settings and click Notifications OR paste this chrome://settings/content/notifications into the address bar.

NOTE: From my own experience, Push notifications will not be able to work with localhost.