プログレッシブ ウェブアプリは、Chrome のアドレスバー（オムニボックス）にある新しいインストール ボタンを使用して簡単にインストールできます。
デスクトップでは通常、プログレッシブ ウェブアプリがインストール可能であることを示す表示はなく、インストール可能であっても、インストール フローはその他メニュー内に隠されています。
Chrome 76（2019 年 6 月中旬のベータ版）では、アドレスバー（オムニボックス）にインストール ボタンを追加することで、ユーザーがデスクトップにプログレッシブ ウェブアプリを簡単にインストールできるようになります。サイトがプログレッシブ ウェブアプリのインストール条件を満たしている場合、Chrome のアドレスバーにインストール アイコンが自動的に表示されます。このボタンをクリックすると、PWA をインストールするようユーザーに求めるメッセージが表示されます。
他のインストール イベントと同様に、appinstalled イベントをリッスンして、ユーザーが PWA をインストールしたかどうかを検出できます。
独自のインストール プロンプトを追加する
PWA に、ユーザーがアプリをインストールすると便利なユースケースがある場合（たとえば、アプリを週に 1 回以上使用するユーザーがいる場合）は、アプリのウェブ UI 内で PWA のインストールを促進する必要があります。
独自のカスタム インストール ボタンを追加するには、beforeinstallprompt イベントをリッスンします。このイベントが発生したら、イベントへの参照を保存し、プログレッシブ ウェブアプリをインストールできることをユーザーに知らせるようにユーザー インターフェースを更新します。
PWA のインストールを促進するためのパターン
PWA のインストールを促進するには、主に次の 3 つの方法があります。
- アドレスバーのインストール ボタンなどのブラウザによる自動プロモーション。
- アプリケーション UI プロモーション。UI 要素がアプリケーション インターフェースに表示されます（バナー、ヘッダーまたはナビゲーション メニューのボタンなど）。
- インライン プロモーション パターンは、サイト コンテンツ内にプロモーションを織り交ぜます。
詳しくは、PWA のインストールを促進する（モバイル）のパターンをご覧ください。モバイルに重点を置いていますが、パターンの多くはデスクトップにも適用可能であり、デスクトップ エクスペリエンスで動作するように簡単に変更できます。