在使用国外网站的过程中,我们会发现许多网站都添加了推送功能,每当网站有更新时,只要用户在使用浏览器就会在桌面的右下角收到弹窗消息(类似QQ客户端的推送),这样既提醒了访客,也为网站带来了人气,是一个非常好的功能。那么我们该如何为自己的wordpress站点添加这种推送功能呢,其实现在已经非常简单了,Onesignal插件就是专门为此开发的插件,接下来就看一下如何使用Onesignal实现浏览器右下角的弹窗推送

提前准备:开启推送前,最好为网站开启https,不开也能用,但是效果不好

安装OneSignal

WordPress网站添加浏览器弹窗推送  Onesignal插件使用教程

首先,这款插件非常良心,是免费的,自行在wordpress插件中心下载,安装好之后先不要使用,需要到OneSignal的平台做一些设置

设置OneSignal应用

我们先到onesignal官网注册一个账号,注册好之后回到onesignal控制台,会看到一个添加应用的按钮,点击 Add a new app

WordPress网站添加浏览器弹窗推送  Onesignal插件使用教程

输入一个好记的名称,比如themeforwp

WordPress网站添加浏览器弹窗推送  Onesignal插件使用教程

接下来会让你选择设备,因为我们是浏览器,选择Web Push,可以看出OneSignal还是蛮强大的

WordPress网站添加浏览器弹窗推送  Onesignal插件使用教程

选择平台,先选插件,再选择Wordpress

WordPress网站添加浏览器弹窗推送  Onesignal插件使用教程

这里需要注意的是确认好自己的网站带不带www,可以在设置 – WordPress地址查看

图片可以做一个 192*192大小的jpg图像传到自己网站上,或者留空也行,完成后点击保存

WordPress网站添加浏览器弹窗推送  Onesignal插件使用教程

WordPress网站添加浏览器弹窗推送  Onesignal插件使用教程

最后2个APP ID 和 API KEY 因为我们需要用到,先这样留着就好,至此平台配置完毕

WordPress配置OneSignal插件

得到密钥后我们就可以继续回到自己的Wordpress站点中了

WordPress网站添加浏览器弹窗推送  Onesignal插件使用教程

依次选择 OneSignal Push – Configuration

首先要做的就是把刚刚记下的APP ID和API KEY填到这里,如果忘记保存的话可以查看 SETTINGS – Keys & IDs

WordPress网站添加浏览器弹窗推送  Onesignal插件使用教程

其他的选项基本没有什么比较重要的,建议把下图中的自动提醒新访客订阅打开

WordPress网站添加浏览器弹窗推送  Onesignal插件使用教程

开启后会有如下的提醒

WordPress网站添加浏览器弹窗推送  Onesignal插件使用教程

最后记得保存

实现文章推送

WordPress网站添加浏览器弹窗推送  Onesignal插件使用教程

当插件配置好后,我们再次发布文章就会发现,在右侧的工具栏多了一个实时推送选项,也就是说我们只要勾选改项,当文章发布或更新时,都会推送到订阅用户

测试推送效果,实测很快,刚刚发布就推送了,注意自己要提前订阅网站

WordPress网站添加浏览器弹窗推送  Onesignal插件使用教程

基本到这里,我们的推送就部署完毕,注意的是该插件虽然好用但是一定要适度,不要让自己的站点被用户反感。关于Onesignal可能还有很多选项和功能没有说,以后有时间再补充一些其他的用法

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