Blogimove推播工具，運用Google firebase cloud messaging打造絕佳網站資訊傳送的強大功能 | BLOGIMOVE部落客專屬外掛

經營一個出色的網站，除了要有優質的內容，更要有將網站內容迅速推出播送的管理，提供貼心、即時的訊息服務。網站經營者或是部落客不只是靠網站優異的SEO，也需要經營社群，從早期的臉書粉絲專頁、臉書社團，到中期的LINE@，以及近期很熱門的瀏覽器推播(如：OneSignal)，但是隨著這些平台的經營政策改變，到付費模式的調整，往往造成網站內容經營者非常多的困擾與拉高經營成本，以開始的免費，到後來的巨額成本，為推送文章及連結訊息給廣大的粉絲群眾所必須付出的成本相當的昂貴。聰明的部落客多會經營多個社群管道，以避免這樣的情形發生，一來可以增加流量來源，一來是分散經營成本風險，但始終是依靠這些平台，一旦賴以維繫網站流量來源的社群管理被以「養套殺」的商業模式綁架時，讓這些自媒體經營者更是陷入進退維谷的囧境，不付出高額的經營成本，那社群的流量只好斷指結束，輕者花點時間另闢社群管道，重者嚴重打擊網站好不容易長期累積的流量，這些問題都出在經營社群的工具不是掌握在自己手上。

一、天下沒有白吃的午餐，社群經營成本只會愈來愈高

以臉書觸擊率偏低依賴付費下廣告又依賴廣告操作技術才能精準的投放到合適的讀者，而依據2017年的資料顯示「平均每千次廣告曝光成本(average CPM)從4.12美元增加到11.17美元」、「平均單次連結點擊成本(average CPC)從0.42美元增加到0.99美元」(【註】參考資料來源)。而line@生活圈推出2.0版但收費三級跳，以有1萬粉絲要照顧的網站來說，2萬5千則的訊息量也只夠每月發3則訊息，就得付出將近4千元以上的成本，適想那些有3萬、5萬粉絲要照顧的line@生活圈經營者，該付出多巨大的經營成本，真的是賺得都給line就好了。再來近年開始熱夯的網站推播服務，方便的wordpress外掛功能，簡易的設定吸引了多少網站加入，一開始的免費真的是免費嗎？當大家有些人氣之後，費用也從免費使用來到了基本$99美金(3萬以下訂閱人數)的付費門檻，而且免費版的自動訊息推播速度是以小時計算，只有付費的帳號才有以分鐘的傳遞速度。

林林總總加下來，經營廣大的社群所需要的成本支出，光是時間成本不計算，以平台及工具的使用成本來說，已經對自媒體經營者造成多大的困境與經濟負擔。若是一切回歸網站內容的經營，創造SEO流量以及留在自媒體上的社群經營呢？會不會是一個更棒的解決方案？

【圖片來源】OneSignal官方網站截圖

 

二、留在自架站上的，才是最真實的存在

為什麼這麼說呢？從網路的發展轉，社群平台的崛起到沒落，起起落落之間，唯一不變的仍是有優質內容的網站，靠著強大的SEO，完全掌握在自媒體經營者手上的內容網站才是根本，所以有沒有一種方式是能結合社群經營以及網站內容同時管理，又能將社群平台留在自架站上，未來有任何的調整都保有完整的客戶資料以及經營內容，只要有適當的技術就能彈性的再運用，不受限於社群平台的政策改變與經營成本的問題。blogimove研究目前的網路技術來說，網站推播(web push)是一項可行的技術，不必開發多種版本的行動載具APP，跨平台的推播可能性，只要有瀏覽器支援的一天，它就會長久的存在，要有強大的技術支援，以及開放的經營政策。這些條件下，Google 的Firebase Cloud Messaging服務真的是一項非常良好的選擇，也是目前愈來愈多網路服務提出的發展方向。當然，目前的瀏覽器支援度還是停留在Chrome、firefox等開源的瀏覽器上，apple的safari及在ios上尚未支援，但這個缺點瑕不掩瑜，終有一天等到這些尚未支援web push的瀏覽器長大的一天。

