> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.onesignal.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Webプッシュのブラウザ動作

> 通知の配信停止方法と、ブラウザがWebプッシュサブスクリプションを処理する方法を理解します。

このガイドでは、Webプッシュ[サブスクリプション](./subscriptions)の管理方法と、ユーザーアクションとブラウザ動作の両方によってサブスクリプションステータスがどのように影響を受けるかについて説明します。

***

## プッシュ権限を理解する

ユーザーは、プッシュ通知を送信するためにWebサイトに許可を与える必要があります。システムレベルの権限プロンプトを使用してサイトに明示的に許可を与えない限り、プッシュ通知を受信することはできません。

<Frame caption="このサイトのプッシュ通知を受信するためにクリックして「許可」する必要があるChromeの必須システムレベル権限プロンプトの例。">
  <img src="https://mintcdn.com/onesignal/jFWn5xzleD8du3j6/images/docs/60324a7f57f452db6054d4442689b8fb7f269f8dc123cc5b4154481ae8b89db4-Screenshot_2025-04-07_at_12.08.33_PM.png?fit=max&auto=format&n=jFWn5xzleD8du3j6&q=85&s=6d9631d8e6c3fb165068b20259df4457" width="1578" height="974" data-path="images/docs/60324a7f57f452db6054d4442689b8fb7f269f8dc123cc5b4154481ae8b89db4-Screenshot_2025-04-07_at_12.08.33_PM.png" />
</Frame>

権限は次のいずれかになります：

* **デフォルト**：権限が拒否されていません。
* **許可**：Webサイトが通知を送信することを許可しました。
* **拒否**：Webサイトが通知を送信することをブロックしました。これは、プロンプトを閉じるために**x**を繰り返しクリックした場合の一時的なブロック、または**ブロック**をクリックするかブラウザ設定で権限をオフに切り替えた場合の永続的なブロックのいずれかになります。

<Note>
  ネイティブシステムレベル権限プロンプトおよび/またはOneSignalプロンプトの詳細については、[Web権限プロンプト](./permission-requests)を参照してください。
</Note>

***

## Web通知の配信を停止する方法

Webプッシュ通知の配信を停止するには、3つの方法があります：

### ブラウザ設定内で配信停止

ブラウザ設定で通知権限を直接管理または削除できます。詳細を確認するためのクイックアクセスURLと公式ドキュメントは次のとおりです：

