> ## 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プッシュ：通知が表示されない

> OneSignalで「配信済み」と表示されているにもかかわらず、サブスクライバーのデバイスに表示されないWebプッシュ通知のトラブルシューティング。

OneSignalで通知が「配信済み」と表示される場合、FCM（Google）/ APNs（Apple）/ WNS（Microsoft）サーバーに通知を正常に送信し、それがサブスクライバーに配信されたことを意味します。以下は、通知が「配信済み」と表示されているにもかかわらず、デバイスに表示されない理由です。

## デバイス設定

デバイスの通知設定は、Web プッシュ通知がデバイスに表示されない**最も一般的な原因**です。他の原因を調べる前に、集中モード（おやすみモード、低バッテリーなど）を含む以下の設定を確認してください。

<Warning>
  以下のタブから正しいオペレーティングシステムを選択してください。Windows、macOS、Android、iOS が表示されるはずです。
</Warning>

<Tabs>
  <Tab title="Windows">
    <Accordion title="Windows 10 通知設定">
      1. **スタート > 設定 > 通知とアクション > アプリや他の送信者からの通知を取得する**を選択します

      2. **サイトとブラウザも有効になっていることを確認してください。**

      <Frame caption="Windows 10 通知設定">
        <img src="https://mintcdn.com/onesignal/9_Q1FZLh6C0BFLq-/images/docs/cb85585-f0eb72bb-313f-b80e-480c-46321fdb5ebd.png?fit=max&auto=format&n=9_Q1FZLh6C0BFLq-&q=85&s=21acf8bf7acb457822fe6f442a0f2fad" width="558" height="317" data-path="images/docs/cb85585-f0eb72bb-313f-b80e-480c-46321fdb5ebd.png" />
      </Frame>
    </Accordion>

    **Windows 11 通知設定:**

    1. **スタート > 設定 > システム > 通知**を選択します

    <Frame caption="Windows 11 通知設定">
      <img src="https://mintcdn.com/onesignal/6tscVAtiSqz353kV/images/docs/9e6b656-Screenshot_2023-07-13_at_4.03.13_PM.png?fit=max&auto=format&n=6tscVAtiSqz353kV&q=85&s=8e4d1b4617fc098bd0d0060defb23851" width="2046" height="1598" data-path="images/docs/9e6b656-Screenshot_2023-07-13_at_4.03.13_PM.png" />
    </Frame>

    2. **通知**をオンにします

    3. **応答不可**をオフにします（テスト中は、これを無効にするとプッシュが表示されます）

    4. **アプリや他の送信者からの通知**まで下にスクロールします

    <Frame caption="Windows 11 アプリや他の送信者からの通知">
      <img src="https://mintcdn.com/onesignal/Xl2NHJvxakrK4JbL/images/docs/ed955fa-Screenshot_2023-07-13_at_4.04.16_PM.png?fit=max&auto=format&n=Xl2NHJvxakrK4JbL&q=85&s=e6943675129e73eabe9286c976163091" alt="Windows 11 Settings showing the Notifications from apps and other senders list" width="2046" height="1598" data-path="images/docs/ed955fa-Screenshot_2023-07-13_at_4.04.16_PM.png" />
    </Frame>

    5. ブラウザが**オン**になっていることを確認してください。

    <Frame caption="Windows 11 通知設定ブラウザリスト">
      <img src="https://mintcdn.com/onesignal/3zq1PvSaqvUE2bIx/images/docs/258c7ee-Screenshot_2023-07-13_at_4.11.32_PM.png?fit=max&auto=format&n=3zq1PvSaqvUE2bIx&q=85&s=48f5b6b47512f24ef6589a404d6fb413" width="2046" height="1598" data-path="images/docs/258c7ee-Screenshot_2023-07-13_at_4.11.32_PM.png" />
    </Frame>
  </Tab>

  <Tab title="macOS">
    1. **システム設定 > 通知**に移動します
    2. 通知センターで**通知**が有効になっていることを確認します。

    <Info>
      **ディスプレイのミラーリングまたは共有時に通知を許可する**を選択する必要がある場合があります。
    </Info>

    <Frame caption="macOS 通知センター設定">
      <img src="https://mintcdn.com/onesignal/iYHHyW9S1IVpDgxC/images/push/macos-notification-center-settings.png?fit=max&auto=format&n=iYHHyW9S1IVpDgxC&q=85&s=3978f6da8fd11a30efae0da02a5c8a5a" width="1670" height="1938" data-path="images/push/macos-notification-center-settings.png" />
    </Frame>

    3. アプリケーション通知リストまで下にスクロールし、ブラウザがオンになっていることを確認します。

    <Warning>
      Chrome や Edge などの一部のブラウザは、2 つの異なるアプリケーションエントリを表示します。

      1. 標準的なウェブプッシュ通知
      2. 内部アラート（例：Google カレンダー）

      両方が有効になっていることを確認してください。
    </Warning>

    <Frame caption="macOS アプリケーション通知リスト - Chrome と Edge に2つのエントリがあり、両方を有効にする必要がある例">
      <img src="https://mintcdn.com/onesignal/iYHHyW9S1IVpDgxC/images/push/macos-application-notifications-list.png?fit=max&auto=format&n=iYHHyW9S1IVpDgxC&q=85&s=adebcf8e4a20d72fccf92459dc94bda1" width="1670" height="1938" data-path="images/push/macos-application-notifications-list.png" />
    </Frame>

    4. アプリケーションを選択し、設定をオンにします。通知の表示方法を選択します。

    <Frame caption="macOS アプリケーション通知設定">
      <img src="https://mintcdn.com/onesignal/iYHHyW9S1IVpDgxC/images/push/macos-application-notifications-settings.png?fit=max&auto=format&n=iYHHyW9S1IVpDgxC&q=85&s=45cc68b248d15f60c6b344eca3114447" width="1670" height="1938" data-path="images/push/macos-application-notifications-settings.png" />
    </Frame>

    <Warning>
      Safari の古いバージョンでは、ウェブサイトがアプリケーション通知リストに表示される場合があります。この場合は、ウェブサイトがオンになっていることを確認してください。
    </Warning>

    5. **システム設定 > 集中モード**に移動し、テスト中に集中モードが有効になっていないことを確認します。

    <Frame caption="macOS 集中モード設定">
      <img src="https://mintcdn.com/onesignal/iYHHyW9S1IVpDgxC/images/push/macos-focus-mode-settings.png?fit=max&auto=format&n=iYHHyW9S1IVpDgxC&q=85&s=7924eb3a1907400fee662fcf249081ef" width="1670" height="1392" data-path="images/push/macos-focus-mode-settings.png" />
    </Frame>
  </Tab>

  <Tab title="Android">
    1. **設定 > 通知 > お使いのブラウザ**に移動します。
    2. \*\*「通知を表示」\*\*とウェブサイトにチェックが入っていることを確認します。

    <Frame caption="Android 通知設定">
      <img src="https://mintcdn.com/onesignal/56ctKxZSV4m5VEkn/images/docs/b75b427-Screenshot_20210816-174706_Settings.png?fit=max&auto=format&n=56ctKxZSV4m5VEkn&q=85&s=f2de2e15cdf5b36f423b707903ba82ae" width="800" height="873" data-path="images/docs/b75b427-Screenshot_20210816-174706_Settings.png" />
    </Frame>

    <Note>
      Android はアプリごとの通知チャンネルを使用します。ブラウザの通知チャンネルがサイレントまたはオフに設定されている場合、最上位のトグルがオンであっても、プッシュ通知は表示されません。設定でブラウザの項目をタップし、各通知チャンネルが有効になっており、表示されるアラートスタイルに設定されていることを確認してください。
    </Note>
  </Tab>

  <Tab title="iOS">
    <Warning>
      iOS では、サブスクライバーが iPhone と iPad でプッシュ通知を受信する前に、サイトをホーム画面に追加する必要があります。トラブルシューティングを行う前に、[iOS Web プッシュ設定](/docs/ja/web-push-for-ios)の手順を完了してください。
    </Warning>

    1. ブラウザの**共有**ボタンをタップし、**ホーム画面に追加**を選択します。
    2. ホーム画面からサイトを開き、権限プロンプトが表示されたら通知を許可します。
    3. デバイスの**設定 > 通知 > お使いのサイト**に移動し、**通知を許可**がオンになっていることを確認します。
  </Tab>
