如何為 WordPress 添加瀏覽器通知
已發表: 2023-02-12如果您嘗試增加電子郵件訂閱者列表，但沒有看到訪問者返回您的網站，您可能想知道您還能做些什麼。 讓網站訪問者了解更新並推動返回網站的流量可能是一個挑戰。
幸運的是，瀏覽器通知或“推送”通知可以為您的網站體驗添加動態元素。 通過每個用戶的瀏覽器推送信息的選項可以開闢一種新的方式來讓您的訪問者了解情況，甚至可以吸引新的訂閱者。
在本文中，我們將解釋什麼是推送通知以及它們的用途。 我們還將介紹如何為桌面和移動瀏覽器設置它們。 如果您準備好了解更多關於這項有用技術的信息，讓我們開始吧！
什麼是網站瀏覽器通知（推送通知）？
作為網絡用戶，您可能更熟悉智能手機上的推送通知。 推送通知，顧名思義，自動將信息“推送”到您的設備或瀏覽器，以便在發生重大事件時通知您。 例如，這可能是當您收到一條短信，或者在社交帖子上獲得點贊或評論時。
事實上，52% 的移動用戶在手機上啟用了推送通知。 更重要的是，同樣的技術可用於在桌面網絡瀏覽器中實現推送通知。 通過為您的網站啟用推送通知，您可以利用地理位置等功能來創建個性化體驗，或跟踪買家習慣以減少放棄的購物車。
瀏覽器通知的一個例子是 Freefly 的優惠券和免費樣品網站。 Freefly 對桌面瀏覽器使用推送通知。 當用戶訪問該網站時，他們會收到一條通知，詢問他們是否願意獲得“免費贈品提醒”。 您可以選擇“Yes”或“No Thanks”，然後繼續瀏覽網站：
一個關於 Freefly 實施推送通知的案例研究表明，其目標是為訪問者提供限時交易的即時通信。 在短短三分鐘的設置過程之後，這種方法在 30 天內吸引了 4,400 名新訂戶。
如何使用 WordPress 設置瀏覽器通知（6 個步驟）
現在讓我們來看看 OneSignal，這是一個免費的 WordPress 插件，可為多達 30,000 名訂閱者提供無限制的移動推送和 Web 通知。
OneSignal 還具有細分受眾、實施本地化功能、使用 Google Analytics 跟踪結果以及使用強大的 API 的功能。
這意味著您可以將其與所有頂級電子郵件營銷服務集成，通過推送通知發送時事通訊，以獲得更加個性化的客戶體驗。 讓我們看看如何通過以下六個步驟開始使用 OneSignal。
1. 下載並安裝 OneSignal 插件
首先，您需要前往 WordPress 插件目錄並蒐索 OneSignal。 下載插件文件後，您需要訪問 WordPress 網站管理區域中的插件部分。
或者，您可以在“插件”部分搜索 OneSignal，然後在此處添加免費插件。
安裝插件後，確保選擇安裝完成後出現的激活按鈕。 完成後，您可以單擊OneSignal鏈接以完成該過程。
2. 訪問 OneSignal 網站連接 WordPress
在 OneSignal 網站上，您需要創建一個免費帳戶。 您還必須完成幾個步驟，以確保為您的 WordPress 站點配置了 OneSignal，並選擇您要使用的瀏覽器。
註冊後，系統會要求您選擇用於通知的應用程序。
在我們的示例中，我們將使用 Chrome。 您需要為您的應用程序命名才能繼續下一步。 在接下來的屏幕上，您將被要求配置您的網絡推送。
您需要選擇屏幕頂部的WordPress 插件或網站生成器來更改顯示的選項。 執行此操作後，您會在其他 Web 應用程序列表中看到一個可供選擇的 WordPress 圖標。
選擇WordPress圖標後，下面會出現更多標記為WordPress Site Setup 的配置選項。 如果需要，您可以在這裡添加網站信息並上傳自定義圖標。
在此設置對話框中，您還將找到有關不完全 HTTPS 的站點的文檔。 如果您處於那種情況，您將需要查看此文檔並遵循 OneSignal 的建議。 完成站點信息的填寫後，保存更改。
3. 在您的 WordPress 插件設置面板中確認配置
保存 WordPress站點設置信息後，您將看到一個重要詳細信息屏幕，需要將這些信息傳輸到 WordPress 中的 OneSignal 設置面板。 其中包括您剛設置的應用程序的 API ID 和 API 密鑰。
您可以使用 API 信息下方的轉到我的網站按鈕，或在另一個瀏覽器選項卡中導航到您的 WordPress 儀表板以完成設置。
進入儀表板後，您需要單擊左側菜單中的OneSignal Push ，然後選擇“配置”選項卡。 這是您需要輸入這些 API 代碼的地方，以便在 WordPress 和 OneSignal 之間建立最終連接。
要同時為 Apple Safari 瀏覽器設置推送通知，您必須返回 OneSignal 網站並將 Safari 添加為應用程序（其他瀏覽器依此類推）。
4.自定義您的彈出消息
現在您已經在 WordPress 和 OneSignal 之間建立了連接，您可以開始自定義插件中包含的所有各種選項。 這包括用於訂閱推送通知的彈出消息。
在 WordPress 的 OneSignal 推送設置中，您可以向下滾動到 API 信息下方，並決定您希望推送邀請文本顯示的內容。
這是個性化體驗和吸引訪問者使用您的通知的絕佳方式。
5.自定義您的通知圖標
您可以自定義的另一個關鍵項目是通知圖標。 這將使您能夠調整訪問者在瀏覽器中接收通知的方式。 例如，您可以設計一條自定義的感謝消息，訪問者在訂閱後會收到該消息。
此外，您還可以配置在訪問者阻止或取消訂閱您的推送通知服務時顯示的通知文本。 雖然有時會發生這種情況，但您可以嘗試通過製作一條消息來吸引訪問者，該消息清楚地說明為什麼繼續訂閱您的通知是有益的。
6. 從您的 WordPress 網站發送通知
現在您已經設置好 OneSignal，您可能想知道如何發送通知。 幸運的是，只要您的網站上發布了新帖子，OneSignal 應用程序就會自動發送推送通知。
但是，如果您想手動發送頁面或帖子的通知，您可以從任何 WordPress 編輯屏幕執行此操作。
在“文檔”選項卡下，您現在有一個 OneSignal 選項。 從那裡，您可以選中該框以在帖子更新時推送新的瀏覽器通知。 例如，如果您要更新在線商店中的商品，這可能特別有用。 您還可以將 OneSignal 配置為自動發送某些自定義帖子類型的推送通知。
需要幫助改善您的數字體驗？
為您的 WordPress 網站設置推送通知是為網站訪問者創建動態體驗的完美方式。 如果您喜歡了解此工具，您會喜歡我們必須在 WP Engine 上共享的其他優秀開發人員資源。
WP Engine 提供的不僅僅是快速可靠的 WordPress 託管服務。 我們還提供完整的數字體驗平台。 這意味著使用 WP Engine，您可以專注於為您的客戶開發出色的網站設計，而將託管管理交給我們！