安裝電腦版漸進式網頁應用程式的網址列

使用 Chrome 網址列 (網址列) 全新的安裝按鈕,輕鬆安裝漸進式網頁應用程式。

在電腦上,通常不會讓使用者知道使用漸進式網路 應用程式可供安裝;如為附加檔案,則安裝流程會隱藏在第三個選項中 三點選單

在 Chrome 76 (2019 年 6 月中旬的 Beta 版) 中,我們將讓使用者更容易安裝應用程式 在網址中加入安裝按鈕,即可在電腦上執行漸進式網頁應用程式 列 (網址列)。如果網站符合 漸進式網頁應用程式安裝條件 Chrome 會自動在網址列顯示安裝圖示。按一下 這類按鈕會提示使用者安裝 PWA。

如同其他安裝事件,您可以監聽 appinstalled 事件,偵測使用者是否已安裝 PWA。

新增自己的安裝提示

如果您的 PWA 適用於使用者安裝應用程式 舉例來說,如果有使用者一週多次使用您的應用程式 ,在應用程式網頁使用者介面中鼓勵使用者安裝 PWA。

如要新增自己的自訂安裝按鈕,請聆聽 beforeinstallprompt 事件。觸發事件時 儲存事件的參照,並更新使用者介面,讓使用者能夠查看 知道他們可以安裝您的漸進式網頁應用程式。

宣傳安裝 PWA 的模式

您可以透過以下 3 種主要方式提高 PWA 的安裝成效:

  • 自動瀏覽器升級,例如網址列安裝按鈕。
  • 應用程式 UI 宣傳,也就是顯示在應用程式中的 UI 元素 介面,例如橫幅、標題或導覽選單中的按鈕等等
  • 內嵌的宣傳模式會在網站內容中添加促銷活動。

請參閱宣傳 PWA 安裝 (行動裝置) 的模式 ,掌握更多詳細資訊。這項研究著重於行動裝置,但許多模式都適用 ,也能輕鬆修改並配合電腦版體驗。