OneSignal

OneSignal,WordPress網頁推播通知外掛,讓網站隨時發送最新消息

你知道,根據研究瀏覽過你的網站的人有70%的人是不會再回到你的網站的嗎?想想那會是多龐大的數字,這時候就會想到可以使用電郵行銷的方式通知訂閱你網站的人有新文章或是最新消息發佈了,不過你知道其實有更好的方法嗎?

今天要分享的Onesignal網頁推播通知外掛,就是可以讓你的網站像手機一樣通知訂閱你網站人新文章或是最新消息發佈了,而且比電郵行銷的效率更高!

網頁推播通知是什麼?

每次看Youtube的時候都可以聽到那些創作者說,點擊小鈴鐺訂閱我的頻道喔!當你訂閱之後,那個頻道推出新的影片的時候,你的手機或是電腦是不是都會通知你呢?這其實就是網頁推播通知的一種。

你可以把這個概念套到網照上,有時候你瀏覽一些網站,是不會突然跳出一個視窗問你要不要訂閱他的網站,如果你點擊Allow了之後,就會常常會收到那個網站的最新消息或是新文章,這個就是網頁推播通知。

網頁推播通知的優點是什麼?

看到這裏你會不會覺得這跟電郵行銷其實有點像呢?一開始我是這麼覺得的,不過其實他跟電郵行銷不太一樣,有些地方甚至會比電郵行銷來得好。

網頁推播通知有意下幾個優點,

觸及率很廣泛

網頁推播通知是透過瀏覽器,現在知名的瀏覽器包括Google Chrome、Safari、Firefox,所以只要有使用這些瀏覽器都可以進行網頁推播通知。

訂閱的人不需要提供任何資訊

要執行電郵行銷都會需要收集到訪客的電子郵件才可以操作,這時候你也需要提供有價值的內容去做交換,例如技巧、清單等等的內容。

不過網頁推播通知事實上是不用的,訪客只要點擊他要不要訂閱你就可以了,未來他要取消訂閱你也很方便,只要到設定或是回你的網站取消訂閱就好。

電子郵件有可能會被發送到垃圾信箱

電郵行銷的另一個風險就是,你花費努力打出來的文案或是內容,有可能會被發送到垃圾郵件裡面,對我來說我一般是不會去看的,這時候就會白白浪費了,但是網頁推播通知是可以顯示在桌面的,接下來就是看訂閱的人要不要打開了。

推播通知的點擊率大於電郵行銷

根據一項調查,網頁推播通知的打開率比電子郵件高50%,點擊率是更是電郵行銷的兩倍。

訂閱的人只要打開瀏覽器就會收到通知

對比於電郵行銷的話,訂閱的人需要打開信箱才會看到通知,不過網頁推播通知只要打開柳覽器就會收到通知,就算他今天是在別的網站也可以收得到,甚至不用到你的網站他就可以知道你的網站發布最新的文章。

增加重複流量

網頁推播通知因為他的顯示方式是一定會注意到的,所以會很難忽略他,而且他只需要點擊一下,就可以直接回到你的網站,所以更容易讓訂閱的人回到你的網站。

哪些網站適合網頁推播通知?

其實不管任何網站都很適合!

對於電商網站來說,你可以隨時通知訂閱的人限時折扣、最新商品推出、折價卷等等的資訊。

對於部落格來說就是最新文章、文章內容更新、商品優惠碼通知等等的。

對於新聞網站的話,就是可以隨時通知即時新聞。

所以只要你想要隨時發送新的內容或是資訊給訂閱的人,都可以使用網頁推播通知。

OneSignal介紹

onesignal 官方網站

OneSignal是在2011所成立的小型手機遊戲工作室,他們公司在後來製作了推播通知的系統,之後就發現將這個技術分享出去,就有了現在的OneSignal。

到了現在他們已經是知名的網頁推播公司之一,麥當勞、7-11、肯得雞都是他們的客戶。