【圖片來源】Firebase官方網站

 

三、強大的Google Firebase 後端服務平臺

Firebase是一個支援在 Android、iOS 及網頁的 app 快速建置的後端服務平臺（Backend as a Services，BaaS），目的是提供「快速構建應用，無需管理基礎架構」以及「單一平台，產品可以協同工作」，加上是由Google提供支持，因此目前受到相當多熱門應用的信賴。而且Firebase具有優異的數據分析功能。具備即時資料庫（Realtime database）、身分驗證模組（Authentication）、雲端訊息（Cloud Messaging）、主機（Hosting）、儲存（Storage）、及遠端配置（Remote Config）、訊息推播系統 （notifications）、app 索引（App Indexing）、動態連結（Dynamic Links）、email 及 sms 邀請（Invites）等相當強大的服務功能，而且每個月$25美元就有進階的功能可以使用，但對於想要使用FCM服務的朋友來說，絕大的好消息就是它是完全免費的，也就是這次blogimove為什麼挑選Firebase當做推播工作開發的首選，而且仔細研究下，回頭看看OneSignal付費提供的服務，如：A/B Testing、Notification、Analytics不就是Firebase提供的免費服務就全都包了，那麼我們付每個月超過$99美金購買的服務，不就是跨過技術的門檻付出的代價。但現在blogimove將提供的技術服務，讓辛苦經營自媒體的你有輕鬆的選擇方案，只有擁有blogimove部落客專屬外掛，已經幫你整合了Google相當多的優秀雲端服務功能，如 Google analytics、Search Console、Firebase Cloud Messaging等，以及未來不斷開發的眾多功能。

 

【圖片說明】firebase付費方案

 

【圖片說明】Cloud Messaging完全免費

 

四、Blogimove推播工具七大特點

(一)整合Google Firebase Cloud Messaging免費功能，具備未來發展性

一個工具的開發需要強大的技術支援，並且能夠對於未來的功能保留擴充以及發展性，Blogimove開發過眾多適合自媒體經營者使用的外掛程式，整合在部落客專屬的Wordpress外掛程式中，這也是為什麼要從像痞客邦、天空部落、Weebly等平台中搬出自架，正因為在開源程式的自由中，可自行開發、整合網站所需的各項功能，隨著與時俱進的程式開發，我們看中的是未來的發展性，Firebase以及Web Push這一塊還有相當多能夠發展的應用可能性，雖然，目前的推播功能尚只有單向的推送訊息，互動的部份仍依賴其他的社群平台，但是相信隨著未來技術的發展，Blogimove對發展具有雙向互動的社群經營工具有相當美好的展望。

【圖片說明】firebase提供的眾多服務

 

(二)設定輕鬆，操作簡易

開發外掛程式最重要的是大大降低使用者的技術門檻，讓無技術背景的部落客輕輕鬆鬆就能搞定網站經營的重要管理步驟，所以，Blogimove的推播工具，只要簡單二個設定步驟就能開始使用強大的訊息推播功能，只要註冊Firebase帳號取得app專案資料，將八項從firebase提供的資料填入適當的欄位中，加上三項自訂的設定，就能馬上開始使用網站推播功能，過程不需要多久的時間，更沒有什麼技術的門檻。

【圖片說明】推播工具的設定只有少少的11項，八項來自firebase專案資料，三項自訂的欄位，就能搞定整個推播工具的設定。

 

(三)完整的訊息推播功能

Blogimove推播工具目前提供的推播功能，提供文章編輯時，自訂排程、文章排程或是立即推播文章的訊息，或是在Wordpress控制台中自訂訊息的推播中心，能夠快速又簡易的將訊息推播出去。不只是推播新文章訊息，還能將你所需要的訊息、連結、圖片透過推播中心的簡易操作，立即將訊息推送給廣大的粉絲群眾，而且訊息傳送速度在一分鐘內就送達。

