SlideShare a Scribd company logo

Web Push API

•
•
Luke Crouch
Luke Crouch

The Web Push API lets you re-engage 'offline' users with new content. You can implement it with plain JavaScript, or use libraries for WordPress or Node.js. This talk will cover the basics of the tech involved - Service Workers, Push API, and Notifications API. See https://serviceworke.rs/push-simple.html

Related slideshows

Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)
 
Progressive web apps
Progressive web apps Progressive web apps
Progressive web apps
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
1 of 36
Download to read offline
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
Web Push API
Push Benefits • Inform & re-engage “offline” users • New Content • Order Status • etc. • No pop-up ad please
Push = more engagement
Web Push API
Web Push API
Web Push API
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 API
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?
Web Push API
Web Push API
Web Push API
Web Push API
https://developer.mozilla.org/en-US/docs/Web/API/ Service_Worker_API/Using_Service_Workers
Web Push API
Web Push API
Web Push API
Web Push API
Web Push API
Web Push API
Web Push API
Web Push API
https://developer.mozilla.org/en-US/docs/Web/API/ Notifications_API
Web Push API = Service Workers + Push API + Notifications API
Web Push API
Web Push API
Web Push API
Code & Demo

More Related Content

Web Push API