Skip to content

Créer des notifications push riches pour iOS

Les notifications riches permettent de personnaliser davantage vos notifications push en ajoutant du contenu supplémentaire au-delà de la copie. Depuis un certain temps, les notifications Android incluent des images dans les notifications push, envoyées sous forme de messages en tant qu’“Expanded Notification Image”. À partir d’iOS 10, vos clients pourront recevoir des notifications push iOS incluant des GIF, des images, des vidéos ou de l’audio.

Conditions préalables

Avant de créer une notification push riche pour iOS, notez les détails suivants :

  • Pour que votre app puisse envoyer des notifications riches, suivez les instructions d’intégration push d’iOS, car votre développeur devra ajouter une extension de service à votre app.
  • Les types de fichiers que nous prenons actuellement en charge pour le téléchargement direct dans notre tableau de bord sont les suivants : JPEG, PNG ou GIF. Ces fichiers peuvent également être saisis dans le champ URL modélisable avec ces types de fichiers supplémentaires : AIF, M4A, MP3, MP4 ou WAV.
  • Reportez-vous à la documentation d’Apple pour connaître les limites et les spécifications des supports.
  • Les notifications riches iOS ne sont pas disponibles lors de la création d’une campagne push rapide.
  • iOS met à l’échelle les images pour les adapter à l’écran et met à l’échelle les images riches pour la vue active ou verrouillée.

Nombre de caractères

Bien que nous ne puissions pas fournir de règle absolue concernant le nombre précis de caractères à inclure dans un message, nous vous proposons quelques lignes directrices à prendre en compte lors de la conception des messages iOS. Il peut y avoir des variations en fonction de la présence d’une image, de l’état de la notification et des paramètres d’affichage de l’appareil de l’utilisateur, ainsi que de la taille de l’appareil. En cas de doute, faites court et doux.

En guise de bonne pratique, Braze recommande de limiter chaque ligne de texte, tant pour le titre optionnel que pour le corps du message, à environ 30-40 caractères dans une notification push mobile.

La notification indique

Vos utilisateurs peuvent voir les notifications push dans différentes situations, et pourraient voir différentes longueurs de texte comme suit.

Écran de verrouillage ou centre de notification Élargi Appareil actif
C'est le cas le plus fréquent.

Titre : 1 ligne de texte
Corps : 4 lignes de texte
Image : vignette carrée
Lorsqu'un utilisateur appuie longuement sur un message.

Titre : 1 ligne de texte
Corps : 7 lignes de texte
Image : Rapport hauteur/largeur 2:1 (recommandé, voir note suivante)
Lorsqu'un utilisateur reçoit un message push alors que son téléphone est déverrouillé et actif.

Titre : 1 ligne de texte
Corps : 2 lignes de texte

Exemple de notifications push pour push affichées sur l’écran de verrouillage, lorsqu’elles sont étendues et lorsque l’appareil est actif.](/docs/fr/assets/img_archive/push_ios_notification_states.png?efc3ab06ac0e0f204653e3dfa6d5e651)

Variables dans la troncature du texte

Lorsque vous créez du contenu, tenez compte des scénarios suivants qui peuvent avoir une incidence sur la quantité de texte affichée.

Selon le moment où un utilisateur s’engage avec une notification push, l’horodatage peut raccourcir le texte du titre.

Exemple de notification push avec un horodatage de “now” et un nombre de caractères de titre de 35.](/docs/fr/assets/img_archive/push_ios_timing_35.png?6c8dfd6060d579a36a787695ce06c99b)
Nombre de caractères du titre : 35

Exemple de notification push avec un horodatage de “3h ago” et un titre de 33 caractères.](/docs/fr/assets/img_archive/push_ios_timing_33.png?d08565b88fd7ef257d8216bac09579c1)
Nombre de caractères du titre : 33

