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.
Depuis janvier 2020, les notifications push riches d’iOS peuvent gérer des images 1038x1038 inférieures à 10 Mo, mais nous vous recommandons d’utiliser des fichiers aussi petits que possible. Dans la pratique, l’envoi de fichiers volumineux peut provoquer des tensions inutiles sur le réseau et augmenter les délais de téléchargement.
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)
Bien que nous recommandions un rapport hauteur/largeur de 2:1 pour les notifications push étendues, presque tous les rapports hauteur/largeur sont pris en charge. Les images occuperont toujours toute la largeur de la notification et la hauteur sera ajustée en conséquence.
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%;” }
Modifier cette page sur GitHub