他們提供的網頁推播通知系統除了可以讓你進行推播通知之外,還提供你分析工具,幫助你了解發送出去的點擊率,還有提供AB測試,讓你測試圖像跟文案的效果。

以下我會推薦他們的原因,

  • 免費方案就可以發送10000個訂閱者。
  • 按時區發送,表示他會自動偵測你的時區,讓你設定發送時間。
  • AB測試。
  • 提供客群的細分,讓你可以對不同的族群在通知上最不同的調整。

 

OneSignal價格方案

OneSignal有免費跟付費版本,付費版本有分為Starter、Pro,都是以月計算的,Starter每個月99美金,Pro每個月600美金,其實我認為付費版本的價格都蠻貴的,雖然提供的功能一定也差,不過對於部落格來說免費版本我認為就非常的夠用了。

onesignal 價格方案

OneSignal註冊設定教學

接下來會一步步帶著大家註冊與設定,也會教大家如何發布推播通知。

Step.1 註冊OneSignal

首先進入首頁,點擊右上角的 Sign Up註冊,這裏用Google或是FB很快就可以註冊好了,之後就可以先去信箱接收他的認證信。

onesignal 建立帳號

 Step.2 選擇推播平台

接下來他就會問你要推播的平台是什麼跟你的網站或是APP的名字,這裏填好名稱之後選擇Web Push。

onesignal 選擇推送平台

Step.3 選擇內容管理器

接下來選擇Wordpress Plugin or Website Builder,並點選WordPress。

onesignal 選擇wordpress外掛

之後他會要填寫網站的名稱跟網址,跟讓你上傳網站的Logo。

最後一個選項指的是說網站沒有SSL憑證的話才需要開啟,目前大部分的網站都是有的,所以這裡我們就不用開啟。

好了之後就可以滑到最下面點擊Save

onesignal wordpress網站設定

Step.4 輸入API Key

接下來你就會得到兩串API Key,這個是要複製到WordPress外掛上的。

onesignal API金鑰

這時候就需要我們回到網站的後台,下載安裝啟用OneSignal外掛。

onesignal wordpress外掛

啟用之後你就可以在後台的左邊的側邊欄找到OneSignal Push>Configuration,就可以找到貼上API Key的地方了,接下來就依序將他們貼上。

onesignal 貼上API金鑰

Step.5 設定

接下來就是最重要的設定的地方了,在這裡我們會需要設定發送通知的設定、小鈴鐺的顏色跟文本、訂閱之後的歡迎訂閱通知等等,我會一步步帶著大家看,大家也可以根據我的來設定。

發送通知設定

這裏要設定的是發送通知的時候使用的圖片是什麼,這裏都是用文章的精選圖片來當作通知的圖片。

onesignal 通知設定

小鈴鐺設定

這裡就會需要有比較多的設定了,當你使用了這個外掛之後,你的網站畫面下方就會出現一個小鈴鐺,就很像Youtube的訂閱小鈴鐺,我們要對他的顏色跟文本做設定。

首先這裏大家可以跟著我開啟,我也會附上翻譯,不過Customize the Subscription Bell textCustomize the Subscription Bell theme colors這兩個部分一定要開啟,因為這樣才可以設定顏色跟文本。

這裏也建議要開啟Automatically prompt new site visitors with OneSignal Slide Prompt before Native Browser PromptShow the Subscription Bell after users have subscribed。

前者是因為他會在訪客一進入你的網站的時候就問他要不要訂閱,後者是讓在訪客訂閱網站之後,小鈴鐺還是會在,這可以方便他未來如果不想接收通知了可以退訂。

onesignal 訂閱鈴鐺設置

接下來就要設定小鈴鐺的顏色了,如果不知道要用什麼顏色的話可以參考我的這篇文章,6個步驟帶你找到最適合你的網站配色跟8個超好用的配色工具

大家可以自己嘗試喜歡的配色,這裡我就不多做說明了。

onesignal 訂閱鈴鐺顏色設置

下一步我們要設定的就是小鈴鐺的文本,他的作用是在你訪客點擊或是滑鼠移到你的小鈴鐺的時候會顯示的文本,旁邊我也會附上翻譯幫助大家理解,這是一定要設定的,不然他自動顯示的都會是英文。

