浏览器推送调研

环球易购-电子项目部

链接

https://firebase.google.com/docs/cloud-messaging/http-server-ref

对接人

服装

前端：江民警 推送系统：康鹏飞

调研准备

1.浏览器占比，zaful浏览器占比谷歌为65%，火狐为15%

推送系统现状

1.对接浏览器：谷歌、火狐
2.端口：PC、M
3.需要网站配合做前端处理，可以调取浏览器自己的组件也可以自己写组件。在调取浏览器通知提醒的时候，可以考虑直接唤起，也可以通过网站弹窗确认用户意图，网站自己做好时间间隔的处理
4.授权是基于二级域名的，考虑到用户体验，一般网站有很多个二级域名，建议不要反复调取通知，尤其需要注意的是GB现在存在非二级域名的国家站，需要考虑如何处理
5.效果统计目前是借助于GA，可以在流量获取-来源媒介中查询，需要在配置的链接中增加参数用于区分站点、端口、日期等，例如：https://www.zaful.com/promotion/super-swimwear-sale-740.html?utm_source=push&utm_medium=19.2.25&utm_campaign=ZAFUL
6.推送系统也在开发自己的数据统计，需要沟通服装的前端拿到埋点代码，做数据埋点一遍回传数据给PUSH系统用于统计，目前有收集展示和点击数据
7.push系统做浏览器推送的唯一标识是token，token存在一定的有效期，需要做定时更新维护
7.1 用户可以在浏览器中取消通知权限，需要同步更新给推送系统
7.2 数据推送的时候，更新内容包含字段为语言、国家、user_id、IP地址、渠道、端、token、浏览器信息、添加时间、更新时间等
7.3 在浏览器下存在注册和登录的时候判断token是否失效，失效的话需要进行更新
8.推送消息的处理
8.1 推送的消息存在多种展示形式：① 覆盖之前的消息；② 同一图层，从上到下排开；③ 不同图层，叠加
8.2 推送消息的展示时长控制，可以一直展示直到关闭，或者固定展示多久后自动消失

参考链接

JavaScript 工作原理之九－网页消息推送通知机制
浏览器桌面通知Notification探究
简单了解HTML5中的Web Notification桌面通知
向网络应用添加推送通知
https://firebase.google.com/docs/web/setup