【圖片說明】控制台中的推播中心，除了立即推播、自訂排程推播外，還有一目瞭然的統計資料，便於掌握目前的訂閱以及回訪人數。

 

【圖片說明】文章編輯時，側欄即有推播文章的方便工具，也可以自訂推播標題、內文，系統會自動在推播訊息中加入文章圖片及連結網址。

 

(四)網站內容與社群訊息的經營整合

Blogimove推播外掛整合wordpress側欄的小工具，提供「最新推播訊息」的即時顯示工具，讀者可以回到網站閱讀最新推播訊息，並且提供目前尚無法網站訂閱的Safari或是ios用戶一個閱讀推播訊息的管道，未來blogimove還會開發管理推播訊息的界面以及讀者回顧的功能，將網站內容與社群訊息整合在同一平台之上，一個由自媒體經營者完全掌握的網站上，又可當做網站經營的訊息管道兼具內容經營，一魚多吃的整合式經營方式，完完全全提升自架站的重要性。

【圖片說明】推播訊息可透過內建的小工具，整合在網站的側欄，顯示在前台。

 

(五)完整收集訂閱瀏覽器金鑰

網站推播最重要的資料就是客戶端允許推播通知時產生的金鑰，要重新訂閱推播頻道，或是需要調整推播功能時，要求廣大的讀者重新訂閱是一種痛苦又漫長的過程，blogimove推播工具會將每一個訂閱的客戶端瀏覽器金鑰保存下來，以便未來推播服務需要擴充或是更動時，從主機端即可協助讀者重新訂閱或是改訂其他頻道，甚至是未來提供更強大功能時，能夠快速得將數以萬計的訂戶立即轉移，這是一個必要的儲存機制，也是對未來擴充性以及確保社群經營權的重要設計，相信這樣的功能未來會有更多的強大運用方式出現，我們能夠做的就是要走在浪潮前端，看見發展方向及早因應。

 

(六)自動轉移已訂閱網站通知的客戶端

已使用一段時間其他外掛程式的網站推播功能的網站更能輕鬆協助客戶訂閱新頻道，blogimove推播工具已建置了完整的程式，當客戶端連線網站時，自動判斷出客戶端之前已訂閱，立即自動為客戶端訂閱新的頻道，並且將伺服器與客戶端重要的溝通金鑰保存在伺服器上。

 

(七)內建統計讀者回訪次數統計功能，輕鬆掌握推播成效

控制台中的「Blogimove推播中心」提供訂閱人數、推播訊息、訂閱訪客回訪網站的人數統計，以24小時為間隔統計客戶端瀏覽器回訪網站的流量，可用於掌握鐵粉每日回訪網站的數量，或是推播訊息之後，輕鬆就能掌握推播訊息回訪網站的成效。

 

五、Blogimove推播工具設定

 

(一)註冊Firebase帳號，建立Cloud messaging專案

操作步驟1-1>>使用google帳號登入firebase [點連結前往]

 

操作步驟1-2>>使用google帳號登入firebase [點連結前往]

 

操作步驟1-4>>前往控制台 [點連結前往]

 

 

操作步驟1-5>>新增專案

 

操作步驟1-6>>輸入「專案名稱」、「專案ID」；選擇「數據分析位置」、「Cloud Firestore位置」；勾選三項調查，即可建立專案。

 

 

操作步驟1-8>>點選「新增web app」新增web應用程式

 

操作步驟1-9>>輸入應用程式暱程(自訂)，點擊「註冊應用程式」

 

(二)設定blogimove推播工具

 

操作步驟2-1>>複製apiKey、AuthDomain、databaseURL、projectID、storageBucket、messagingSenderId等六項資料，如步驟1-10貼到blogimove推播工具設定欄位中。

 

 

操作步驟2-2>>複製apiKey、AuthDomain、databaseURL、projectID、storageBucket(可省略)、messagingSenderId等六項資料，貼到blogimove推播工具設定欄位中。

 

操作步驟2-3>>點選「Project Overview」旁的齒輪圖示，選擇「專案設定」

 

 

 

