[wordpress插件] Chrome Push NotificationsChrome推送通知

wordpress 插件文章 2020-03-23 11:00 513  0 全屏看文

小编 VIP3

AI助手支持GPT4.0

评分

100

描述

Enable Chrome push notifications for your WordPress (Chrome Desktop + Android).

为WordPress（Chrome桌面+ Android）启用Chrome推送通知。

You the latest Chrome feature to reach your users directly on Desktop and Android.

您拥有最新的Chrome功能，可以直接在台式机和Android上吸引用户。

More info here: http://blog.chromium.org/2015/04eaching-and-re-engaging-users-on.html

此处了解更多信息：http://blog.chromium.org/2015/04eaching-and-re-engaging-users-on.html

By installing and configuring the Chrome Push Notifications plugin on your WordPress site, you will not need any other extra service to enable the service for your users.

通过在WordPress网站上安装和配置Chrome Push Notifications插件，您将不需要任何其他额外服务即可为用户启用该服务。

You need HTTPS to use this plugin (even the free Clouflare SSL certificate will do the job), after installing a valid SSL certificate on your website you will be able to use this plugin.

您需要HTTPS才能使用此插件（即使免费的Clouflare SSL证书也可以完成此工作），在您的网站上安装有效的SSL证书后，您将可以使用此插件。

User will be asked to accept to receive push notification from your website.

将要求用户接受从您的网站接收推送通知。

Plugin Features:

插件功能：

Chrome Notifications (Chrome Desktop + Android)

Chrome通知（Chrome桌面+ Android）
Select Post Types for which you want the Push Notifications to be send

选择要发送推送通知的帖子类型
Automatic Push Notifications for newly created posts

新创建帖子的自动推送通知
Custom Logo for your notifications

用于通知的自定义徽标
Custom Notifications

自定义通知

Comming soon:

即将推出：

User statistics

用户统计信息
Notifications statistics

通知统计

Demo URL: https://www.aglipanci.com

演示网址：https://www.aglipanci.com

安装步骤

Requirements:

要求：

A valid SSL certificate so your website can be accessed through HTTPS (even a free one from cloudflare.com will do the work).
有效的SSL证书，因此您可以通过HTTPS访问您的网站（即使cloudflare.com上的免费网站也可以完成此工作）。
Check this guide to configure the Flexible SSL by Cloudflare: https://wordpresscheat.com/wordpress-cloudflare-flexible-ssl-guide/
检查此指南以配置Cloudflare的Flexible SSL：https://wordpresscheat.com/wordpress-cloudflare-flexible-ssl-guide/

Chrome 42+ (Desktop & Android)
Chrome 42+（台式机和Android）

Installation:

安装：

How to Install and Configure the Plugin

如何安装和配置插件

