早兩天寫了一篇讓 WordPress 支援 MacOS notification 的方法。
不過不是所有人都使用 WordPress,還有很多朋友用 Blogger / 痞客邦等。
所以也簡單寫一篇教學文講解如何令 Blogger 支援 Notification.
Blogger
首先到 Roost 網站申請帳戶 – https://go.goroost.com/invite/265390 ( 經這條 Link 申請企企和申請人都可以得到額外 100,000 push 限額 )
之後登入 Roost,到 Settings > Roost JavaScript
就會見到有一句你專用的 Javascript,大約是
<script src='//cdn.goroost.com/roostjs/YOUR NUMBER' async></script>
複製這句到 Blogger.
![roost web push javascript](https://enterpr1se.info/wp-content/uploads/2014/11/roost-web-push-javascript-700x437.png)
大家到自己 Blogger 的 Template,尋找 </head>
在 </head> 前面貼上 Roost 的 JavaScript
不過由於 Blogger 不支援 async 直接在 script 上,所以要修改一下,變成
<script async='async' src='//cdn.goroost.com/roostjs/YOUR NUMBER'></script>
![Blogger add roost web push javascript](https://enterpr1se.info/wp-content/uploads/2014/11/Blogger-add-roost-web-push-javascript-700x437.png)
之後 Save template 就完成了。
大家可以用 Mac 機看一看成功了沒有。
![Blogger have notification](https://enterpr1se.info/wp-content/uploads/2014/11/Blogger-have-notification-700x437.jpg)
痞客邦
至於痞客邦也大同小異,一樣需要開設 Roost 的帳戶 – https://go.goroost.com/invite/265390。
開設後登入 Roost,到 Settings > Roost JavaScript
複制那一句 JavaScript 後。
登入到痞客邦的後台,選擇 部落格 > 側邊欄位設定 > 新增版位
![Pixnet dashboard](https://enterpr1se.info/wp-content/uploads/2014/11/Pixnet-dashboard-700x437.png)
之後到貼上 Roost 的 JavaScript code.
![Pixnet add Roost web push](https://enterpr1se.info/wp-content/uploads/2014/11/Pixnet-add-Roost-web-push-700x437.png)
將 Roost 的 JavaScript code 拖到第一或第二欄位。
![Pixnet add Roost web push to column](https://enterpr1se.info/wp-content/uploads/2014/11/Pixnet-add-Roost-web-push-to-column-700x437.png)
應該可以成功運行了。
![Pixnet Push](https://enterpr1se.info/wp-content/uploads/2014/11/Pixnet-Push-700x437.png)