操作步驟2-4>>點選設定頁面的「Cloud Messaging」標籤文字，複製「伺服器金鑰」，並將伺服器金鑰貼至blogimove推播設定工具的「伺服器金鑰Server Key」欄位中。

 

操作步驟2-5>>複製「網路推播憑證」金鑰，貼至blogimove推播設定工具的「網路推播憑證PublicVapidKey」欄位。

 

操作步驟2-6>>輸入自訂「訂閱頻道」名稱(英文)

設定推播訊息通知的「停留時間」秒數(注意這個項目盡可能超過120秒，不然停留時間太短，讀者會看不清楚通知內容)

輸入「預設圖片」網址，提供未提供圖片的推播訊息最基本的網站圖片。

 

完成以上動作，即完成推播工具的設定。接下來就是直接開始推播訊息囉!!

 

六、如何推播訊息

blogimove推播工具主要分為「位於控制台的『推播中心』」、「文章編輯器中的『文章推播工具』」以及「外觀中的『blogimove推播小工具』」等三個部份。

(一)控制台「推播中心」自訂推播訊息

操作步驟3-1>>至wordpress後台的「控制台」中，找到Blogimove推播訊息工具(推播中心)，

設定「排程方式」、「排程時間」(若是立即推播不必設定時間)、輸入推播「標題」(必要項目)、輸入「內文」。

【註1】「連結」若未設定，點擊推播通知訊息預設動作會將讀者帶回網站「首頁」。

【註2】「圖片」若未設定，會自動以在前面步驟設定的預設圖片顯示。

【註3】最下方回訪人數統計資料，是以間隔超過24小時的回訪動作計算一次回訪次數，也就是同一訂閱讀者回訪網站時每日計算一次，若二日皆有回訪則計數二次。

 

在apple電腦中chrome顯示的推播訊息

 

(二)在「文章編輯器」推播文章訊息

 

操作步驟>>在文章編輯器右側的「Blogimove文章推播」工具設定推播方式，點擊「推播文章」

【註1】自訂標題及內文可省略，未填寫兩項設定，系統會自動以「xxx網站最新文章通知!」為標題、以「文章標題」為內文推播。

【註2】推播方式共有「立即推播」、「與文章發布同步推播」以及「自訂排程時間」，推播訊息已推播完成後，模式會顯此「文章已推播」。排程的推播訊息可在推播到期日前修改，一旦推播後，訊息內容無法再修改。

【註3】文章推播會以文章網址為「連結網址」，即讀者點擊通知時，會自動將讀者帶回該篇文章頁面。

 

(三)利用外觀「blogimove推播小工具」在前台顯示最新推播訊息

操作步驟>>進入控制台「外觀」「小工具」設定頁面，將「blogimove推播訊息」小工具拖曳至側欄適當位置。

 

操作步驟>>設定小工具「標題」及顯示模式、顏色等，設定內容可參考「blogimove文章列表小工具」

 

七、客戶端訂閱網站通知

 

(一)客戶端第一次連線網站，即自動顯示「顯示通知」，只要請讀者務必設定「允許」即可完成網站訂閱動作。

 

 

(二)客戶端若選擇「封鎖」通知，可請讀者點擊瀏覽上方網址列「鎖頭」符號，將通知改為允許即可。

(三)已訂閱之客戶端，可直接利用「最新推播訊息」小工具上「取消訂閱」來暫時關閉訂閱通知。

 

八、外掛更新注意事項

 

(一)務必清除網站快取及CDN上快取

網站若有使用wp super cache等快取外掛，記得更新外掛之後，必須清除快取，重新產生新的網頁快取內容。使用常見的CDN服務，如Cloudflare，一定要登入cloudflare或使用Cloudflare外掛清除快取，因為javascript程式也是在cdn上快取的一項，許多朋友在更新外掛之後，推播的javascript並未更新，因為在瀏覽器端仍然無法讀取到最新版本的javascript推播訂閱程式。

(二)重新整理訂閱

