有沒有發現一些WordPress網站會給你傳送推送通知，比如在Chrome瀏覽器，比如在Windows 10通知。推送通知幫助你實現即使使用者沒有訪問您的網站，也可以向他們傳送訊息，這類似於iOS和Android的系統的Push推送。
推送通知可以幫助站長將流失的訪客重新引到網站及增強老使用者的訪問粘度，大大增加網站流量為網站帶來更多收益。在本文中，我們詳細介紹如何在WordPress網站新增Web推送通知功能。
什麼是推送通知？
推送通知是一種簡短的，在桌上型電腦或移動裝置上彈窗顯示可點選檢視的通知訊息。
推送通知一般顯示在桌面頂部或移動裝置的通知區域中，即使使用者未在瀏覽器開啟網站，也可以顯示。下面是一個在Windows 10系統的推送通知的示例：
Windows 10推送通知
推送通知幫助您將網站最新資訊、內容更新和活動優惠等資訊推給跨裝置訪問使用者。Web推送通知是將網站訪問者轉換為忠實使用者，提升網站訪客粘度的非常有效的方法。
為什麼要在WordPress網站新增Web推送通知？
您可能不知道的一個事實是，離開網站的訪客中有70％不會再回到網站？這就是為什麼站長要努力將網站訪客轉換為網站訂閱使用者或客戶。
當然，我們有許多方式來實現訪客轉化操作，包括電子郵件營銷，社交媒體，手機應用，SMS營銷以及Web推送通知等（參考閱讀：如何提升WordPress部落格網站回訪率？）。
電子郵件EDM營銷仍然是網站最常用的營銷工具。但是，作為站長不應該忽略網站推送通知，該手段甚至是許多網站的前五流量來源。
總結一下，推送通知之所謂成為流行且有效的營銷工具的一些原因：
- 使用者需要明確授予接收推送通知的許可權。這意味著只有該訪客對您的網站內容感興趣，才可能訂閱推送通知。
- 與電子郵件或社交媒體更新相比，推送通知簡短易讀又無需過多關注。
- 社交媒體上沒有像演算法那樣限制資訊覆蓋範圍。幾乎100％訊息已傳遞。
- 推送通知使用者可控，可以暫停或完全關閉。
- 目前使用推送通知功能的網站並不多，尚未對使用者形成騷擾。
在海外網站，包括Facebook，Pinterest，LinkedIn等許多受歡迎的網站都認為網站推送通知非常重要，否則它們不會啟用該功能。
根據一項調查，推送通知的開啟率比電子郵件要高出50％，點選率是後者的兩倍。比SMS，電子郵件營銷和社交媒體平臺更具吸引力。
下面是在WordPress增加網站推送通知詳細圖文教程。
利用PushEngage實現WordPress網站推送通知
PushEngage是市場上最好的推送通知服務，可以幫助站長輕鬆實現WordPress網站推送通知。
該工具提供強大的自動使用者細分功能，可以幫助站長進一步提高網站使用者參與度。
建立PushEngage帳戶
首先，您需要訪問PushEngage網站並點選“Get Started For Free”按鈕：
PushEngage官網
PushEngage提供的免費賬號每月最多可覆蓋2500個訂閱戶及可推送120個通知訊息。如果您的網站擁有更多訂閱者及需要傳送更多的推送通知時，則需要付費升級。
PushEngage使用者註冊
成功註冊後，進入PushEngage儀表板。如果您使用Google帳戶註冊，則PushEngage將提示輸入網站詳細資訊：
PushEngage網站資訊填寫
在PushEngage儀表板，你會看到“Settings » Site Settings » Installation Settings”安裝設定頁面。
在該頁面您需要上傳網站Logo、網站名稱及網站URL等資訊，這些均在推送通知中使用到。
PushEngage網站資料修改
注：網站Logo圖片必須為PNG或JPG檔案格式，建議大小為256x256px。
使用PushEngage連線WordPress網站
下一步需要設定網站連線到PushEngage。
首先，安裝並啟用PushEngage外掛。安裝後，如果站點使用HTTPS，則還需要下載PushEngage的JavaScript檔案。解壓此檔案，然後將其上傳到網站根目錄。
您可以通過PushEngage帳戶中的“Settings » Site Settings » Installation Settings ”頁面，在“Choose Website Type and Add Script”版塊切換到WordPress選項卡。
點選“Download Package File”按鈕下載JS檔案，如下圖所示。
PushEngage外掛JavaScript檔案下載
將檔案解壓到本地計算機，應該看到一個名為service-worker.js的檔案：
PushEngage外掛-JS檔案
通過FTP或者類似寶塔的伺服器控制面板將該檔案上傳到WordPress網站的根目錄。根目錄即儲存網站所有其他資料夾和檔案的資料夾。通常，它是/wp-content/資料夾所在的目錄。
JS檔案上傳
上傳JS檔案，即可繼續完成WordPress連線到PushEngage的操作。
下一步是獲取您的API金鑰。只需在PushEngage儀表板中轉到“Settings » Site Settings » API Keys”頁面，點選“Generate a New API Key”按鈕：
PushEngage外掛API金鑰
即可生成一串適用於網站與PushEngage對接的API金鑰。
PushEngage外掛API金鑰生成
在WordPress後臺進入PushEngage外掛設定頁面，點選“Setup”標籤，在API金鑰輸入框填入剛才獲取到的API金鑰，最後點選Submit按鈕提交即可。
PushEngage外掛API金鑰確認
設定推送通知訊息
完成API金鑰提交後，您將會看到更多的PushEngage設定項。General Settings（常規設定）可以更改在PushEngage網站上設定的帳戶詳細資訊：
PushEngage外掛-網站資訊修改
接下來，Subscription Dialogbox（訂閱對話方塊）則用於設定當網站訪客開啟您的網站時看到的訊息。
PushEngage外掛-訂閱對話方塊設定
在該設定標籤頁，可選擇網站協議、對話方塊風格、快速安裝、處理時間、訊息標題、按鈕文字等，完成設定更好務必點選“Update Optin Settings”按鈕以儲存更改。
PushEngage外掛-對話方塊樣式設定
在此之下，您可以更改中間頁面上顯示的訊息，這是使用者首次點選“Allow”後出現的頁面。
注意：無法更改瀏覽器彈出框中顯示的內容。它將始終帶有“顯示通知”文字以及“允許”和“阻止”按鈕。
只需輸入您要使用的文字即可。不要忘記單擊“Update Page Settings”按鈕。
PushEngage外掛-更新頁面設定
您還還可以建立一個歡迎通知，以感謝網站訪客訂閱。這也可以幫助站長測試通知是否正常執行。
只需點選“Welcome Notification Settings”標籤即可進行設定。在該設定頁面，您需要輸入歡迎通知的標題和訊息，通知URL地址（網站首頁即可），也可以將使用者引導到特定頁面。
確保選中“Send Welcome Notifications to Subscribers”框以啟用歡迎通知及點選更新按鈕以儲存更改。
PushEngage外掛-歡迎通知設定
測試網站推送通知
設定推送通知後，站長應該檢查功能是否正常執行。要測試推送通知，只要在計算機或手機開啟您的網站。
如果正常執行，在電腦上您應該立即看到上述設定的訂閱對話方塊。如下圖所示：
PushEngage外掛-通知推送彈窗
在移動裝置上的訂閱對話方塊則會類似下面截圖：
PushEngage外掛-移動端通知推送彈窗
繼續點選“Allow”按鈕。然後，在彈出視窗中看到中間頁面。如下圖所示：
PushEngage外掛-通知推送允許操作
繼續單擊“Allow”，您即成功訂閱了來自站點的推送通知。
一般情況下，歡迎通知會在幾分鐘內出現在電腦螢幕上。如下圖所示：
Windows網站通知資訊提示
如果使用者選擇不啟用通知但後來想訂閱該怎麼辦？PushEngage外掛將在WordPress網站的右下角增加一個鈴鐺小圖示：
PushEngage外掛-網站通知資訊小鈴鐺
網站使用者只需點選此按鈕即可訂閱您的網站。要更改鈴鐺通知小部件相關設定，只需在PushEngage帳戶中轉到“Settings » Subscription Settings » Opt-in Management”，即可更改小部件的顏色，位置和標籤：
PushEngage外掛-推送通知訂閱小鈴鐺設定
您甚至可以將鈴鐺換成網站側面顯示的按鈕，如下圖所示：
PushEngage外掛-網站推送通知訂閱按鈕
向網站訂閱者傳送推送通知
預設情況下，PushEngage會為每個新文章傳送通知。這些通知將包括文章標題和特色圖片小圖。當訂閱使用者點選通知即訪問對應的部落格文章：
PushEngage外掛-文章更新推送通知
如果您不希望自動傳送推送通知，則可以通過訪問WordPress儀表板中的PushEngage » General Settings將其關閉。
只需向下滾動到“WordPress Post Settings”部分，然後取消選中“Auto Push”框，最後點選“Save WordPress Settings”按鈕儲存即可。
PushEngage外掛-自動推送設定
站長可以隨時在PushEngage中建立自定義通知。只需在PushEngage網站上登入您的帳戶，然後轉到Notifications » Create » New Notification。
在該頁面你可以設定標題，訊息，URL，影象等選項，可以立即傳送通知或者稍後傳送。
提示：如果要定時傳送推送通知，請確保時區正確。在PushEngage網站帳戶中的“Settings » Site Settings » Site Preferences”，可更改站點所在時區。
其他PushEngage功能
PushEngage還提供了許多其他功能，即使免費使用者也可用。
例如，您可以設定一個疊加層，該層用於顯示在網站內容的頂部，以方便網站使用者點選以允許通知。這是PushEngage網站上的通知操作疊加層示例：
PushEngage外掛-疊加層外觀
您可以在PushEngage網站帳戶中設定疊加層。只需轉到Settings » Subscription Settings » Opt-in Management，向下滾動找到“Subscription Overlay”部分。
然後選中“Enable Subscription Overlay”，可以使用預設疊加標籤或自定義標籤：
PushEngage外掛-疊加層設定
由於Safari瀏覽器的工作方式，要為Safari使用者設定訂閱推送通知，則還需要做一些額外的工作（一般站長估計不願意那麼做）。
要為Safari啟用網站推送通知，需要一個Apple開發人員帳戶（每年99美元），使用該開發者賬號為網站建立唯一的推送ID。
獲得推送ID並建立證書後，在PushEngage網站帳戶的Settings » Subscription Settings » Safari Web Push下新增這些證書：
Safari瀏覽器推送通知設定
其他WordPress網站推送通知外掛
選擇適合您的網站推送通知服務很重要。許多服務提供商會嘗試將您鎖死在他們的系統裡，也就是說如果你想更改為其他推送通知服務可能意味著失去之前的通知訂閱使用者。因此，切換推送通知服務商，代表一切重來。
這就是為什麼建議站長們在選擇推送通知提供商時，儘可能選擇提供訂閱使用者列表可轉移設定的服務商。
推薦PushEngage，一來它提供免費套餐及更多的付費功能：
- 支援設定自動回覆資訊，例如歡迎訂閱使用者；
- 當使用者放棄購物車時傳送通知；
- 根據使用者的動作觸發廣告活動；
- 允許使用者新增有關產品何時開始銷售或有庫存的產品提示通知；
- …
如果你希望嘗試其他一些WordPress推送通知外掛，下面是一份清單：
- PushCrew –將網站連線到PushCrew的推送通知服務，免費提供僅限2000個通知訂閱使用者。
- PushAlert – Web Push Notifications –站長可以連線PushAlert網站推送通知服務，提供了僅限3000個通知訂閱使用者。
- PushAssist –用於PushAssist網站推送通知服務的連線外掛，免費提供僅限2000個通知訂閱使用者。
- OneSignal –提供免費試用版本，其中包括基本的網站推送通知功能。OneSignal的銷售政策有點煩人，會不斷地邀請您加入他們的付費套餐。
評論留言