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

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

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

安装OneSignal

wordpress安装OneSignal浏览器推送插件

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

设置OneSignal应用

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

OneSignal创建应用

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

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

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

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

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

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

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

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

OneSignal平台设置域名和图标
OneSignal密钥

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

WordPress配置OneSignal插件

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

wordpress配置OneSignal密钥

依次选择 OneSignal Push – Configuration

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

忘记密码查看OneSignal密钥

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

OneSignal开启自动推送

开启后会有如下的提醒

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

最后记得保存

实现文章推送

OneSignal推送文章方法

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

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

OneSignal文章推送效果

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

原创文章,作者:Tony,如若转载,请注明出处:https://www.xxside.com/1918.html

思德心语,壹群:799239814

(0)
上一篇 2019年10月14日 下午4:12
下一篇 2019年10月14日 下午4:31

相关推荐

发表评论

登录后才能评论