Web Push API

Preview:

Citation preview

Web Push API

Short-circuit

• https://serviceworke.rs : “Push Simple”

• https://developer.mozilla.org/en-US/docs/Web/API/Push_API

• https://developers.google.com/web/fundamentals/getting-started/push-notifications/?hl=en

Push Benefits

• Inform & re-engage “offline” users

• New Content

• Order Status

• etc.

• No pop-up ad please

Push = more engagement

Web = reach more users

http://venturebeat.com/2015/09/25/wait-what-mobile-browser-traffic-is-2x-bigger-than-app-traffic-and-growing-faster/

Web + Push = more users +

more engagement

Warning: Don’t do it wrong

Pop-up ads = Doing it wrong

https://blog.clevertap.com/app-uninstall-reporting/

Annoying Pop-ups = un-installs

So: how?

https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers

https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API

Web Push API = Service Workers

+ Push API

+ Notifications API

Code & Demo

Recommended