外贸独立站的底层设计密码WordPress 成品站模板
当前位置:首页>WordPress建站>用户交互>WordPress使用OneSignal实现用户订阅和推送网站通知

WordPress使用OneSignal实现用户订阅和推送网站通知

相信最近几天访问WordPress大学的朋友注意到我们添加了一个订阅通知的功能,倡萌是使用OneSignal的推送服务,实现用户订阅和推送网站通知的。今天就来分享一下具体的操作方法。

OneSignal 是一家提供信息推送的服务商,支持手机端信息推送、Web端信息推送、电子邮件推送和APP应用内信息推送。只需要10多分钟的简单设置,就可以实现功能。国外提供这方面的服务的商家有好几个,但是倡萌通过对比最终选择了 OneSignal,最大的优势是免费支持30000订阅用户,不限通知推送数量。而别家一般仅支持2000订阅用户。

2022年5月31更新:OneSignal 免费版不限制订阅用户,但是每条网络推送信息的接收人最多为10000人,也就是说,你直接在WordPress后台推送文章更新的时候,最多只能推送给10000个人。

关于订阅和推送,可能大家比较熟悉的是邮件订阅。但是邮件订阅通常需要邮件发送功能和服务,一旦订阅用户数量上来了,邮件的发送数量和成功率就是一个瓶颈,或者需要额外的费用支出。

像 OneSignal 这类推送服务貌似是最近几年才出现在大家的视野中,刚开始还担心这类国外的服务会水土不服,但是测试了几天,发现一切都很OK。国内用户订阅都很正常、推送消息几乎秒到!目前虽然还不清楚订阅量上来以后会是一个什么情况,但是 OneSignal 的免费额度还是相当有吸引力,对于一般的网站来说,30000订阅用户数量应该够用的了。

好了,开始介绍具体的操作吧!

注册 OneSignal 账号

我们必须注册一个OneSignal账号,才可以使用他们的推送服务。访问 OneSignal 官方 https://onesignal.com/ ,点击右上角的 Sign Up 按钮,即可进入注册界面:

注册 OneSignal 账号

填写邮箱、密码和名称,点击 Create Account 按钮完成注册。

创建一个应用

使用你刚才注册的账号登录以后,就可以在后台创建应用,点击下图的 NEW APP/WEBSITE 按钮,在弹出的对话框中,填写一个名称,然后点击 CREAT 按钮:

下一步,我们选择谷歌浏览器的图标,点击 NEXT:

然后按照下图选择WordPress:

设置网站名称、网址和上传一个默认图标,然后点击左下角的 SAVE 按钮:

保存了以后,就会看到下图界面,里面有一个 APP ID 和 APP KEY,复制下来,稍后我们要用到的

如果你忘记复制了,以后可以进入到这个应用的 Settings 界面,点击 Keys & IDs 选项卡,可以看到相关的内容:

通过上一步,我们已经创建了浏览器推送,但是针对苹果浏览器 Safari ,还需要进一步设置。在应用列表,点击应用的名称,进入到管理界面。

点击 Settings ,在 Platforms 下面可以看到,这里面还有很多需要设置的推送平台,我们这里已经设置了ALL浏览器, 点击 Apple Safari 后面的那个图标:

在弹出的对话框中,可以设置网站名称、网址,还可以设置一个图标,保存以后,就可以看到一个 Web ID,这个很重要,我们后面要用到的,建议复制下来备用。

到这里,我们需要的浏览器推送的平台已经设置好了,如果你需要设置更多的平台,请自己去设置,这里就不再做介绍了,一般我们使用浏览器推送就可以了。

安装和配置 OneSignal 推送插件

OneSignal Push Notifications 是一个 OneSignal 开发的WordPress插件,专门用来对接 OneSignal 服务的。我们可以在WP后台插件安装界面搜索 OneSignal Push Notifications 进行在线安装,可以到官方下载后上传安装: https://wordpress.org/plugins/onesignal-free-web-push-notifications/

安装并启用插件以后,在WP后台左边菜单的最底部,可以看到 OneSignal Push 菜单,点击进入就可以看到如下的设置界面。该插件不支持语言包汉化,所以只有简单在图片标注一下中文了。

