Passer au contenu

Créer des notifications push enrichies pour iOS

Les notifications enrichies permettent une plus grande personnalisation de vos notifications push en ajoutant du contenu supplémentaire au-delà du simple texte. Les notifications Android incluent des images dans les notifications push depuis un certain temps déjà, sous la forme d’une « image de notification étendue ». À partir d’iOS 10, vos clients peuvent recevoir des notifications push iOS contenant des GIF, des images, des vidéos ou de l’audio.

Conditions préalables

Avant de créer une notification push enrichie pour iOS, tenez compte des points suivants :

  • Pour que votre application puisse envoyer des notifications enrichies, suivez les instructions d’intégration des notifications push iOS. Votre développeur devra en effet ajouter une extension de service à votre application.
  • Les types de fichiers actuellement pris en charge pour le téléchargement direct dans notre tableau de bord sont JPEG, PNG et GIF. Vous pouvez aussi saisir ces fichiers dans le champ d’URL modélisable, ainsi que les types de fichiers supplémentaires suivants : AIF, M4A, MP3, MP4 et WAV.
  • Consultez la documentation d’Apple pour connaître les limites et les spécifications des médias.
  • iOS redimensionne les images pour qu’elles s’adaptent à l’écran et redimensionne les images enrichies pour la vue active ou verrouillée.

Nombre de caractères

Bien que nous ne puissions pas fournir de règle stricte sur le nombre exact de caractères à inclure dans une notification push, nous proposons quelques recommandations à prendre en compte lors de la conception de vos messages iOS. Le résultat peut varier selon la présence d’une image, l’état de la notification, les paramètres d’affichage de l’appareil de l’utilisateur et la taille de l’appareil. En cas de doute, restez bref et efficace.

Selon nos bonnes pratiques, Braze recommande de limiter chaque ligne de texte du titre (facultatif) et du corps du message à environ 30 à 40 caractères dans une notification push mobile.

États de notification

Vos utilisateurs peuvent consulter les notifications push dans des situations très diverses et voir des longueurs de texte différentes, comme suit.

États de notification
Écran de verrouillage ou centre de notifications Développée Appareil actif
Il s’agit du scénario le plus courant.

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

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

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

Exemples de notifications push affichées sur l’écran de verrouillage, en vue développée et lorsque l’appareil est actif.

Variables de troncature du texte

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

Selon le moment où un utilisateur interagit avec une notification push, l’horodatage peut raccourcir le titre.

Exemple de notification push avec l’horodatage « maintenant » et un titre de 35 caractères.
Nombre de caractères du titre : 35

Exemple de notification push avec l’horodatage « il y a 3 h » et un titre de 33 caractères.
Nombre de caractères du titre : 33

Exemple de notification push avec l’horodatage « Hier, 8:37 » et un titre de 22 caractères.
Nombre de caractères du titre : 22

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

Exemple de notification push sans image avec un corps de 179 caractères.
Nombre de caractères du corps : 179

Exemple de notification push avec une image et un corps de 154 caractères.
Nombre de caractères du corps : 154

Sous iOS 15, les mentions Time Sensitive et Critical font passer le titre sur une nouvelle ligne sans horodatage, ce qui lui laisse un peu plus d’espace.

Exemple de notification push sans mention Time Sensitive ou Critical avec un titre de 35 caractères.
Nombre de caractères du titre : 35

Exemple de notification push avec la mention Time Sensitive et un titre de 39 caractères.
Nombre de caractères du titre : 39

iOS affiche le titre de la notification push sur une seule ligne. Si la sortie de votre titre modélisé contient des caractères de nouvelle ligne, issus par exemple d’un bloc capture, d’une condition ou du contenu connecté, les utilisateurs risquent de ne voir que le texte situé avant le premier saut de ligne.

Appliquez le filtre strip_newlines à la sortie finale du titre pour supprimer les sauts de ligne avant l’envoi. Pour un exemple, consultez Créer une notification push.

Les éléments suivants peuvent également influer sur la troncature du texte :

  • Paramètres d’affichage du téléphone : un utilisateur peut augmenter ou réduire la taille de police globale de l’interface de son téléphone, généralement pour des raisons d’accessibilité.
  • Largeur de l’appareil : le message peut s’afficher sur un petit téléphone ou sur un iPad plus large.
  • 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 passer à la ligne plus brusquement que les mots courts.

Configurer votre notification enrichie iOS

Étape 1 : Créer une Campaign push

Suivez les étapes de création d’une Campaign pour rédiger une notification push pour iOS. Vous utiliserez le même compositeur que celui qui sert à configurer les notifications push sans contenu enrichi.

Étape 2 : Ajouter un média

Ajoutez votre fichier image, GIF, audio ou vidéo dans le champ iOS Notification Image du compositeur de message. Consultez les conditions préalables pour savoir comment ajouter vos fichiers de contenu.

Exemple de texte récapitulatif pour une notification push.

Vous pouvez également limiter l’envoi de ce message aux utilisateurs dont l’appareil fonctionne sous iOS 10. Si vous laissez l’option Only send to devices with Rich Notification support décochée, les utilisateurs qui ne sont pas passés à iOS 10 recevront une notification en texte seul, sans le contenu enrichi.

Section de l’image de notification étendue, où vous pouvez ajouter une image ou saisir l’URL d’une image.

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

Une fois le contenu de votre notification enrichie téléchargé dans le tableau de bord, vous pouvez poursuivre avec la planification de votre Campaign.

Lorsqu’un utilisateur reçoit la notification push, il peut appuyer fermement sur le message push pour agrandir l’image.

Un utilisateur reçoit une notification push et appuie fermement sur le message pour afficher une image agrandie indiquant « Hello! ».

New Stuff!