ユーザーが重要なアプリのインストールを Chrome でサポートする方法

Thomas Steiner

Dibyajyoti Pal

Vincent Scheib

Dan Murphy

Chrome の社内ユーザー調査によると、多くの人がウェブのインストールを高く評価しています。 。次のような多くの利点があります。

• オペレーティング システムのタスクバーまたはドックからチャットアプリを起動する。
• 専用の最上位ウィンドウから音楽を再生する。このウィンドウは、 アプリの切り替え。
• 臨場感あふれるビデオ通話のためにブラウザの UX を整理しましょう。
• オペレーティング システムで関連付けられたファイルからウェブアプリケーションを直接開く ファイル エクスプローラを使用します。

Chrome とウェブのデベロッパーは、 説明しましたこの投稿では、Google Cloud で ユーザーがアプリをインストールできるようにします

"クラフト"インストール可能の条件を満たすアプリ

Chrome のインストール可能性を満たすアプリ 条件が満たされていれば、 インストール アイコンをクリックする方法（ 例: 次のスクリーンショットを参照）。ユーザーがクリックするとアプリをインストールできます。

別の方法として、[More] ボタンを使ってインストールすることもできます。 >保存して共有 >$appName をインストールします。

モバイルでは、ユーザーは表示されたインストール プロンプトを使用するか、 その他 >ホーム画面に追加 >アプリをインストールします。

こうしたインストールは「作成済み」オプトインしたことで 満たすようにしてください

カスタマイズされたインストール エクスペリエンス

デベロッパーはさらに一歩進んで、カスタマイズされたインストールを提供 あります。これが Squoosh や SVGcode などのアプリでは、 確認できます。以下の例で、ハイライト表示されている [Install] ボタンをご覧ください。方法 スクリーンショットの提供 より充実したインストール体験を提供できます

「手動」任意のアプリのインストール

Google の調査によると、ユーザーは任意のウェブ ユーザーがインストール条件を満たしていない場合や、カスタマイズされた インストール フローを実行します。たとえば Wordle。時点 ウェブアプリ マニフェストに icons メンバーと start_url。

{  
    "name": "Wordle",  
    "short_name": "Wordle",  
    "theme_color": "#FFFFFF",  
    "background_color": "#FFFFFF",  
    "display": "minimal-ui"  
}  

そのような場合に備えて、Chrome では ページを「マニュアル」としてインストールするアプリ、 次のデスクトップのスクリーンショットでハイライトされている部分です。ページの右上で [その他] を選択します。 >保存して共有 >ページをアプリとしてインストール: インストール プロンプトが表示されたら、アプリ名を好みに変更できます。

モバイル デバイスで [もっと見る] をタップします >ホーム画面に追加 >アプリをインストールします。

これは機能しますが、実際に発見できるとは限りません。このため、 Chrome チームは、機械学習（ML）に基づくアプローチに投資してきました。

機械学習に基づくインストール プロンプト

チームは Chrome のセグメント 基づいて、ユーザーが特定のページをインストールしたいかどうかを予測 シグナルの収集、これにはサイトの健全性の特性（ ユーザーサイトのアクセス データ（ 過去 14 日間のサイトアクセスの合計数など）が表示されます。このデータは収集され、使用されます 通常は別のサイトでインストール ダイアログをトリガーするよう ML モデルをトレーニングする ありませんサイトがインストール条件を満たしている場合は 他のページでは手動でインストールできます。 クリックします。

初期結果から、ユーザーは ML によってトリガーされたインストール プロンプトに敏感であることがわかりました。 チームはこれまで得られた経験を生かして、 ユーザーが必要なアプリをインストールできるようにしました。

デスクトップとモバイルでショートカットを作成する

Chrome 128 以降、詳細 >保存して共有 >[ショートカットを作成] は、 ブックマークするか、これにより、特定のページが 新しいタブ。Android の動作と同じで、[More] ボタンでショートカットを作成します。 >ホーム画面に追加 >ショートカットを作成します。

パソコンでのこのメニュー項目の以前の動作は、 [Install Page as App] オプション。「手動」を作成します。アプリの説明 おすすめします

まとめ

ユーザーは自分のアプリに繰り返し利用することを好みます。ブラウザタブで閲覧する場合もあれば、 スタンドアロン エクスペリエンスです。Chrome の特長は次のとおりです。

• デベロッパーは、豊富なインストール エクスペリエンスを作成できます。
• ユーザーがアプリをインストールできなくても、 インストール性が計画されています。
• 再アクセスするページへのショートカットをユーザーが作成できるようにする。
• 機械学習に基づいて、インストールするアプリを積極的に提案する機能 ユーザーが望んでいるのは信頼性の高いインストールです。

さて、Wordle に戻りましょう。

Wordle 1,110 3/6

謝辞

このドキュメントは Finnur Breki によってレビューされました Thorarinsson、Ella Ge、Rachel Andrew。