每隔一段時間，可利用「控制台」中的「BLogimove推播中心」的「重新處理所有訂閱/刪除已取消訂閱」按鈕，來啟動訂閱整理功能，系統會自動協助將上次重次整理時，將已註記取消訂閱的客戶端金鑰與Firebase Cloud Messaging主機進行金鑰確認，若是確認該金錀已不存在，將自動刪除已取消訂閱的紀錄，「推播中心」中的「取消訂閱」人數統計將歸零；接著將已訂閱的金錀重新訂閱頻道，並將無效的金錀取消訂閱，等候下次重新整理訂閱時，再次確認後清除。

(三)更動頻道名稱

若有需要更動訂閱頻道名稱，可在blogimove設定「推播工具」中的「訂閱頻道(Topic Name)」欄位更動名稱後，使用「控制台」中的「推播中心」「重新處理所有訂閱/刪除已取消訂閱」功能進行重新訂閱頻道的動作。

 

九、總結

blogimove長久以來，以提供WORDPRESS平台自架站整合式的外掛功能服務，將網站經營所需的工具整合，並提供優質的主機、網站搬家、外掛開發、網路技術諮詢等服務，以簡易的操作設計目標，大幅降低網站經營的技術門檻。這次的blogimove推播工具開發，為blogimove部落客專屬外掛提升至社群經營的能力，打造一個友善的寫作環境，不斷的開發各式好用的工具，提供blogimove部落格搬家客戶及blogimove外掛的愛用者一個更優質的應用環境。推播訂閱是未來的一個重大趨勢，你準備好進入這個全新的網站經營方式了嗎？文章推播不再只是單純的最新文章通知，更應該是自由、具有彈性、具備訊息快速傳遞的強大工具，千萬別小看了推播工具的威力，因為它會讓你的網站經營更加輕鬆、便捷，具有未來發展性。快來跟blogimove一起玩部落格，你會擁有更多意想不到的創意與支援!

 

其他操作手冊

 

若您有部落格搬家、購買blogimove部落客專屬外掛程式或是量身訂製外掛程式的需求，歡迎填表諮詢

電子郵件：blogimove@gmail.com

諮詢表單：部落格搬家需求單

臉書：http://www.facebook.com/blogimove

只要申請好網域、虛擬主機，搬家交給BlogImove！

按讚加入粉絲團

延伸閱讀

• 
  Blogimove部落客專屬外掛|Google API工具V2 ，安裝及啟用教學說明。讓你的WordPress網站與google緊密結合!
• 
  BLOGIMOVE部落客專屬外掛 | 網站管理【二】自動插入廣告及一鍵插入廣告碼功能介紹
• 
  Blogimove部落客專屬外掛 | 如何更新外掛
• 
  BLOGIMOVE外掛|文章標籤關鍵字連結自動產生功能(Tag To Keyword Link)使用說明
• 
  BLOGIMOVE外掛進階操作 | 懶人包應用【二】動態管理的簽名檔，改一篇所有簽名檔同步更新
• 
  Blogimove推播工具，運用Google firebase cloud messaging打造絕佳網站資訊傳送的強大功能 | BLOGIMOVE部落客專屬外掛
• 
  Blogimove外掛|懶人包升級功能，首頁自動雜誌版面讓你輕鬆在網站首頁顯示主題文章
• 
  BLOGIMOVE外掛 | 懶人包寫作功能操作說明
• 
  Blogimove外掛進階|關鍵詞搜尋懶人包，懶人包超強進化，十分鐘整理完數十篇文章圖文列表。
• 
  WP新手Q&A，blogimove部落格搬家後如何開始經營網站

你有部落格搬家技術的疑問嗎？歡迎填表諮詢
電子郵件：blogimove@gmail.com
諮詢表單：部落格搬家需求單
臉書：http://www.facebook.com/blogimove
Telegram：https://t.me/blogimoveEngineer

線上諮詢：請點網頁右下角MESSAGER圖示












只要申請好網域、虛擬主機，搬家交給BlogImove！