Androidの新しいPWAインストールインターフェース

Chrome 90 より、Discourse の管理者は PWA インストールのボトムシートにスクリーンショットを追加できるようになりました。

興味深いページのスクリーンショットをいくつか撮影し、トピックにアップロードした上で、/admin/site_settings/category/branding?filter=manifest screenshots にてそれらを登録してください。

スクリーンショットについては、Chrome が以下の要件を ドキュメント として定めています:

  • 幅と高さは 320px 以上、3840px 以下である必要があります。
  • 最大寸法は最小寸法の 2 倍を超えることはできません。
  • 各スクリーンショットのアスペクト比は同一である必要があります。
  • 対応している画像形式は JPEG と PNG のみです。

設定を登録すると、以下のように表示されます:

login required(ログイン必須)設定のサイトの場合、スクリーンショットは公開される点にご注意ください。

「いいね!」 37

スクリーンショットの設定を入力する方法は?テキストフィールドしかないようで、画像のアップロードを促す項目が見当たりません。

「いいね!」 1

トピックにアップロードし、その URL をコピーして、サイト設定で使用してください。

「いいね!」 6

マニフェストのスクリーンショットセクションに、これらの機能をテストするためのスクリーンショットのリンクをいくつか追加しました。しかし、私の環境では動作しません。Chrome v90.0.4430 と Chrome Canary 91.0.4446 で試しましたが、同じ結果です。この機能は実装の準備が整っているのでしょうか、それとももう少し待つ必要があるのでしょうか?

テストするには、Chrome Canary でフラグを有効にする必要があります:

chrome://flags/#mobile-pwa-install-use-bottom-sheet

「いいね!」 1

メタでは正常に動作していますが、Chrome Canary の自分のサイトでは動作しません。画像をアップロードし、マニフェストのスクリーンショットにリンクを追加しました。何か見落としていることはありますか?

「いいね!」 1

ここにサイトのリンクを貼ってもらえますか?見てあげますよ!

「いいね!」 1

ありがとうございます。英国のモッドが確認してくれます。

PWA の無効化についてですが、削除する意図ではなく、時間ができた際に、私たちの考え方に合う形で PWA をどのように統合できるか検討したいというものです。ポップアップではなく、試してみたい人のためのリンクとして実装するといった形かもしれません。

ポップアップはありません。

Discourse における PWA のインストールを促すプロンプト(Android 環境で表示されるもの)は、十分なエンゲージメントを持つユーザーにのみ表示されるトップバナー内のリンクです。

上記で言及されている新しいスクリーンショットは、長年使用してきたプロンプトをクリックしたにのみ表示されるものです。

「いいね!」 5

ありがとうございます。
すぐに確認させていただきます。

ありがとう、ブロ。

ここに僕のサイトがあります:engineersasylum.com

「いいね!」 1

スクリーンショットの寸法は 1080x2246 ですが、以下のルールに違反しています。

「いいね!」 5

ありがとう、兄貴。もう全部大丈夫だよ。

「いいね!」 1

これは、Google が段階的にロールアウトを行っているため、Android の Chrome で一部のユーザー向けに現在公開されています。

「いいね!」 8

Discourse のデスクトップ版での動作がどうなるか、楽しみで仕方ありません!:grinning:
https://mspoweruser.com/google-is-working-on-a-more-lavish-pwa-installation-ui/

「いいね!」 5