使用 Chrome 網址列 (網址列) 全新的安裝按鈕,輕鬆安裝漸進式網頁應用程式。
在電腦上,通常不會讓使用者知道使用漸進式網路 應用程式可供安裝;如為附加檔案,則安裝流程會隱藏在第三個選項中 三點選單
在 Chrome 76 (2019 年 6 月中旬的 Beta 版) 中,我們將讓使用者更容易安裝應用程式 在網址中加入安裝按鈕,即可在電腦上執行漸進式網頁應用程式 列 (網址列)。如果網站符合 漸進式網頁應用程式安裝條件 Chrome 會自動在網址列顯示安裝圖示。按一下 這類按鈕會提示使用者安裝 PWA。
如同其他安裝事件,您可以監聽 appinstalled
事件,偵測使用者是否已安裝 PWA。
新增自己的安裝提示
如果您的 PWA 適用於使用者安裝應用程式 舉例來說,如果有使用者一週多次使用您的應用程式 ,在應用程式網頁使用者介面中鼓勵使用者安裝 PWA。
如要新增自己的自訂安裝按鈕,請聆聽
beforeinstallprompt
事件。觸發事件時
儲存事件的參照,並更新使用者介面,讓使用者能夠查看
知道他們可以安裝您的漸進式網頁應用程式。
宣傳安裝 PWA 的模式
您可以透過以下 3 種主要方式提高 PWA 的安裝成效:
- 自動瀏覽器升級,例如網址列安裝按鈕。
- 應用程式 UI 宣傳,也就是顯示在應用程式中的 UI 元素 介面,例如橫幅、標題或導覽選單中的按鈕等等
- 內嵌的宣傳模式會在網站內容中添加促銷活動。
請參閱宣傳 PWA 安裝 (行動裝置) 的模式 ,掌握更多詳細資訊。這項研究著重於行動裝置,但許多模式都適用 ,也能輕鬆修改並配合電腦版體驗。