You are currently viewing 2022如何設定wordpress網站通知功能解決方案 OneSignal
如何設定wordpress網站通知功能解決方案One Signal

2022如何設定wordpress網站通知功能解決方案 OneSignal

onesignal wordpress 是一款網頁通知web push 的外掛,屬於第三方的軟體。可以讓你的網站通知訂閱者,比如:當你有新的文章發布時,使用者會接收到通知。不過,使用上要小心,太過頻繁的通知是一種打擾。要在我的另一個網站 蘇娜House 來增加推播通知。

先去onesignal 官網申請帳號

選擇註冊帳號的方式

  • Step2

有四種方式:

  1. email 註冊
  2. google帳號綁定
  3. FB帳號綁定
  4. GITHUB帳號綁定

我是選擇用 Google帳號!

選擇方案-從免費的開始

  • Step3

有四種方案可以選擇:

  • 免費方案
  • 每個月9鎂
  • 每個月99鎂
  • 客制方案

從免費的開始吧!

註冊完畢檢查 Email

  • Step4

進入你自己的信箱,去啟用帳號!

歡迎頁面調查內容

  • Step5

會詢問你三個問題:

  1. 你的角色或職稱
  2. 你的產業類型
  3. 你要使用onesignal達成甚麼樣的目的

 

快速啟動

  • Step6

看起來有七個項目,不用擔心設定好第一個就可以使用了。

設定第一個項建立溝通管道

  • Step7

我們要使用的是網站的推播服務,所以 請選擇

Push Notification

網站基本資料設定

  • Step 8

這個部分會有 五個步驟要進行。不過,其實只要處理 1,2,4就可以了。3,  5 就保留預設值。

第1設定你的網站平台類型。

我選 wordpress。 

網站名稱與位置設定

  • Step 9

第2

SITE NAME:網站名稱

SITE URL : 網址

AUTO RESUBSCRIBE(HTTPS ONLY) : 這個項目就保留不變。

DEFAULT ICON URL:你的ICON 網址

複製APPID與APIKEY

  • STEP 10

第4

把 APPID APIKEY 複製下來,等等在 WORDPRESS後台會使用。

到目前為止 就完成了設定,接著就準備去後台囉。

SAFARI WEB ID 你可以自己定義,或是直接存檔之後,由系統幫你產生,等等後台也會用到。

後台安裝wordpress onesignal 外掛

後台安裝外掛

  • Step 1

進入後台 安裝外掛 onesignal。

並啟用,接著要進行相關設定。

基本帳號設定

  • Step 2

把剛剛複製的 3 個資料貼上去

  1. APP ID
  2. API KEY
  3. Safari Web ID

基本訊息格式設定

  • Step3

這邊可以用預設的就好。

訂閱通知格式設定

  • Step 4

黃色的選項,可以勾選起來,新的網站拜訪者會自動推播請對方訂閱。

其他選項是客製化格式,你可以自己玩一下。

將訂閱的文字改成中文

  • Step 5

我知道你懶得打字,底下給你複製貼上吧!

  • 關閉通知
  • 已為您開啟通知
  • 已阻擋通知
  • 感謝您的訂閱!
  • 已為您開啟通知,真高興在見到您
  • 您不會在收到通知
  • 網站通知設定
  • 開啟通知
  • 關閉通知
  • 關閉通知
  • 不要關閉通知

推廣訂閱的文字改中文

  • Step 6

圖中分別兩個小視窗

  • 左邊的是當你的網址是走Http 時會呈現的。
  • 右邊的是當你的網址是走Https 時會呈現的。

現在應該沒有網站,還沒設定為Https 吧..

中文的部分,就只處理Https的部分。

  • 歡迎您訂閱本站的通知, 若有打擾之處,日後隨時可以取消訂閱。
  • 訂閱
  • 不用了

感謝訂閱的文字改中文

  • Step 7

這邊的文字就比較少了。

需要轉換的就只有一個了!

 

  • 感謝訂閱

onesignal wordpress看看效果如何

你可以點選 蘇娜House 看看效果!

onesignal完成1
顯示要求訂閱視窗 onesignal wordpress
onesignal完成2
網站左下角,也出現的訂閱的小鈴鐺。

發佈留言