* **Chrome**: `chrome://settings/content/notifications` ([Chromeのドキュメントで詳細を確認](https://support.google.com/chrome/answer/3220216?hl=en\&co=GENIE.Platform%3DDesktop\&sjid=12874758545589453111-NA))
* **Edge**: `edge://settings/content/notifications` ([Microsoftのドキュメントで詳細を確認](https://www.microsoft.com/en-us/edge/learning-center/how-to-turn-off-block-browser-notifications?form=MA13I2))
* **Firefox**: `about:preferences#privacy` 権限 > 通知 > 設定までスクロール ([Mozillaのドキュメントで詳細を確認](https://support.mozilla.org/en-US/kb/push-notifications-firefox))
* **Safari**: 設定 > Webサイト > 通知 ([Safariのドキュメントで詳細を確認](https://support.apple.com/guide/safari/customize-website-notifications-sfri40734/16.1/mac/13.0))

これらのページで、通知を受け取りたくないWebサイトを削除またはブロックするオプションをクリックするだけです。

### Webサイト上で配信停止

**権限をリセット**

ほとんどのブラウザには、URLの横に「ロック」または「設定」アイコンがあります。これをクリックすると、サイト固有の権限が表示され、ユーザーはプッシュ通知を無効にできます。

<Frame caption="例では、Chromeブラウザでサイトのプッシュ権限を完全にオフに切り替えるか、権限をリセットしてサイトが再度プロンプトを表示できるようにすることができます。">
  <img src="https://mintcdn.com/onesignal/jFWn5xzleD8du3j6/images/docs/6264e883e1d4c19f71712be79859cf48e26a47d4283571846d3e585ca2d26d6b-Screenshot_2025-04-07_at_10.56.32_AM.png?fit=max&auto=format&n=jFWn5xzleD8du3j6&q=85&s=38fbcf821abf6b7077e5e4b1e736ecb9" width="1636" height="974" data-path="images/docs/6264e883e1d4c19f71712be79859cf48e26a47d4283571846d3e585ca2d26d6b-Screenshot_2025-04-07_at_10.56.32_AM.png" />
</Frame>

**OneSignalプロンプト**

WebサイトにOneSignal[ベルプロンプト](./permission-requests)または[カスタムリンクプロンプト](./permission-requests)が含まれている場合、ユーザーはこれらのUI要素を介して直接配信停止でき、必要に応じて同じものを使用して再購読できます。

<Frame caption="例は、OneSignalベルプロンプトを示しています。">
  <img src="https://mintcdn.com/onesignal/_KaXe4GQkxsEfa17/images/docs/400a59de59dcc7ec2cb46e09a29f99bbd1da11861bba418e76e7a0b90f86ed4d-Screenshot_2025-04-07_at_10.59.38_AM.png?fit=max&auto=format&n=_KaXe4GQkxsEfa17&q=85&s=3226ef886346ee6abbc25ebb17abf36b" width="1636" height="974" data-path="images/docs/400a59de59dcc7ec2cb46e09a29f99bbd1da11861bba418e76e7a0b90f86ed4d-Screenshot_2025-04-07_at_10.59.38_AM.png" />
</Frame>

### ブラウザデータの削除、Cookieとサイトデータのクリア

履歴を削除したり、Cookieとサイトデータを削除したりすると、通知の表示が一時的に防止されます。ただし、サイトからプッシュ権限を削除しない場合、サイトに戻ったときに自動的に再購読され、再び通知を受け取り始める可能性があります。

<Frame caption="例は、ブラウザ履歴とサイトデータのクリアを示しています。">
  <img src="https://mintcdn.com/onesignal/jFWn5xzleD8du3j6/images/docs/5e463a765566c11fee159b98a88f0a66314be75e16d7963296b53cfb880d0640-Screenshot_2025-04-07_at_11.56.43_AM.png?fit=max&auto=format&n=jFWn5xzleD8du3j6&q=85&s=c133664ca1396ee6ed0dcc03c20f9c9b" width="2962" height="1458" data-path="images/docs/5e463a765566c11fee159b98a88f0a66314be75e16d7963296b53cfb880d0640-Screenshot_2025-04-07_at_11.56.43_AM.png" />
</Frame>

<br />

<Frame caption="例は、サイトデータのクリアを示しています。">
  <img src="https://mintcdn.com/onesignal/6tscVAtiSqz353kV/images/docs/9e18eb2c46e65b05e98bfe488268daaf8e1cb3d958767393b9e935de3189327c-Screenshot_2025-04-07_at_11.56.34_AM.png?fit=max&auto=format&n=6tscVAtiSqz353kV&q=85&s=56d550b0d11955804d5b7f6a71544125" width="2962" height="1458" data-path="images/docs/9e18eb2c46e65b05e98bfe488268daaf8e1cb3d958767393b9e935de3189327c-Screenshot_2025-04-07_at_11.56.34_AM.png" />
</Frame>

***

## 権限プロンプトをテストする方法

これらの手順では、初めての訪問者のようにプロンプトとサブスクリプションフローをテストする方法を説明します。

<Steps>
  <Step title="OneSignal SDKがセットアップされたサイトにアクセスします。">
    **シークレット、プライベート、またはゲストブラウザ設定を使用しないでください。** この例では、macOSのChromeバージョン135を使用していますが、ほとんどのブラウザでフローは比較的同じです。
  </Step>

  <Step title="プッシュ権限をリセット">
    サイトURLの横にあるサイト設定またはロックアイコンをクリックし、**権限をリセット**を選択するか、通知の権限を削除します。
    この権限オプションが表示されない場合は、次の手順にスキップしてください。

    <Frame caption="Chromeサイト設定メニュー > 通知の権限をリセット。">
      <img src="https://mintcdn.com/onesignal/6v_cVPknFpo5qSVB/images/docs/0caa8967d5d339eb83795e9c8aae6fd58dfb370e7937eec2689286bc37b7d3ad-Screenshot_2025-04-07_at_1.15.10_PM.png?fit=max&auto=format&n=6v_cVPknFpo5qSVB&q=85&s=cc627d94184116ba58ab88a9ebd192b3" width="1642" height="1038" data-path="images/docs/0caa8967d5d339eb83795e9c8aae6fd58dfb370e7937eec2689286bc37b7d3ad-Screenshot_2025-04-07_at_1.15.10_PM.png" />
    </Frame>
  </Step>

  <Step title="サイトデータを削除します。">
    **Cookieとサイトデータ > デバイス上のサイトデータを管理**をクリックするか、ブラウザのフローに従ってサイトのデータオプションを表示します。

    <Frame caption="Chromeのデバイス上のサイトデータ画面。">
      <img src="https://mintcdn.com/onesignal/_KaXe4GQkxsEfa17/images/docs/3ddc97a656d2a7e72851bb723c3ef6bb7cf451f43f2980b6e16326b34ad0694d-Screenshot_2025-04-07_at_1.17.51_PM.png?fit=max&auto=format&n=_KaXe4GQkxsEfa17&q=85&s=cc96365a817a37b63a008bf300dba8b2" width="1642" height="1264" data-path="images/docs/3ddc97a656d2a7e72851bb723c3ef6bb7cf451f43f2980b6e16326b34ad0694d-Screenshot_2025-04-07_at_1.17.51_PM.png" />
    </Frame>

    サイトのデータを削除し、設定を終了してサイトに戻ります。

    <Frame caption="例は、サイトCookieのクリアを示しています。">
      <img src="https://mintcdn.com/onesignal/tNi1OgLc_p9hiq7_/images/docs/14356bf800a63a9cb7ce3396c86ab636720ff152d65f266cb253142266b246d2-Screenshot_2025-04-07_at_1.22.02_PM.png?fit=max&auto=format&n=tNi1OgLc_p9hiq7_&q=85&s=61dcb2f2c4967bf79dfd609b820a2507" width="1554" height="1216" data-path="images/docs/14356bf800a63a9cb7ce3396c86ab636720ff152d65f266cb253142266b246d2-Screenshot_2025-04-07_at_1.22.02_PM.png" />
    </Frame>
  </Step>

  <Step title="開発者ツールを開きます。">通常、画面を右クリックして**検証**を押すだけです。</Step>

  <Step title="プッシュ通知のプロンプトに必要な手順を実行し、必須システムレベル権限プロンプトで「許可」を選択します。">
    プロンプトが表示されない場合や手順がわからない場合は、[Web権限プロンプト](./permission-requests)を参照してください。

    <Frame caption="例は、Chrome必須システムレベルプロンプトを示しています。">
      <img src="https://mintcdn.com/onesignal/tc0EvmtSSX56SX0c/images/docs/99abfc40c2cbce6d99a32295716ba683e77a1ef4c3d8e26736d1448a62513703-Screenshot_2025-04-07_at_1.22.55_PM.png?fit=max&auto=format&n=tc0EvmtSSX56SX0c&q=85&s=d522e924e8cf68c5e2e331705571159b" width="1642" height="1038" data-path="images/docs/99abfc40c2cbce6d99a32295716ba683e77a1ef4c3d8e26736d1448a62513703-Screenshot_2025-04-07_at_1.22.55_PM.png" />
    </Frame>
  </Step>

  <Step title="コンソールでエラーを確認します。">
    OneSignalに関連する赤いものが表示された場合は、[Web SDKトラブルシューティング](./troubleshooting-web-push)ドキュメントを参照してください。
  </Step>

  <Step title="サブスクリプションIDを取得">
    **コンソール**でこのコードを入力またはコピー＆ペーストします：`OneSignal.User.PushSubscription.id`

    1. これにより、OneSignalサブスクリプションIDがログに記録されます。これをOneSignalダッシュボードのAudience > Subscriptionsタブにコピー＆ペーストします。
    2. コンソールにサブスクリプションIDがログに記録されなかった場合、正常にサブスクライブされていません。詳細については、[Web SDKトラブルシューティング](./troubleshooting-web-push)を参照してください。

    <Frame caption="コンソールを使用してプッシュサブスクリプションIDを取得します。">
      <img src="https://mintcdn.com/onesignal/6v_cVPknFpo5qSVB/images/docs/0585c363af7bf9154c7cd204b9ce4636049694af313c80564ab94c75dc898da3-Screenshot_2025-04-07_at_1.35.26_PM.png?fit=max&auto=format&n=6v_cVPknFpo5qSVB&q=85&s=96e4c0b9515e7e62cb3e29ed0afdc8a5" width="1642" height="1038" data-path="images/docs/0585c363af7bf9154c7cd204b9ce4636049694af313c80564ab94c75dc898da3-Screenshot_2025-04-07_at_1.35.26_PM.png" />
    </Frame>

    <Frame caption="OneSignalダッシュボードのSubscriptionsページでサブスクリプションIDを表示します。">
      <img src="https://mintcdn.com/onesignal/tc0EvmtSSX56SX0c/images/docs/97de08625efcb3ae048d8db0ce79ab6400d4edb1e32fb586ee2ccfdec64ef533-Screenshot_2025-04-07_at_1.35.39_PM.png?fit=max&auto=format&n=tc0EvmtSSX56SX0c&q=85&s=f0e59d2577e9301240efca039c941212" width="2268" height="1320" data-path="images/docs/97de08625efcb3ae048d8db0ce79ab6400d4edb1e32fb586ee2ccfdec64ef533-Screenshot_2025-04-07_at_1.35.39_PM.png" />
    </Frame>
  </Step>

  <Step title="サブスクリプションの横にある3ドットオプションボタンを選択し、「テストサブスクリプションに追加」を選択します。次に、テストユーザーに名前と日付を付けて認識できるようにします。">
    <Frame caption="サブスクリプションをテストサブスクリプションとして追加します。">
      <img src="https://mintcdn.com/onesignal/Z6xkXGfmy814If53/images/docs/daee83f7f444a1361390186abfd493252ae59b8ffbdb42f4a14fd979f2f9e268-Screenshot_2025-04-07_at_1.35.46_PM.png?fit=max&auto=format&n=Z6xkXGfmy814If53&q=85&s=65ddc58a9861c912ccc19abe1225c6aa" width="2268" height="1320" data-path="images/docs/daee83f7f444a1361390186abfd493252ae59b8ffbdb42f4a14fd979f2f9e268-Screenshot_2025-04-07_at_1.35.46_PM.png" />
    </Frame>
  </Step>

  <Step title="Messages > Push > New Message > New Pushに移動し、Push作成フォームでMessageを追加します。">
    必要に応じて、詳細については[Push](./push)を参照してください。

    <Frame caption="テストサブスクリプションに送信する新しいプッシュを作成します。">
      <img src="https://mintcdn.com/onesignal/3zq1PvSaqvUE2bIx/images/docs/2b9d9a6022f8c8566fe9ab63dde56ef8a6dc5bca9e4a1902c5b939748eea696a-Screenshot_2025-04-07_at_1.39.55_PM.png?fit=max&auto=format&n=3zq1PvSaqvUE2bIx&q=85&s=c153b7d978104a1639d5b2269871c7ce" width="2268" height="1320" data-path="images/docs/2b9d9a6022f8c8566fe9ab63dde56ef8a6dc5bca9e4a1902c5b939748eea696a-Screenshot_2025-04-07_at_1.39.55_PM.png" />
    </Frame>
  </Step>

  <Step title="「Test & Preview」を選択し、テストサブスクリプションを見つけてチェックし、「Send Test Push」をクリックします。">
    <Frame caption="自分にテストプッシュを送信します。">
      <img src="https://mintcdn.com/onesignal/jBdBk5XvQR5eKOks/images/docs/7829f46df767772414b32b05edb166a59b3d853b054263057dbb3042c1f13606-Screenshot_2025-04-07_at_1.41.19_PM.png?fit=max&auto=format&n=jBdBk5XvQR5eKOks&q=85&s=b6efff85cdd63ce7b1ebfd41394d8f49" width="2268" height="1320" data-path="images/docs/7829f46df767772414b32b05edb166a59b3d853b054263057dbb3042c1f13606-Screenshot_2025-04-07_at_1.41.19_PM.png" />
    </Frame>
  </Step>

  <Step title="テストしたプッシュを受信するはずです。">
    プッシュを受信しなかった場合は、さらにデバッグするために[Webプッシュ：通知が表示されない](./notifications-not-shown-web-push)を参照してください。

    <Frame caption="テストプッシュを受信しました。">
      <img src="https://mintcdn.com/onesignal/0qspEXXeJ8zJbkJ-/images/docs/81a55eefc69a1cc6e4aba2bc240e780bb8cb5bdcafac2891862e3c11f1d45591-Screenshot_2025-04-07_at_1.43.07_PM.png?fit=max&auto=format&n=0qspEXXeJ8zJbkJ-&q=85&s=c779697abc1576141e9a542bec927be2" width="740" height="198" data-path="images/docs/81a55eefc69a1cc6e4aba2bc240e780bb8cb5bdcafac2891862e3c11f1d45591-Screenshot_2025-04-07_at_1.43.07_PM.png" />
    </Frame>
  </Step>
</Steps>

<Check>
  OneSignalでWebプッシュのセットアップが正常に完了しました。次のステップ：

  * [Webプッシュセットアップ](./web-push-setup) - 開発者以外の追加のWebセットアップ手順。
  * [Web SDKセットアップ](./web-sdk-setup) - 開発者向けWeb SDKセットアップ手順。
  * [Web SDKトラブルシューティング](./troubleshooting-web-push) - コンソールにエラーが表示される場合やサブスクリプションIDを取得できない場合のトラブルシューティング。
  * [Webプッシュ：通知が表示されない](./notifications-not-shown-web-push) - デバイスに通知が表示されない場合のトラブルシューティング。
</Check>

***

### ブラウザが閉じているときに通知を受信する

ブラウザはプラットフォームによって動作が異なります。ブラウザが閉じている場合でも通知を受信するためのサポートについては、以下の表を参照してください。

| ブラウザ名             | Android | Windows | macOS |
| ----------------- | ------- | ------- | ----- |
| Chrome / Chromium | はい      | はい      | いいえ   |
| Firefox           | はい      | はい      | いいえ   |
| Safari            | N/A     | N/A     | はい    |
| Opera             | はい      | はい      | いいえ   |
| Edge              | はい      | はい      | いいえ   |

**Chrome** - Chromeは、すべてのウィンドウが閉じられている場合でも、デフォルトでバックグラウンドプロセスとして実行されます。バックグラウンドプロセスが実行されている限り、通知は引き続き受信されます。Chromeバックグラウンドプロセスが実行されていない場合、通知は受信されません。

**Firefox** - Mac OS Xでは、ウィンドウが閉じられていてもプロセスは存在し、すべてのウィンドウが閉じられている場合でも通知を受信できます（Firefoxがまだ実行されていることを示すドットがドックに表示されている限り）。Windowsでは、すべてのウィンドウが閉じられた後にプロセスが終了するため、Firefoxウィンドウがまだ開いていない限り、通知を受信できません。

**Safari** - Safariは、通知がオペレーティングシステムに直接送信されるため、通知を受信するために実行されている必要はありません。ユーザーはSafari Web通知にサインアップする必要がありますが、その後、Safariが完全に閉じられている場合でも受信されます。

サブスクライバーは、メッセージが永久に期限切れになる前に、最後に知られている欠落している通知を取得するために最大3日間の猶予があります。

たとえば、サブスクライバーがFirefox Webプッシュ通知を受信するはずだったが、Firefoxが閉じられていたとします。サブスクライバーが3日以内にFirefoxを開いた場合、サブスクライバーは期限切れになっていない最後に知られているWebプッシュ通知のみを受信します。サブスクライバーが3日後にFirefoxを開いた場合、3日以上前に送信されたWebプッシュ通知は受信されません。

***