</Tabs>

### ネットワークの問題 - インターネット接続なし

プッシュ通知を受信するには、デバイスがオンラインである必要があります。デバイスがオフ、機内モード、不安定またはインターネット接続がない場合、適切な接続が確立されるまでプッシュは表示されません。Time To Live（TTL）パラメータを使用して、FCMとAPNsが接続を待機する時間枠を設定できます（デフォルトは3日間）。

デバイスがファイアウォールやVPNを使用するWiFiネットワークに接続している場合、そのネットワークがAppleまたはGoogleサーバーへの接続をブロックしている可能性があります。モバイルデータに切り替えてテストしてください。

ファイアウォールでネットワークトラフィックを管理している場合は、以下を許可するよう設定してください：

* **FCM（Chrome、Android）：** アウトバウンドTCPポート5228、5229、5230。完全な要件については[FCMドキュメント](https://firebase.google.com/docs/cloud-messaging/concept-options)を参照してください。
* **APNS（Safari、iOS）：** アウトバウンドTCPポート5223およびTCPポート443または2197。完全な要件については[Appleのドキュメント](https://support.apple.com/en-us/HT203609)を参照してください。

***

## ブラウザ設定

ブラウザには、OS設定とは独立した通知権限設定があります。ブラウザのOS通知が有効であっても、サイトがブラウザレベルでブロックされている場合があります。

* **Chrome**：`chrome://settings/content/notifications` にアクセスし、あなたのサイトが「通知の送信を許可」にリストされていて、「通知の送信を許可しない」ではないことを確認してください。
* **Firefox**：`about:preferences#privacy` にアクセスし、**権限 > 通知** までスクロールして、**設定** をクリックしてサイトのステータスを確認してください。
* **Edge**：`edge://settings/content/notifications` にアクセスし、サイトが許可されていることを確認してください。
* **Safari**：**Safari > 設定 > Webサイト > 通知** にアクセスし、サイトが**許可**に設定されていることを確認してください。

### ブラウザが閉じている

ブラウザは実行されていない限り、プッシュ通知を表示しません。送信された通知の[Time To Live（TTL）](./push#time-to-live)が期限切れになる前にブラウザを開くと、ポップアップ表示されます。

### サポートされていないブラウザ

ユーザーは通知を受信するためにデスクトップまたはモバイルデバイスで通知にサブスクライブする必要があり、プッシュ通知をサポートするブラウザである必要があります。サポートされているWebプラットフォームについては、[WebプッシュFAQ](./web-push-setup-faq)を参照してください。

### ブラウザアプリのデータが満杯

モバイルブラウザアプリがデータ制限に達したか、データが満杯になっている場合は、アプリのデータをクリアする必要があります。

モバイルブラウザアプリに未読のプッシュ通知が多数あるか、多くのタブが開いている場合、通知が表示されなくなる可能性があります。

***

## ユーザーサブスクリプション

デバイスがまだサブスクライブされており、プッシュ通知のターゲットになっていることを確認してください。

### サブスクリプション資格

メッセージのオーディエンスを確認し、WebプッシュサブスクリプションがWebプッシュに含まれていることを確認します：

* **[セグメント](./segmentation)**：サブスクリプションがすべてのオーディエンスフィルター条件を満たしていることを確認してください。
* **ダイレクト送信**：ターゲットにしているIDが正しいことを確認してください：
  * サブスクリプションはまだプッシュにサブスクライブされています。
  * 最近の最終セッション日があります — 古い、または非アクティブなサブスクリプションに送信している可能性があります。

下の[デバッグ手順](#webプッシュ通知のデバッグ)を使用してサブスクリプションIDを検索し、サブスクライブされてアクティブであることを確認してください。

***

## ウェブサイトのコードベース

### サービスワーカーの登録解除またはPWAの追加

サイトのコードベースで`.unregister()`メソッドを確認してください。このメソッドを呼び出すと、サービスワーカーが削除されます。このメソッドの詳細については、[このガイド](https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerRegistration/unregister)を参照してください。

PWA用の別のサービスワーカーがある場合は、[複数のサービスワーカーを統合するサービスワーカーガイド](./onesignal-service-worker)に従う必要があります。

***

## Webプッシュ通知のデバッグ

以下の手順に従って、クリーンなWebプッシュサブスクリプションを取得し、Webプッシュがエンドツーエンドで機能していることを確認してください。

<Steps>
  <Step title="ブラウザでサイトを開く">
    これらの手順ではChromeを使用しますが、Edge、Firefoxなども同じパターンに従います。シークレットモードやゲストブラウザモードを使用せず、サイトに開いている他のタブをすべて閉じてください。

    <Accordion title="モバイルデバイスのデバッグ">
      **Android**

      USBケーブルでAndroidデバイスをデスクトップに接続します。

      * **Chrome**：デスクトップで `chrome://inspect/#devices` を開き、モバイルデバイスで以下の手順に従ってください。
      * **Firefox**：[about:debugging](https://developer.mozilla.org/en-US/docs/Tools/about:debugging) を参照してください。

      **iOS**（Macのみ）

      iOSのWebプッシュは、ホーム画面に追加されたサイトを通じてSafariでのみサポートされています。検査するには：

      1. iPhoneまたはiPadで、**設定 > Safari > 詳細** に移動し、**Webインスペクター** を有効にします。
      2. USBケーブルでデバイスをMacに接続します。
      3. Macでサファリを開き、**開発 > \[デバイス名] > \[サイトのページ]** に移動します。
      4. モバイルデバイスを使用して以下の手順に従ってください。
    </Accordion>
  </Step>

  <Step title="ブラウザの権限をリセットしてサイトデータをクリアする">
    これにより、サイトを初回訪問者の状態にリセットします。

    1. URLの横にある**サイト情報アイコン**をクリックします。
    2. **通知** が表示される場合は、**権限をリセット** を選択します（「通知の送信を許可するよう求めることができます」と表示されるはずです）。
    3. **CookieとサイトデータをManage** をクリックします。

    <Frame caption="Chrome サイト設定パネルに通知のリセット権限とCookieオプションが表示されています">
      <img src="https://mintcdn.com/onesignal/dzd4t2XokDP_R8GG/images/web-push/chrome-site-settings-panel-notifications-reset-permission-and-cookies-options.png?fit=max&auto=format&n=dzd4t2XokDP_R8GG&q=85&s=1705ca95848068edbea491ddf21dcd90" alt="Chrome サイト設定パネルに通知のリセット権限とCookieオプションが表示されています" width="2064" height="1508" data-path="images/web-push/chrome-site-settings-panel-notifications-reset-permission-and-cookies-options.png" />
    </Frame>

    4. **デバイス上のサイトデータを管理** をクリックします。

    <Frame caption="Chrome Cookieとサイトデータパネルにcookieとサイトデータを管理するボタンがあります">
      <img src="https://mintcdn.com/onesignal/dzd4t2XokDP_R8GG/images/web-push/chrome-cookies-and-site-data-panel-with-manage-cookies-and-site-data-button.png?fit=max&auto=format&n=dzd4t2XokDP_R8GG&q=85&s=d62e11591cc0ff5a755af151032f1a3b" alt="Chrome Cookieとサイトデータパネルにcookieとサイトデータを管理するボタンがあります" width="2064" height="1508" data-path="images/web-push/chrome-cookies-and-site-data-panel-with-manage-cookies-and-site-data-button.png" />
    </Frame>

    5. 以下の横にある**ゴミ箱アイコン**をクリックします：

    * あなたのサイトURL
    * `onesignal.com`

    次に**完了**をクリックします。

    <Frame caption="Chrome Cookieリストにサイトデータを削除するゴミ箱アイコンがあります">
      <img src="https://mintcdn.com/onesignal/dzd4t2XokDP_R8GG/images/web-push/chrome-cookies-list-with-trash-icon-to-remove-site-data.png?fit=max&auto=format&n=dzd4t2XokDP_R8GG&q=85&s=10749177b3db6b1f9b33ebe813cba4a9" alt="Chrome Cookieリストにサイトデータを削除するゴミ箱アイコンがあります" width="2064" height="1508" data-path="images/web-push/chrome-cookies-list-with-trash-icon-to-remove-site-data.png" />
    </Frame>

    6. タブを閉じて、新しいタブでサイトを再度開きます。
  </Step>

  <Step title="コンソールを開いてプッシュ通知にサブスクライブする">
    1. 新しいタブでサイトに戻ったら、ページを右クリックして**検証**を選択し、コンソールを開きます。
    2. ネイティブブラウザ権限プロンプトをトリガーして通知を許可するために設定した手順に従ってください。詳細については[Web権限プロンプト](./permission-requests)を参照してください。

    <Frame caption="ブラウザ通知権限プロンプトが通知を許可またはブロックするよう求めています">
      <img src="https://mintcdn.com/onesignal/dzd4t2XokDP_R8GG/images/web-push/browser-notification-permission-prompt-asking-to-allow-or-block-notifications.png?fit=max&auto=format&n=dzd4t2XokDP_R8GG&q=85&s=9fb78665792856e16dfc8a9e44cb8529" alt="ブラウザ通知権限プロンプトが通知を許可またはブロックするよう求めています" width="2064" height="1508" data-path="images/web-push/browser-notification-permission-prompt-asking-to-allow-or-block-notifications.png" />
    </Frame>

    3. **許可** をクリックしてプッシュ通知にサブスクライブします。
    4. **コンソール** でエラーがないか確認します。OneSignalに関連する赤い内容が表示された場合は、[Web SDKトラブルシューティング](./troubleshooting-web-push)ドキュメントを参照してください。
  </Step>

  <Step title="サブスクリプションIDを取得してテストサブスクリプションとして設定する">
    1. **コンソール**で、以下のコードを実行してサブスクリプションIDを取得します：

    ```javascript JavaScript theme={null}
    OneSignal.User.PushSubscription.id
    ```

    <Frame caption="JavaScriptコンソールにOneSignal.User.PushSubscription.idがサブスクリプションIDを返している様子">
      <img src="https://mintcdn.com/onesignal/dzd4t2XokDP_R8GG/images/web-push/javascript-console-showing-onesignal-user-pushsubscription-id-returning-a-subscription-id.png?fit=max&auto=format&n=dzd4t2XokDP_R8GG&q=85&s=cd132e56f4f00f3161233766eecc4a85" alt="JavaScriptコンソールにOneSignal.User.PushSubscription.idがサブスクリプションIDを返している様子" width="2064" height="1508" data-path="images/web-push/javascript-console-showing-onesignal-user-pushsubscription-id-returning-a-subscription-id.png" />
    </Frame>

    2. 引用符なしでIDをコピーします。

    3. OneSignalダッシュボードで、**オーディエンス > サブスクリプション** に移動し、サブスクリプションID（引用符なし）を検索バーに貼り付け、**オプション** ボタンをクリックして、**テストサブスクリプションとして追加** を選択します。

    <Frame caption="OneSignalダッシュボードにサブスクリプションIDが貼り付けられたサブスクリプション検索バーが表示されています">
      <img src="https://mintcdn.com/onesignal/dzd4t2XokDP_R8GG/images/web-push/onesignal-dashboard-showing-subscriptions-search-bar-with-subscription-id-pasted.png?fit=max&auto=format&n=dzd4t2XokDP_R8GG&q=85&s=dfa40b9702699d39b660e1cd2fc9abe5" alt="OneSignalダッシュボードにサブスクリプションIDが貼り付けられたサブスクリプション検索バーが表示されています" width="2064" height="1508" data-path="images/web-push/onesignal-dashboard-showing-subscriptions-search-bar-with-subscription-id-pasted.png" />
    </Frame>
  </Step>

  <Step title="自分にテストメッセージを送信する">
    1. **メッセージ > 新しいプッシュ** に移動し、**メッセージ** フィールドにメッセージを書きます。
    2. **テストとプレビュー** でテストサブスクリプションを選択し、自分にプッシュを送信します。

    <Frame caption="OneSignalダッシュボードにテストサブスクリプションが選択された新しいプッシュメッセージフォームが表示されています">
      <img src="https://mintcdn.com/onesignal/dzd4t2XokDP_R8GG/images/web-push/onesignal-dashboard-showing-new-push-message-form-with-test-subscription-selected.png?fit=max&auto=format&n=dzd4t2XokDP_R8GG&q=85&s=993d667a2f90cd0a77e40a09359b670e" alt="OneSignalダッシュボードにテストサブスクリプションが選択された新しいプッシュメッセージフォームが表示されています" width="2064" height="1508" data-path="images/web-push/onesignal-dashboard-showing-new-push-message-form-with-test-subscription-selected.png" />
    </Frame>

    <Check>
      成功！テストしたプッシュが届いているはずです。

      プッシュが届かなかった場合は、このガイド全体をもう一度確認して、再試行してください。
    </Check>
  </Step>
</Steps>

<Info>
  サポートが必要ですか？

  サポートチームとチャットするか、`support@onesignal.com` にメールでご連絡ください

  以下の情報をご提供ください：

  * OneSignal App ID
  * サブスクリプションIDまたは外部ID
  * OneSignalダッシュボードでテストしたメッセージのURL
  * OneSignal Web SDKコードが含まれるサイトのURL

  喜んでお手伝いします！
</Info>