<p><span class=“ embed-youtube” style=“ text-align：center; display：block;”> <iframe class='youtube-player'type='text / html'width='640'height='360' <p/><p>src='https://www.youtube.com/embed/yHzz3Ui2yS4?version=3&rel=1&fs=1&autohide=2&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent' allowfullscreen='true' style='border:0;'><<p/><p>src ='https：//www.youtube.com/embed/yHzz3Ui2yS4？version = 3＆rel = 1＆fs = 1＆autohide = 2＆showsearch = 0＆showinfo = 1＆iv_load_policy = 1＆wmode = transparent'allowfullscreen ='true'style ='border：0;'> < <p/><p>/iframe></span><p/><p>/ iframe> </ span><p/><p><p>Follow this steps:</p><p/><p><p>请按照以下步骤操作：</ p><p/><p><ol><p/><p><ol><p/><p><li><p/><p><li><p/><p><p>Install the Chrome Push Notifications Plug-in</p><p/><p><p>安装Chrome推送通知插件</ p><p/><p></li><p/><p></ li><p/><p><li><p/><p><li><p/><p><p>Go to Google Developers Console, create a new project (activate the Cloud Messaging API)</p><p/><p><p>转到Google Developers Console，创建一个新项目（激活Cloud Messaging API）</ p><p/><p></li><p/><p></ li><p/><p><li><p/><p><li><p/><p><p>Open the new project, go to “Overview” and copy the “Project Number”</p><p/><p><p>打开新项目，转到“概述”并复制“项目编号” </ p><p/><p></li><p/><p></ li><p/><p><li><p/><p><li><p/><p><p>Go to APIs & auth > Credentials and click “Create a new key”</p><p/><p><p>转到API和身份验证>凭据，然后单击“创建新密钥” </ p><p/><p></li><p/><p></ li><p/><p><li><p/><p><li><p/><p><p>Select “Server Key”, you may enter your server IP if you want or leave it blank</p><p/><p><p>选择“服务器密钥”，则可以输入服务器IP，也可以将其保留为空白</ p><p/><p></li><p/><p></ li><p/><p><li><p/><p><li><p/><p><p>Copy the “API Key” generated.</p><p/><p><p>复制生成的“ API密钥”。</ p><p/><p></li><p/><p></ li><p/><p><li><p/><p><li><p/><p><p>Go to your wordpress dashboard, Chrome Push > Settings and paste the Project number and API</p><p/><p><p>转到您的wordpress信息中心，Chrome推送>设置并粘贴项目编号和API </ p><p/><p></li><p/><p></ li><p/><p></ol><p/><p></ ol><p/><p><p>key into the plugin settings.</p><p/><p><p>键入插件设置。</ p><p/><p><ol><p/><p><ol><p/><p><li><p/><p><li><p/><p><p>Upload an icon or logo, and click save.</p><p/><p><p>上传图标或徽标，然后点击保存。</ p><p/><p></li><p/><p></ li><p/><p><li><p/><p><li><p/><p><p>That’s it!</p><p/><p><p>就这样！</ p><p/><p></li><p/><p></ li><p/><p></ol><p/><p></ ol><p/><p><p>Not working?<p/><p><p>不起作用？<p/><p>drop me an email to agli [dot] panci [at] GMAIL [dot] com</p><p/><p>给我发一封电子邮件给agli [dot] panci [at] GMAIL [dot] com </ p><p/></div></fieldset><fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;"><legend>下载地址</legend><div>https://downloads.wordpress.org/plugin/chrome-push-notifications.zip</div></fieldset> </div> <div class="row" style="text-align: center;color: grey;font-weight: 600;">-EOF-</div> <p> <a href="https://www.sanshu.cn/a/76065.html" target="_blank" type="button" class="layui-btn layui-btn-normal" style="width: 100%;color: whitesmoke;">AI助手支持GPT4.0</a> </p><br /> <blockquote class="layui-elem-quote" id="copyright"> <div> 原文出处:<a href="http://www.sanshu.cn/a/7269.html">http://www.sanshu.cn/a/7269.html</a> </div> </blockquote> <div class="fly-panel detail-box" id="flyReply"> <fieldset class="layui-elem-field layui-field-title" style="text-align: center;"> <legend>您还可能感兴趣的文章</legend> </fieldset> <ul class="jieda" id="jieda"> <li data-id="answer_list_9328" class="jieda-daan"> <a href="/a/9328.html">[wordpress插件] CucuAdsCucuAds</a> </li> <li data-id="answer_list_9980" class="jieda-daan"> <a href="/a/9980.html">[wordpress插件] CyberProjekt Image WatermarkCyberProjekt图片水印</a> </li> <li data-id="answer_list_2880" class="jieda-daan"> <a href="/a/2880.html">[wordpress插件] Ask-Global-scroll-up询问全球卷动</a> </li> <li data-id="answer_list_9716" class="jieda-daan"> <a href="/a/9716.html">[wordpress插件] Custom Post Types Bubbles自定义帖子类型气泡</a> </li> <li data-id="answer_list_3385" class="jieda-daan"> <a href="/a/3385.html">[wordpress插件] Automatic Page Publish / Expire自动页面发布/过期</a> </li> </ul> </div> </div> </div> <div class="layui-col-md4"> <div class="fly-panel"> <h3 class="fly-panel-title">国内超级便宜服务器</h3> <div class="layui-row fly-panel-main friend-link"> <a href="https://www.sanshu.cn/a/76091.html" style="color: red;">看看多便宜</a> </div> </div> <div class="fly-panel"> <h3 class="fly-panel-title">摸鱼人热门新闻聚合</h3> <div class="layui-row fly-panel-main"> <a href="http://www.moyuren.com/" style="color:#3d8ae3;font-weight: bold;" target="_blank">点我查看热门新闻聚合</a> </div> </div> <style>.fly-zanzhu-img img{width:100%;}</style> <div class="fly-panel"> <div class="fly-panel-title"> 钻级赞助商 <span class="fly-mid"></span> <a href="mailto:sasa514@vip.qq.com" class="fly-link fly-joinad ">我要加入</a> </div> <div class="fly-panel-main" style="padding: 13px 15px;" id="zzcontent"> </div> <script src="/static/js/zanzhushang.js"></script> </div> <div class="fly-panel"> <h3 class="fly-panel-title">开发者在线工具</h3> <div class="layui-row fly-panel-main"> <a href="http://www.devtools.cn/" style="color:#3d8ae3;font-weight: bold;" target="_blank">开发者在线工具</a> </div> </div> <div class="fly-panel"> <h3 class="fly-panel-title">第三方支付技术请加QQ群</h3> <div class="layui-row fly-panel-main friend-link"> <p>群主管理都是支付大佬</p> <a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=cB5gB8XCMiWEBBZVBNNSijUC-vnGKmTR&jump_from=webapi"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="微信支付交流群" title="微信支付交流群"></a> </div> </div> <div class="fly-panel" style="height: 400px;"> <div style="padding:10px"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2144314048024814" data-ad-slot="8574354707" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle =window.adsbygoogle ||[]).push({});</script> </div> <div style="clear: both;"></div> </div> <div class="fly-panel"> <h3 class="fly-panel-title">开发工具</h3> <div class="layui-row fly-panel-main" style="padding: 15px;"> <a href="http://www.devtools.cn/" target="_blank">开发者工具</a> <a href="http://www.hellojava.com/links/" target="_blank">Java程序员常用链接</a> </div> </div> <dl class="fly-panel fly-list-one"> <dt class="fly-panel-title">相关文章</dt> <dd> <a href="/article/9328.html">[wordpress插件] CucuAdsCucuAds</a> </dd> <dd> <a href="/article/9980.html">[wordpress插件] CyberProjekt Image WatermarkCyberProjekt图片水印</a> </dd> <dd> <a href="/article/2880.html">[wordpress插件] Ask-Global-scroll-up询问全球卷动</a> </dd> <dd> <a href="/article/9716.html">[wordpress插件] Custom Post Types Bubbles自定义帖子类型气泡</a> </dd> <dd> <a href="/article/3385.html">[wordpress插件] Automatic Page Publish / Expire自动页面发布/过期</a> </dd> </dl><dl class="fly-panel fly-list-one"> <dt class="fly-panel-title">随便看看</dt> <dd> <a href="/article/72004.html">服务商里的基础技术服务费里面不包含小程序线上里面购买商品的场景么？</a> <span> <i class="iconfont icon-pinglun1"></i> 635</span> </dd> <dd> <a href="/article/72005.html">微信红包封面序列号哪里可以免费领到？微信红包封面怎么获得？</a> <span> <i class="iconfont icon-pinglun1"></i> 431</span> </dd> <dd> <a href="/article/72006.html">文档中有失效的代码片段链接！</a> <span> <i class="iconfont icon-pinglun1"></i> 361</span> </dd> <dd> <a href="/article/72007.html">微信红包封面序列号怎么免费领取？</a> <span> <i class="iconfont icon-pinglun1"></i> 482</span> </dd> <dd> <a href="/article/72008.html">身份信息被盗用注册公众号，现在注册到一半无法注册自己的公众号怎么办？</a> <span> <i class="iconfont icon-pinglun1"></i> 516</span> </dd> <dd> <a href="/article/72009.html">想问下用云开发如何限制button每天点击的次数？</a> <span> <i class="iconfont icon-pinglun1"></i> 442</span> </dd> <dd> <a href="/article/72010.html">火星船票怎么申请？</a> <span> <i class="iconfont icon-pinglun1"></i> 675</span> </dd> <dd> <a href="/article/72011.html">微信商户号申请扫码领券的批次号是怎么增加？</a> <span> <i class="iconfont icon-pinglun1"></i> 465</span> </dd> <dd> <a href="/article/72012.html">使用已经授权支付目录请求JSAPI支付一直提示当前URL未注册，什么原因？急！</a> <span> <i class="iconfont icon-pinglun1"></i> 429</span> </dd> <dd> <a href="/article/72013.html">配置很好的电脑，微信小程序电脑端速度奇慢，小游戏电脑端很快，为什么？（有视频为证）</a> <span> <i class="iconfont icon-pinglun1"></i> 595</span> </dd> </dl> </div> </div> </div> <link href="/static/hightlight/styles/monokai-sublime.css" rel="stylesheet"> <script src="/static/hightlight/highlight.pack.js"></script> <script>document.addEventListener('DOMContentLoaded',(event) =>{document.querySelectorAll('pre').forEach((block) =>{hljs.highlightBlock(block);});});</script> <script>var _bilioption={"container":".content","position":"self"};</script> <script asyn="asyn" src="/static/js/biliparse.js"></script> <script src="/static/js/app/article.js?11" type="text/javascript" charset="utf-8"></script> <script type="text/javascript">$(function(){layui.use(['carousel','form'],function(){var carousel =layui.carousel,form =layui.form;carousel.render({elem:'#test10' ,width:'50%' ,height:'440px' ,interval:5000 });}) }) $("#makeArticleWidth").click(function(){$("#detaildv").css({"width":"100%"}) $("#detaildv").find("table").css({"width":"100%"});}) $("#detaildv").find("a").each(function(a){var href =$(this).attr("href");if(window.document.location.host.indexOf(href)==-1 &&!$(this).attr("target")){$(this).attr("target","_blank");$(this).attr("rel","noreferrer");} }) </script> <script>var mediaRegex =[{"regex":"","controller":""},{"regex":"music.163.com\/#\/song\\\?id=(\\\d+)","controll":"<iframe frameborder=\"no\" border=\"0\" marginwidth=\"0\" marginheight=\"0\" width=330 height=86 src=\"//music.163.com/outchain/player?type=2&id={}&auto=1&height=66\">"}];jQuery(function(){$("#article_content").find("a").each(function(){var url =$(this).attr("href");for(var i=0;i"+c+"