如何發送 PWA 推送通知（最簡單的方法）
已發表: 2023-01-12正在尋找添加 PWA 推送通知的簡單方法？
漸進式 Web 應用程序 (PWA) 是可在任何設備上運行的應用程序。 但是與發送網絡推送通知總是有一些衝突。 通常，最大的問題是交貨率。 您可以通過多種方式將網絡推送添加到您的 PWA。 但是，您如何發送實際從您的 PWA 交付的網絡推送通知？
不用擔心！ 在本文中，我們將逐步向您展示如何在不到 10 分鐘的時間內以可靠的交付率發送 PWA 推送通知。
讓我們開始吧。
如何安裝 PWA 推送通知
向 PWA 添加推送通知非常簡單。 只需按照本文中的步驟操作即可。 如果您按照每一步操作，到本文結束時，您應該能夠像這樣發送推送通知：
主要挑戰是所有網絡推送通知軟件都使用名為service_worker.js的 Javascript 文件。 Service Worker 幫助您通過彈出模式收集推送通知訂閱者。 但是所有 PWA 都已經有一個用於不同目的的服務工作者文件。 一次，您的 PWA 只能使用一個 service worker。
簡而言之，Web 推送服務會混淆您的 PWA。 因此，有時它會收集推送通知訂閱者，有時則不會。 有時您可以發送通知，有時則不能。 您甚至可能最終將推送消息發送到您的整個訂閱者列表，並且只將其傳遞給少數訂閱者。
當然，像 Mendix 這樣的 PWA 構建器帶有自己的推送通知系統。 但是，如果您想遷移到其他推送通知服務怎麼辦？ 如果您想要更靈活地控制您的推送通知活動怎麼辦？
我們建議使用 PushEngage 發送 PWA 推送通知。 PushEngage 是世界排名第一的推送通知軟件。 所以，您知道您的活動是安全的。
讓我們開始吧。
第 1 步：設置您的 PushEngage 帳戶
前往 PushEngage 主頁並單擊開始按鈕：
您可以免費試用 PushEngage。 如果您正在運行一個需要重複訪問量和參與度的小型博客，那可能就足夠了。 但是，如果您認真對待銷售，則應該獲取企業包並解鎖自動營銷活動。
一旦您註冊了您的 PushEngage 帳戶，請轉到您的 PushEngage 儀表板並轉到站點設置 » 站點詳細信息：
您可以在此處設置徽標、站點名稱和站點 URL。 現在整理這些東西非常重要，這樣您就可以稍後測試整個設置。
步驟 #2：從 PushEngage 獲取安裝代碼
要安裝推送通知，您需要獲取安裝代碼。 在“站點設置”屏幕中，向下滾動並單擊“單擊此處獲取設置說明”按鈕：
然後，單擊任何站點選項卡：
您可以使用 Javascript 代碼開始發送推送通知。
步驟 #3：為 PWA 推送通知添加 Service Worker 代碼
這個過程中最棘手的部分終於來了。 在Setup Instructions下的 PushEngage 儀表板中，您還會看到一個用於下載 service worker 文件的選項。
重要提示：請勿按原樣將服務工作者文件上傳到應用程序的根目錄。
在記事本等文本編輯器中打開 PushEngage service worker，並複制 service worker 的代碼。 然後，找到您的 PWA 的服務工作者文件，並將 PushEngage 服務工作者代碼添加到該文件中。
如果忽略此步驟，您將無法收集推送通知訂閱者。
步驟 #4：配置 PushEngage 選擇加入
現在，返回您的 PushEngage 儀表板。 轉到設計»彈出模式並選擇您選擇的選項：
這裡的想法是給你的訪客一個訂閱的堅實理由。 如果您需要一些幫助，請查看我們關於如何創建自定義推送通知選擇加入的文章。
如果您想要開始使用一些模板，您應該查看這篇關於高轉化率推送通知選擇加入的文章。
第 5 步：創建您的第一個廣告系列
現在您的 Webflow 站點可以發送推送通知，您應該創建一個實際的活動。
Webflow 並不是真正無聊的免費網站構建器。 它是用於自定義 Web 開發的高級構建器。 因此，您很可能會在著陸頁上銷售產品。 如果是您，您絕對應該為您的商店設置一個廢棄的購物車提醒。
廢棄的購物車活動有助於通過轉換廢棄的購物車來產生額外的收入。 這是一個簡單的提醒，在自動駕駛儀上銷售了很多產品。 因此，支持任何可帶來直接銷售的著陸頁都是一項很棒的活動。
只需轉到您的 PushEngage 儀表板並轉到廣告系列 » 觸發式廣告系列 » 創建新的觸發式廣告系列：
然後，選擇購物車放棄活動模板：
如果您是創建自動化營銷活動的新手，您可以簡單地按照我們關於如何設置廢棄購物車推送通知活動的文章進行操作。 按照每一步操作，您可以像這樣設置推送通知：
以防萬一你想知道，你不需要成為一個家喻戶曉的品牌，你的推送通知活動才會有效。 事實上，PushEngage 旨在幫助小型企業使用推送通知發展壯大。
但在開始營銷您的網站之前，您應該解決推送通知訂閱過程中的任何問題。 查看這篇關於測試推送通知的文章。 如果一切正常，你就完成了！
添加 PWA 推送通知後怎麼辦？
伙計們，這就是全部！
您現在可以發送 PWA 推送通知。 到目前為止，您還創建了一個強大的網絡推送通知活動來促進您的成長。 所有這一切，不到 10 分鐘！
查看如何創建其他自動推送通知活動。 大多數推送活動都簡單有效。 因此，我們建議為您的網站設置多個廣告系列。 這裡有一些很棒的開始：
- 如何自動發送 RSS 推送通知
- 如何使用 GTM 設置購物車放棄推送通知
- 如何以簡單的方式安排推送通知 [5 分鐘。 指導]
如果您還沒有，請開始使用 PushEngage。 PushEngage 是世界排名第一的推送通知軟件。 因此，您的競選活動是安全的。
立即開始使用 PushEngage！