onesignal 訂閱鈴鐺文本設定

投影片顯示設定

這裏要設定就是當訪客進入你的網站之後會跳出問他要不要訂閱我們網站的對話框,這裏大家也可以按照我的來設定,如果網站是HTTPS的話只要設定前三個部分就可以了。

onesignal 即時設定

歡迎訂閱通知

這是要設定當有人訂閱你的網站的時候,他會馬上收到他已經訂閱的通知。

onesignal 歡迎訂閱設定

自動發送通知設定

這裏要設定的是之後你發布新的文章之後他就會自動發送通知給訂閱的人,不過這裡我沒有開啟,因為我個人想要自己設定通知的文案跟他的圖片還有發送的時間,這部分等等都會告訴大家怎麼使用。

最後在Advanced Settings的地方,Show status message after sending notifications這個我覺得是可以開啟的,因為他會在管理介面顯示已經成功向幾個人發送通知。

onesignal 自動通知設定

到了這步就設定完囉!記得按一下Save存起來喔!

如何使用OneSignal發送通知?

接下來會告訴大家,如何發送通知,幫助大家在有人訂閱你的網站之後,可以馬上開始使用它!

Step.1 登入OneSignal後台

首先先回到OneSignal後台,然後點擊你的網站。

onesignal 後台介面

之後你就會看到網站的訂閱數據,裡面有你訂閱的人數、訂閱時間、每個月活躍訂閱戶跟退訂的人數。

onesignal 後台

Step.2 編輯推送通知

接下來點擊Messages>New Push,就可以到撰寫貼文的畫面囉!

這裡你會看到Audience的部分有兩個選項,依序是發送給所有人跟發送給特定的族群,這裡面有很多的族群給大家做選擇。

在左邊依序填入標題、描述、圖片、網址,在圖片的部分要特別注意,官方建議的圖片尺寸是長寬比是2:1,最大寬度是3000,最小寬度是300,常見的尺寸是512x256px、1440x720px。

右邊會直接顯示你設定好的樣子,也可以點擊Web:macOS,可以切換在不同平台上的樣子。

onesignal 撰寫推送畫面

接下來可以設定在不同瀏覽器的圖片跟Logo,這裡就可以大家自己來嘗試了。

onesignal 不同平台的推送畫面

PER-USER OPTIMIZATION這部分比較特別,因為Intelligent delivery這個選項是一個獨特的功能,他會根據每個訂閱的人瀏覽你網站的時間來判斷發送的時間。

onesignal 設定推送時間

都設定好了,你就可以點擊Confirm馬上發送或是點擊Save as Draft儲存成草稿!

最後在你發送之後,你可以回到Message的地方,點一下你發送的文章,他就會提供你發送的通知的點擊率,你也可以透過這個來做分析喔!

onesignal 推送分析

結語

網頁推播通知,這樣的行銷技巧到了現在已經越來越流行了,到了現在已經慢慢有越來越多人使用這項功能,快來使用Onesignal來增加網站的重複流量吧!

如果大家喜歡我分享的內容也可以點擊小鈴鐺訂閱我的網站喔!未來我還會持續分享更多Wordpress的外掛、佈景主題、相關知識,也會分享一些線上工具,歡迎大家訂閱我的網站,隨時接收最新的通知!

12 thoughts on “OneSignal,WordPress網頁推播通知外掛,讓網站隨時發送最新消息”

  1. 版主這篇寫的好詳細,我第一次聽到網頁推播這東西,看來我得來好好研究一下了哈哈哈,網頁推播感覺很實用,能觸及到更多人而且重點是訂閱人他不需要任何資料,看完這篇我才知道原來那些訂閱會一直跳出訊息的東西就是網頁推播阿

  2. 很棒的分享,對於有經營部落格或網站多了宣傳和點擊效果,推播訊息確實很常出現在生活中,哈哈,找時間來試試

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Scroll to Top