手機推送通知


Safari現在支持移動Web推送

大衛Bielik 通過大衛Bielik2023年3月21日

2023年2月16日蘋果宣布通過iOS和iPadOS在iphone和ipad上的移動Safari網絡瀏覽器上支持web推送通知。這一聲明備受期待,因為Safari是最後一個添加網頁推送支持的瀏覽器,也因為這一改變將允許一類名為漸進式Web應用程序更像移動應用程序。

像我這樣的網絡發燒友一直相信,有了支持推送通知,離線緩存和主屏幕安裝,我們可以創建功能齊全的web應用程序,就像本地移動應用程序一樣好,但沒有麻煩的App Store批準和高應用內部購買傭金.那麼,讓我們來看看Safari的移動網頁推送是如何工作的,它的要求(和限製),以及品牌如何開始利用這個巨大的機會在網絡上吸引客戶。

(還有一件事:如果你使用Braze進行web推送,發送推送到移動Safariusers已經得到支持,不需要任何SDK更新。)

漸進式Web應用程序和Web推送的重要性

漸進式Web應用(PWAs)是指使用現代技術模仿原生應用行為的網站。沒有嚴格的定義和標準,而且正如Mozilla所描述的在美國,PWAs更多的是一種建造現代的、有表現力的網站的“哲學”,而不是一個單一的、具體的東西。

網絡推可以說是PWA最重要的功能之一,因為它將最具標誌性的移動功能——推送通知——帶到網絡上。雖然我們都習慣了在iOS和Android設備上推送提示和通知中心,但很少有網站實現了推送通知,而且我訪問的大多數要求推送許可的網站往往都沒有提供任何理由來解釋他們為什麼要這樣做。

Safari的估計50%的移動市場份額到2022年12月,網站所有者投資於移動客戶參與策略變得越來越重要。不像Android和iOS應用需要單獨管理應用商店,網站是通用的,高曝光率,更容易訪問。此外,由於網絡應用程序通常占用更少的存儲空間,用戶不必擔心安裝太多應用程序或空間不足。

Safari Mobile Web Push麵臨的最大挑戰

要讓用戶選擇在Safari手機上進行推送,有一個非常重要的警告:隻有已被書簽到用戶主屏幕的網站才允許請求推送權限。

不像其他主流瀏覽器(Chrome, Firefox, Edge)允許任何網站請求推送權限,Safari的主屏幕要求意味著由於更高的學習曲線和摩擦點,你應該期望有更低比例的推送資格用戶。為了解決這一問題,我希望我們能夠看到許多web應用嚐試通過應用內部消息和文檔來教育用戶安裝到主屏幕的好處。

從好的方麵來看,而添加到主界麵Safari的要求可能是一個很大的障礙,這應該使瀏覽網頁比其他瀏覽器更無幹擾。最近,我們都被Chrome和Firefox訓練成條件反射式地拒絕推送提示和cookie橫幅;Chrome和Firefox甚至重新設計了它們的原生推送提示,不再在頁麵上彈出,而是在URL欄中顯示一個隱藏在裏麵的小鍾形圖標。通過對移動網絡推送選項設置更高的門檻,蘋果可能會限製與該渠道相關的噪音,並使品牌更容易使用它來接觸真正參與的網絡用戶。

支持安裝提示

在未來,Safari可以幫助克服安裝障礙的一種方式是支持另一種新的web功能安裝提示

Chrome、Edge和Opera都支持安裝提示,用戶可以通過網站上的某個按鈕,輕輕一點就把你的網頁應用安裝到他們的主屏幕上。從技術上講,當瀏覽器認為你有資格為用戶提供安裝選項時,它會告訴網站的代碼,通常是當你瀏覽網站的時間足夠長或是重複訪問者時。

我希望蘋果決定支持安裝提示,幫助用戶更直觀地選擇他們想要安裝在主屏幕上的可信web應用程序(並隨後收到來自它們的推送通知)。

支持Safari移動Web推送的技術要求

需求#1:Web應用程序清單文件

要使您的網站具有自己的圖標和全屏沉浸式體驗,您應該有一個Web應用程序清單文件。這是一個簡單的JSON文件,用於控製當用戶將網站安裝到主屏幕時,您的網站應該如何呈現。

例如,它用於配置背景主題顏色和圖標應用程序切換器使用,或控製網站是否以全屏方式打開以類似於本機應用程序,或應用程序是否以橫屏或豎屏模式打開。

隻需創建一個新的清單。Json文件在您的網站的公共目錄中,至少包含以下必選字段。Safari特有的唯一要求是“顯示”選項必須設置為“獨立”或“全屏”。支持字段的完整列表可以在這裏找到在這裏