Exemple de notification push avec un horodatage de “Hier, 8:37 AM” et un nombre de caractères de titre de 22.](/docs/fr/assets/img_archive/push_ios_timing_22.png?593c2fe4ea3c53f62b47cedac4e49e8d)
Nombre de caractères du titre : 22

Le corps du texte est raccourci d’environ 10 caractères par ligne en présence d’une image.

Exemple de notification push sans image et avec un corps de 179 caractères.](/docs/fr/assets/img_archive/push_ios_images_179.png?e61059c1e34b92637fc05a59e50002a6)
Nombre de caractères du corps : 179

Exemple de notification push avec une image et un corps de 154 caractères.](/docs/fr/assets/img_archive/push_ios_images_154.png?2919282a88a8000ef355b6d1421c78ec)
Nombre de caractères du corps : 154

Pour iOS 15, les dénotations “Time Sensitive” et “Critical” font passer le titre sur une nouvelle ligne sans l’horodatage, ce qui lui donne un peu plus d’espace.

Exemple de notification push sans mention “Time Sensitive” ou “Critical” et avec un titre de 35 caractères.](/docs/fr/assets/img_archive/push_ios_interruption_level_35.png?fdbeff2523de2f3cd5c0ef4c92fad365)
Nombre de caractères du titre : 35

Exemple de notification push avec une dénotation Time Sensitive et un nombre de caractères de titre de 39.](/docs/fr/assets/img_archive/push_ios_interruption_level_39.png?5d151c68227e5c542531f321e921964f)
Nombre de caractères du titre : 39

Les détails suivants peuvent également avoir un impact sur la troncature du texte :

  • Paramètres d’affichage du téléphone : un utilisateur peut augmenter ou réduire la taille de la police de l’interface utilisateur globale sur son téléphone, généralement pour des raisons d’accessibilité.
  • Largeur de l’appareil : le message peut être affiché sur un petit téléphone ou sur un large iPad.
  • Types de contenu : les emojis et les caractères larges comme “m” et “w” occupent plus d’espace que “i” ou “t”, et les mots longs comme “engagement” peuvent s’aligner de manière plus abrupte que les mots courts.

Configurer votre notification enrichie iOS

Étape 1 : Créer une campagne de push

Suivez les étapes de la campagne pour composer une notification push pour iOS. Vous utiliserez le même compositeur que pour la mise en place des notifications push qui ne contiennent pas de contenu riche.

Étape 2 : Ajouter un média

Ajoutez votre fichier image, GIF, audio ou vidéo dans le champ Rich Notification Media dans le compositeur du message. Reportez-vous aux exigences pour savoir comment ajouter vos fichiers de contenu.

Exemple de texte de synthèse pour une notification push.](/docs/fr/assets/img_archive/rich_notification_add_image.png?eeaf5cf5635a3868655fab7833363425){: style=”max-width:70%;” }

Vous pouvez également limiter l’envoi de ce message aux seuls utilisateurs disposant d’un appareil fonctionnant sous iOS 10. Pour les utilisateurs qui ne sont pas passés à iOS 10, elle apparaîtra sous forme de notifications textuelles sans le contenu enrichi si vous ne cochez pas l’option N’envoyer qu’aux appareils prenant en charge les notifications enrichies.

La section de l’image de notification étendue où vous pouvez ajouter une image ou entrer une URL d’image.](/docs/fr/assets/img_archive/rich_notification_ios10_select.png?dd0d19fe611df5c3baa22848f688c3d4){: style=”max-width:70%;” }

Étape 3 : Poursuivre la création de votre campagne

Une fois que votre contenu de notification enrichie est téléchargé sur le tableau de bord, vous pouvez continuer à planifier votre campagne.

Lorsqu’un utilisateur reçoit la notification push, il peut appuyer fortement sur le message push pour développer l’image.

Un utilisateur reçoit une notification push et appuie sur le message pour afficher une image agrandie qui dit “Hello !”.](/docs/fr/assets/img_archive/rich_notification_ios.gif?cb819222667996b65305451447075026){: style=”max-width:50%;” }

New Stuff!