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

只要透過 Chrome 網址列 (網址列) 中的新安裝按鈕,就能輕鬆安裝漸進式網頁應用程式。

在電腦上,系統通常不會向使用者顯示可安裝的漸進式網頁應用程式,如果有,安裝流程會隱藏在三點選單中。

在 Chrome 76 (2019 年 6 月中旬的 Beta 版) 中,我們會在網址列 (網址列) 中加入安裝按鈕,方便使用者在電腦上安裝漸進式網頁應用程式。如果網站符合漸進式網頁應用程式安裝可行性標準,Chrome 就會自動在網址列中顯示安裝圖示。點選按鈕後,系統會提示使用者安裝 PWA。

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

新增安裝提示

如果您的 PWA 有使用案例,使用者安裝應用程式會有所助益,例如使用者每週使用應用程式超過一次,您就應在應用程式的網頁 UI 中宣傳 PWA 安裝作業。

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

促進 PWA 安裝的模式

您可以透過三種主要方式宣傳 PWA 安裝作業:

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

詳情請參閱「宣傳 PWA 安裝作業 (行動裝置)」的模式。這項工具著重於行動裝置,但許多模式也適用於電腦,或可輕鬆修改以便在電腦上使用。