然後,添加一個HTML 標簽到您的網站的部分,以指出您的清單文件托管的位置。因此,你的網站現在可以作為一個獨立的應用程序安裝在手機的主屏幕上,與其他原生應用程序一起。

需求#2:Service Worker

Service Worker是一個後台Javascript進程,支持許多現代PWA特性,包括推動API對於推送通知,離線緩存支持以及穀歌Chrome的新“MV3”版本瀏覽器擴展

對於Braze客戶,manbetx万博全站客户端隻需初始化Braze Web SDK,就可以自動處理下麵描述的所有複雜性。如果你打算手動實現web推送,那麼你將麵臨一個龐大而複雜的項目,其中包括:

要求#3:添加到主屏幕

要將一個網站添加到你的主屏幕,用戶必須點擊Safari中的分享圖標,並選擇“添加到主屏幕”選項。從這裏,用戶可以自定義應用程序的顯示名稱,默認情況下將使用Web應用程序清單中的“name”屬性。

正如上文所述,你可以通過其他渠道(遊戲邦注:如應用內部消息或電子郵件)向用戶提供教育,這對於提高手機網頁推送的普及率至關重要。采用這種教育方法並不能保證用戶願意將你的網站添加到他們的主屏幕上,但它確實提供了一個機會來肯定這樣做的價值,這可以幫助推動可說服的用戶。

需求#4:請求推送權限

現在你的網頁應用已經安裝在主屏幕上,你就可以申請推送權限了。使用Braze Web SDK,您所要做的就是運行這段簡單的行代碼來請求推送權限—SDK和Braze平台處理其餘的所有工作。

一旦你的主屏幕應用程序被打開,你可以在適當的時間請求推送許可,比如當用戶顯示出獲得通知的意圖(即點擊一個名為“獲取通知”的按鈕),或者你認為他們的互動值得在許可提示下測試你的運氣(例如他們購買)。

請記住,用戶需要關閉Safari並打開新安裝的主屏幕應用程序才能請求推送權限。

需求5(可選,但鼓勵):主要用戶進行推送

既然你已經在手機上設置並運行了推送通知,那麼如果你的許可提示的選擇率很低,那就太可惜了。

如果用戶在你的原生推送提示上選擇了“不允許”,那麼你很可能永遠失去了再次詢問他們的機會。從技術上講,用戶可以在手機設置界麵手動重置他們的推送權限,但他們這麼做的幾率非常低——實際上,他們可能已經永遠失去了。

把引物是一種策略,用於確保您不會失去這個用戶一生中隻有一次的推送權限機會。幸運的是,對於Braze客戶來說,用我manbetx万博全站客户端們的新產品很容易構建推送入門信息無碼推送引物特色和選擇準確的時候顯示它。結果呢?對於那些不了解推送的好處的用戶(他們可能會永久選擇退出),你不需要觸發原生推送提示,相反你可以在應用中展示一條解釋推送如何工作的消息,以及允許你在這個渠道上向他們發送消息會給他們帶來什麼好處。

如果一個用戶拒絕了你的應用內消息,那是令人失望的——但至少你可以在以後更合適的時候再問他們一次。另一方麵,如果他們選擇接受或繼續應用內消息中的推送權限,你現在知道他們很有可能會在隨後顯示的本機提示中單擊“允許”,從而使你的推送可達受眾最大化。

關鍵的外賣

  1. 移動端的Safari現在解鎖了大量新用戶,你可以通過網絡推送重新吸引他們

  2. Safari對已安裝到主屏幕的應用程序的推送資格進行了限製

  3. 到目前為止,還沒有簡單的方法來提示用戶安裝應用程序,他們需要手動在Safari的共享菜單中添加應用程序

  4. Braze可以很容易地為推送注冊用戶、管理推送令牌、分割和協調推送消息等等。

有興趣了解更多關於網頁推送、瀏覽器內消息和其他吸引用戶上網的工具嗎?查看我們的Web消息傳遞指南


大衛Bielik

大衛Bielik

David是紐約的一名產品經理,致力於使我們的Braze sdk易於在我們不斷增長的平台和渠道中集成。工作之餘,你可以看到大衛為他的初創公司www.nerdydata.com回複支持郵件。

相關內容

忠誠

通過個性化的推送通知最大化您的客戶重新參與和忠誠度

閱讀更多

是什麼造就了“完美”的手機推送通知:看看我們最應該做的和最不該做的

閱讀更多

推送通知:重要的消息傳遞指標

閱讀更多

iOS 15聚焦模式對客戶粘性的影響

閱讀更多