> ## 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.

# Push web : Notifications non affichées

> Résoudre les notifications push web qui apparaissent comme Livrées dans OneSignal mais n'apparaissent pas sur l'appareil d'un abonné.

Lorsqu'une notification s'affiche comme "Livrée" dans OneSignal, cela signifie que nous avons envoyé avec succès la notification aux serveurs FCM (Google) / APNs (Apple) / WNS (Microsoft) qui distribuent ensuite les notifications à vos abonnés. Voici les raisons pour lesquelles les notifications peuvent s'afficher comme "Livrées", mais ne sont pas visibles sur votre appareil.

## Paramètres de l'appareil

Les paramètres de notification de l'appareil sont la **cause la plus courante** des notifications web push qui n'apparaissent pas sur un appareil. Vérifiez les paramètres suivants, y compris les modes de concentration (Ne pas déranger, Batterie faible, etc.), avant de chercher d'autres causes.

<Warning>
  Sélectionnez le système d'exploitation correct dans les onglets ci-dessous. Vous devriez voir Windows, macOS, Android et iOS.
</Warning>

<Tabs>
  <Tab title="Windows">
    <Accordion title="Paramètres de notification Windows 10">
      1. Sélectionnez **Démarrer > Paramètres > Notifications et actions > Recevoir des notifications des applications et autres expéditeurs**

      2. **Assurez-vous que votre site et votre navigateur sont également activés.**

      <Frame caption="Paramètres de notification 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>

    **Paramètres de notification Windows 11 :**

    1. Sélectionnez **Démarrer > Paramètres > Système > Notifications**

    <Frame caption="Paramètres de notification 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. Activez les **Notifications**

    3. Désactivez **Ne pas déranger** (lors des tests, les notifications s'afficheront lorsque cette option est désactivée)

    4. Faites défiler vers le bas jusqu'à **Notifications des applications et autres expéditeurs**

    <Frame caption="Windows 11 Notifications des applications et autres expéditeurs">
      <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. Assurez-vous que vos navigateurs sont **activés**.

    <Frame caption="Liste des navigateurs dans les paramètres de notification 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. Accédez à **Réglages Système > Notifications**
    2. Assurez-vous que les **Notifications** sont activées dans le Centre de notifications.

    <Info>
      Vous devrez peut-être sélectionner **Autoriser les notifications lors de la mise en miroir ou du partage de l'écran**.
    </Info>

    <Frame caption="Paramètres du Centre de notifications 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. Faites défiler vers le bas jusqu'à la liste des Notifications d'applications et assurez-vous que votre navigateur est activé.

    <Warning>
      Certains navigateurs comme Chrome et Edge affichent 2 entrées d'application différentes.

      1. Notifications push web standard
      2. Alertes internes, ex. Google Agenda

      Assurez-vous que les deux sont activées.
    </Warning>

    <Frame caption="Liste des notifications d'applications macOS - L'exemple montre que Chrome et Edge ont 2 entrées et les deux doivent être activées.">
      <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. Sélectionnez l'application et activez les paramètres. Sélectionnez comment vous souhaitez que les notifications s'affichent.

    <Frame caption="Paramètres de notifications d'applications 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>
      Certaines versions plus anciennes de Safari peuvent afficher le site web dans la liste des notifications d'applications. Assurez-vous de vérifier que le site web est activé dans ce cas.
    </Warning>

    5. Accédez à **Réglages Système > Concentration** et assurez-vous qu'aucun mode de concentration n'est actif lors des tests.

    <Frame caption="Paramètres du mode Concentration 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. Accédez à **Paramètres > Notifications > votre navigateur préféré**.
    2. Assurez-vous que **"Afficher les notifications"** et votre site web sont cochés.

    <Frame caption="Paramètres de notification 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 utilise des canaux de notification par application. Si le canal de notification de votre navigateur est réglé sur silencieux ou désactivé, les notifications push n'apparaîtront pas même si le commutateur principal est activé. Dans les paramètres, appuyez sur l'entrée du navigateur et vérifiez que chaque canal de notification est activé et réglé sur un style d'alerte visible.
    </Note>
  </Tab>

  <Tab title="iOS">
    <Warning>
      iOS nécessite que vous ajoutiez votre site à l'écran d'accueil avant que les abonnés puissent recevoir des notifications push sur les iPhone et iPad. Suivez la [configuration du web push iOS](/docs/fr/web-push-for-ios) avant de résoudre les problèmes.
    </Warning>

    1. Appuyez sur le bouton **Partager** du navigateur et sélectionnez **Ajouter à l'écran d'accueil**.
    2. Ouvrez votre site depuis l'écran d'accueil et autorisez les notifications lorsque l'invite d'autorisation apparaît.
    3. Allez dans **Réglages > Notifications > votre site** sur l'appareil et assurez-vous que **Autoriser les notifications** est activé.
  </Tab>
</Tabs>

### Problèmes de réseau - pas d'internet

Les appareils doivent être en ligne pour recevoir des notifications push. Si votre appareil est éteint, en mode avion, a une connexion internet instable ou inexistante, le push ne s'affichera pas tant qu'une connexion appropriée n'est pas établie. Vous pouvez définir la période pendant laquelle FCM et APNs attendront une connexion avec le paramètre Time To Live (TTL) (par défaut 3 jours).

Si l'appareil est connecté à un réseau WiFi avec un pare-feu ou un VPN, ce réseau peut bloquer la connexion aux serveurs Apple ou Google. Testez en passant aux données cellulaires.

Si vous gérez le trafic réseau via un pare-feu, configurez-le pour autoriser les éléments suivants :

* **FCM (Chrome, Android) :** ports TCP sortants 5228, 5229 et 5230. Consultez la [documentation FCM](https://firebase.google.com/docs/cloud-messaging/concept-options) pour les exigences complètes.
* **APNS (Safari, iOS) :** port TCP sortant 5223 et port TCP 443 ou 2197. Consultez la [documentation Apple](https://support.apple.com/en-us/HT203609) pour les exigences complètes.

***

## Paramètres du navigateur

Votre navigateur possède ses propres paramètres de permission de notification, indépendants des paramètres du système d'exploitation. Un site peut être bloqué au niveau du navigateur même si les notifications du système d'exploitation sont activées pour le navigateur.

* **Chrome** : Allez dans `chrome://settings/content/notifications` et confirmez que votre site apparaît sous "Autorisé à envoyer des notifications", pas sous "Non autorisé à envoyer des notifications".
* **Firefox** : Allez dans `about:preferences#privacy`, faites défiler jusqu'à **Permissions > Notifications** et cliquez sur **Paramètres** pour vérifier le statut de votre site.
* **Edge** : Allez dans `edge://settings/content/notifications` et vérifiez que votre site est autorisé.
* **Safari** : Allez dans **Safari > Réglages > Sites web > Notifications** et vérifiez que votre site est réglé sur **Autoriser**.

### Le navigateur est fermé

Les navigateurs n'afficheront pas les notifications push à moins qu'ils ne soient en cours d'exécution. Si vous ouvrez le navigateur avant l'expiration du [Time To Live (TTL)](./push#time-to-live) d'une notification envoyée, elle apparaîtra.

### Navigateur non pris en charge

Les utilisateurs doivent s'abonner aux notifications sur leur ordinateur de bureau ou appareil mobile pour recevoir des notifications et ce doit être un navigateur qui prend en charge les notifications push. Consultez [FAQ push web](./web-push-setup-faq) pour les plateformes web prises en charge.

### Données d'application du navigateur mobile pleines

Si votre application de navigateur mobile a atteint sa limite de données ou si ses données sont pleines, vous devrez effacer les données de l'application.

Si votre application de navigateur mobile a de nombreuses notifications push non lues et/ou de nombreux onglets ouverts, cela peut empêcher l'affichage des notifications.

***

## Abonnement utilisateur

Assurez-vous que votre appareil est toujours abonné et ciblé pour les notifications push.

### Éligibilité à l'abonnement

Vérifiez l'audience du message pour confirmer que votre Abonnement web push est inclus :

* **[Segments](./segmentation)** : Vérifiez que votre Abonnement répond à toutes les conditions de filtre d'audience.
* **Envoi direct** : Confirmez que l'ID que vous ciblez est correct :
  * L'Abonnement est toujours abonné aux notifications push.
  * Il a une date de dernière session récente — vous envoyez peut-être à un Abonnement ancien ou inactif.

Utilisez les [étapes de débogage](#débogage-des-notifications-push-web) ci-dessous pour rechercher votre ID d'abonnement et confirmer qu'il est abonné et actif.

***

## Code source du site web

### Désenregistrement du service worker ou ajout de pwa

Vérifiez le code source de votre site pour la méthode `.unregister()`. L'appel de cette méthode supprimera les Service Workers. Consultez [ce guide](https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerRegistration/unregister) pour plus de détails sur cette méthode.

Si vous avez un autre service worker comme pour votre PWA, vous devrez suivre notre [Guide du Service Worker sur l'intégration de plusieurs service workers](./onesignal-service-worker).

***

## Débogage des notifications push web

Suivez ces étapes pour obtenir un Abonnement web push propre et confirmer que le web push fonctionne de bout en bout.

<Steps>
  <Step title="Ouvrir votre site dans le navigateur">
    Ces étapes utilisent Chrome, mais Edge, Firefox et autres suivent le même schéma. N'utilisez pas le mode Incognito ou le mode Navigateur invité, et fermez tous les autres onglets ouverts sur votre site.

    <Accordion title="Débogage sur appareil mobile">
      **Android**

      Branchez votre appareil Android à votre ordinateur de bureau avec un câble USB.

      * **Chrome** : Ouvrez `chrome://inspect/#devices` sur le bureau, puis suivez les étapes ci-dessous sur votre appareil mobile.
      * **Firefox** : Consultez [about:debugging](https://developer.mozilla.org/en-US/docs/Tools/about:debugging).

      **iOS** (Mac uniquement)

      Le web push iOS est uniquement pris en charge dans Safari via un site ajouté à l'écran d'accueil. Pour l'inspecter :

      1. Sur votre iPhone ou iPad, allez dans **Réglages > Safari > Avancé** et activez **Web Inspector**.
      2. Connectez votre appareil à votre Mac avec un câble USB.
      3. Ouvrez Safari sur votre Mac, puis allez dans **Développement > \[nom de votre appareil] > \[page de votre site]**.
      4. Suivez les étapes ci-dessous en utilisant votre appareil mobile.
    </Accordion>
  </Step>

  <Step title="Réinitialiser les permissions du navigateur et effacer les données du site">
    Cela réinitialise le site pour simuler l'état d'un visiteur pour la première fois.

    1. Cliquez sur l'**icône d'informations du site** à côté de votre URL.
    2. Si vous voyez **Notifications**, sélectionnez **Réinitialiser l'autorisation** (vous voulez voir "Peut demander à envoyer des notifications").
    3. Cliquez sur **Cookies et données de site**.

    <Frame caption="Panneau de paramètres du site Chrome montrant la réinitialisation des permissions de notifications et les options de cookies">
      <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="Panneau de paramètres du site Chrome montrant la réinitialisation des permissions de notifications et les options de cookies" width="2064" height="1508" data-path="images/web-push/chrome-site-settings-panel-notifications-reset-permission-and-cookies-options.png" />
    </Frame>

    4. Cliquez sur **Gérer les données du site sur l'appareil**.

    <Frame caption="Panneau Cookies et données de site Chrome avec bouton pour gérer les cookies et données de site">
      <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="Panneau Cookies et données de site Chrome avec bouton pour gérer les cookies et données de site" 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. Cliquez sur l'**icône Corbeille** à côté de :

    * L'URL de votre site
    * `onesignal.com`

    Puis cliquez sur **Terminé**.

    <Frame caption="Liste de cookies Chrome avec icône de corbeille pour supprimer les données du site">
      <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="Liste de cookies Chrome avec icône de corbeille pour supprimer les données du site" width="2064" height="1508" data-path="images/web-push/chrome-cookies-list-with-trash-icon-to-remove-site-data.png" />
    </Frame>

    6. Fermez l'onglet et ouvrez à nouveau votre site dans un nouvel onglet.
  </Step>

  <Step title="Ouvrir la Console et s'abonner aux notifications push">
    1. Lorsque vous revenez sur votre site dans un nouvel onglet, faites un clic droit sur la page et sélectionnez **Inspecter** pour ouvrir la Console.
    2. Suivez les étapes que vous avez configurées pour déclencher l'invite de permission native du navigateur et autoriser les notifications. Consultez [Invites de permission web](./permission-requests) pour plus de détails.

    <Frame caption="Invite de permission de notification du navigateur demandant d'autoriser ou de bloquer les notifications">
      <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="Invite de permission de notification du navigateur demandant d'autoriser ou de bloquer les notifications" width="2064" height="1508" data-path="images/web-push/browser-notification-permission-prompt-asking-to-allow-or-block-notifications.png" />
    </Frame>

    3. Cliquez sur **Autoriser** pour s'abonner aux notifications push.
    4. Vérifiez la **Console** pour détecter les erreurs. Si vous voyez quelque chose en rouge lié à OneSignal, consultez notre documentation de [dépannage du Web SDK](./troubleshooting-web-push).
  </Step>

  <Step title="Obtenir votre ID d'abonnement et le définir comme abonnement de test">
    1. Dans la **Console**, exécutez le code suivant pour obtenir votre ID d'abonnement :

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

    <Frame caption="Console JavaScript montrant OneSignal.User.PushSubscription.id renvoyant un ID d'abonnement">
      <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="Console JavaScript montrant OneSignal.User.PushSubscription.id renvoyant un ID d'abonnement" width="2064" height="1508" data-path="images/web-push/javascript-console-showing-onesignal-user-pushsubscription-id-returning-a-subscription-id.png" />
    </Frame>

    2. Copiez l'ID sans guillemets.

    3. Dans le tableau de bord OneSignal, accédez à **Audience > Abonnements**, collez l'ID d'abonnement (sans guillemets) dans la barre de recherche, cliquez sur le bouton **Options** et sélectionnez **Ajouter comme abonnement de test**.

    <Frame caption="Tableau de bord OneSignal montrant la barre de recherche des abonnements avec l'ID d'abonnement collé">
      <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="Tableau de bord OneSignal montrant la barre de recherche des abonnements avec l'ID d'abonnement collé" width="2064" height="1508" data-path="images/web-push/onesignal-dashboard-showing-subscriptions-search-bar-with-subscription-id-pasted.png" />
    </Frame>
  </Step>

  <Step title="Vous envoyer un message de test">
    1. Accédez à **Messages > Nouveau Push** et rédigez un message dans le champ **Message**.
    2. Sous **Test et aperçu**, sélectionnez votre abonnement de test et envoyez-vous le push.

    <Frame caption="Tableau de bord OneSignal montrant le formulaire de nouveau message push avec l'abonnement de test sélectionné">
      <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="Tableau de bord OneSignal montrant le formulaire de nouveau message push avec l'abonnement de test sélectionné" width="2064" height="1508" data-path="images/web-push/onesignal-dashboard-showing-new-push-message-form-with-test-subscription-selected.png" />
    </Frame>

    <Check>
      Succès ! Vous devriez recevoir le push que vous avez testé.

      Si vous n'avez pas reçu le push, relisez intégralement ce guide et réessayez.
    </Check>
  </Step>
</Steps>

<Info>
  Besoin d'aide ?

  Chattez avec notre équipe Support ou envoyez un email à `support@onesignal.com`

  Veuillez inclure :

  * Votre ID d'application OneSignal
  * L'ID d'abonnement ou l'ID externe
  * L'URL du message que vous avez testé dans le tableau de bord OneSignal
  * L'URL de votre site avec le code du Web SDK OneSignal

  Nous serons heureux de vous aider !
</Info>
