web push api
TRANSCRIPT
![Page 1: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/1.jpg)
Web Push API
![Page 2: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/2.jpg)
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
![Page 3: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/3.jpg)
![Page 4: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/4.jpg)
Push Benefits
• Inform & re-engage “offline” users
• New Content
• Order Status
• etc.
• No pop-up ad please
![Page 5: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/5.jpg)
Push = more engagement
![Page 6: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/6.jpg)
![Page 7: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/7.jpg)
![Page 8: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/8.jpg)
![Page 9: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/9.jpg)
Web = reach more users
![Page 10: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/10.jpg)
http://venturebeat.com/2015/09/25/wait-what-mobile-browser-traffic-is-2x-bigger-than-app-traffic-and-growing-faster/
![Page 11: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/11.jpg)
![Page 12: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/12.jpg)
Web + Push = more users +
more engagement
![Page 13: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/13.jpg)
Warning: Don’t do it wrong
![Page 14: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/14.jpg)
Pop-up ads = Doing it wrong
![Page 15: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/15.jpg)
https://blog.clevertap.com/app-uninstall-reporting/
![Page 16: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/16.jpg)
Annoying Pop-ups = un-installs
![Page 17: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/17.jpg)
So: how?
![Page 18: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/18.jpg)
![Page 19: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/19.jpg)
![Page 20: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/20.jpg)
![Page 21: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/21.jpg)
![Page 22: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/22.jpg)
https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers
![Page 23: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/23.jpg)
![Page 24: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/24.jpg)
![Page 25: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/25.jpg)
![Page 26: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/26.jpg)
![Page 27: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/27.jpg)
![Page 28: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/28.jpg)
![Page 29: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/29.jpg)
![Page 30: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/30.jpg)
![Page 31: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/31.jpg)
https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API
![Page 32: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/32.jpg)
Web Push API = Service Workers
+ Push API
+ Notifications API
![Page 33: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/33.jpg)
![Page 34: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/34.jpg)
![Page 35: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/35.jpg)
![Page 36: Web Push API](https://reader031.vdocuments.us/reader031/viewer/2022021420/587383681a28ab272d8b54f9/html5/thumbnails/36.jpg)
Code & Demo