公開: 2026 年 7 月 22 日
Google は、ユーザー エクスペリエンスの向上に向けた継続的な取り組みの一環として、ウェブの閲覧時に表示される通知プロンプトの煩わしさを軽減するための変更をいくつか行っています。Android 版 Chrome では、Chrome 155 から新しい通知ユーザー エクスペリエンスに移行します。この記事では、ユーザーに対する変更の内容と、この新しいユーザー エクスペリエンスを活用するためにコードに加える必要のある変更について説明します。
Google の調査と実験では、この通知 UI は以前のバージョンと同程度の理解度が得られる一方で、ユーザーのストレスを大幅に軽減できることが示されています。これにより、ユーザーはサイトの通知を購読するかどうかを、サイトの利用を中断することなく、十分な情報に基づいて選択できます。
サイトの設定に追加されたエントリ ポイント
ユーザーがいつでも柔軟に購読できるように、Chrome のサイトの設定 UI に通知購読のエントリ ポイントを直接組み込みます。これは、サイトが最初にユーザーに通知を求めるプロンプトを表示した後に利用できるようになります。
サイトが最初にプロンプトを表示したときにユーザーが決定しなかった場合でも、後でいつでも通知を購読できます。
サイトの実装における変更の可能性
ユーザーが何も決定しなかった場合でも、非ブロッキング プロンプトの有効期限が切れると、通知権限のリクエストはタイムアウトします。そのため、次の例のように、付与された権限を確認するコードを変更する必要があります。
// Request notification permission and subscribe if granted.
Notification.requestPermission().then((permission) => {
// This will run with permission='default' if the non-blocking
// permission prompt times out.
if (permission === 'granted') {
subscribeToPushNotifications();
}
});
ユーザーがサイトの設定でオプトインした場合に通知購読を成功させるには、権限の状態の変更もモニタリングする必要があります。
navigator.permissions.query({ name: 'notifications' })
.then(permissionStatus => {
permissionStatus.onchange = () => {
if (permissionStatus.state === 'granted') {
subscribeToPushNotifications();
}
};
});
デベロッパー向けのベスト プラクティス: コンテキストに応じたプロンプト
ページが読み込まれた瞬間に通知権限を求めるプロンプトを表示すると、すぐにストレスが生じ、サイトのユーザー エクスペリエンスが損なわれる可能性があります。代わりに、サイトではプロンプトを関連するコンテキストに関連付けることをおすすめします。これにより、ユーザーはサイトからの通知を許可する価値を理解できます。次にいくつか例を示します。
- e コマース: 注文直後に配送状況の最新情報を提供する。
- パブリッシング: 関連するニュース記事をいくつか読んだ後に、トピック アラートを提案する。
- 旅行: 特定のフライトを検索した後に、料金変更アラートを希望するかどうかを尋ねる。