我们注意一下第一个图片的 Account Settings 部分,这里有三个选项,需要填写一些API信息的。这就是我们上面提到的 APP ID 、APP KEY(REST API KEY)和 Safari Web ID,将它们分别填入即可,其他选项请尽可能参照图片设置:

注意看下面的图片,在自动通知设置这里,倡萌不推荐勾选,以免每次发布新文章都自动推送通知,数量过多的话,可能会造成用户的反感!

然后还有一个设置选项需要注意,就是设置自定义文章类型,如果你的网站不仅一种文章类型,这个设置就要根据需要设置一下。

设置完所有选项以后,不要忘记点击左下角的 SAVE 按钮!

前台效果展示

如果按照上面的教程仔细设置好以后,这个时候访问前台页面,刷新一下,应该可以看到下图界面,提示是否允许显示通知,所有访问的用户都会看到这个提示:

然后在网站右下角,可以看到一个订阅铃图标:

收到通知以后,一般会在电脑界面显示出来

后台发布文章推送通知

按照上面的步骤详细设置了以后,我们就可以在后台发布文章界面(或者其他文章类型发布界面),看到一个设置选项:

如果你要推送这篇文章,可以勾选设置,但是这里有一点需要注意:发布文章并推送以后,如果你要更新文章,记得先取消勾选,否则更新文章会再次发送推送!!!!

在OneSignal官方推送通知

除了可以在 WordPress后台发布文章的时候推送通知,还可以在 OneSignal 官方后台进行推送。进入应用的管理界面,点击 Messages ,进入即可:

更多的操作方法,请看官方文档: https://documentation.onesignal.com/docs/notifications

小结

在这篇文章中,倡萌主要分享了 OneSignal 的Web端推送的设置,支持 Chrome、Firefox、Edge、Safari浏览器。 它还有很多其他平台可以开启,具体就靠大家按需配置了。此外, OneSignal 官方后台可以查看订阅用户信息,支持用户分组,还有很多设置,大家就自己摸索吧,有什么问题可以看官方文档,几乎每一个功能和步骤都有文档链接,非常用心!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
欢迎关注WordPress大学公众号 WPDAXUE
用户交互

WordPress 禁止作者为文章设置标签

2019-7-23 7:40:25

用户交互

详解WordPress的用户角色和能力/权限

2020-2-16 9:33:41

14 条回复 A文章作者 M管理员
  1. 小宇

    powered by可以去掉吗

    • 倡萌

      我用了这个插件,貌似没有在哪里看到出现你说的这个“powered by”

    • 小宇

      难不成我用了新版?在订阅的按钮下面有一个“powered by onesignal”如图:https://s2.ax1x.com/2020/03/02/3RlOnH.png

    • 倡萌

      我的就是最新的 2.1.1,貌似我的没有看到这个

    • 小宇

      噢,有个开关可以关掉,谢谢!

  2. 大师傅

    不知道那个写什么

  3. 大师傅

    可以加上win和mac和安卓系统吗

  4. 老五

    不好意思 问一个超级小白的问题,选择订阅图标为右下角,这个图标正好和返回顶部的图标冲突了,覆盖上了,大佬问一下怎样把这个小铃铛往左边移动20个像素,能不能告诉我是哪行代码,见笑了

    • 倡萌

      在插件的设置界面,有一个选项 Customize the Subscription Bell offset position,你启用这个选项后,会在下面出现新的选项,就可以调整位置的参数了

  5. 缙哥哥

    博客已经注册的小伙伴还要点订阅吗?看文章是浏览器通知推送,有邮件通知推送吗?

    • 倡萌

      我们对已注册的用户没有推送的。如果你需要,就订阅一下。目前还没有考虑邮件推送

    • 缙哥哥

      那这个订阅是在哪里查看?用户怎么收到?

    • 倡萌

      不同的系统显示不一样,windows10会在右下角显示,真正的通知忘记截图了,之前截取了一个欢迎通知的,已经在文章中补上了

  6. 缙哥哥

    30000个,我心动了!

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索