Intégration de message in-app
Cet article explique comment configurer des messages in-app pour l’application Web.
Les messages in-app vous aident à transmettre du contenu à vos utilisateurs sans interrompre leur journée avec une notification push. Des messages in-app personnalisés et adaptés améliorent l’expérience utilisateur et aident votre audience à tirer le meilleur parti de votre application. Avec plusieurs mises en page et outils de personnalisation, les messages in-app impliquent plus que jamais vos utilisateurs.
Consultez nos études de cas pour voir des exemples d’envois de messages in-app.
Types de messages in-app
Braze propose actuellement les types de messages in-app par défaut suivants :
SlideupModalFullHTML
Chaque type de message in-app est personnalisable sur le contenu, les images, les icônes, les boutons d’action, l’analyse, l’affichage et la livraison.
Tous les messages in-app héritent de leur prototype de InAppMessagequi définit le comportement de base et les caractéristiques de tous les messages in-app. Les sous-classes prototypiques sont SlideUpMessage, ModalMessage, FullScreenMessage, et HtmlMessage.
Comportements attendus par type de message
Voilà à quoi ressemble l’ouverture de nos types de messages in-app par défaut pour vos utilisateurs.
SlideUp Les messages in-app sont ainsi nommés parce que traditionnellement, sur les plateformes mobiles, ils “glissent vers le haut” ou “glissent vers le bas” depuis le haut ou le bas de l’écran. Dans le SDK Braze de Web, ces messages sont affichés comme une notification de style Growl ou Toast pour s’aligner sur le paradigme dominant du Web. Ils recouvrent une petite partie de l’écran et offrent une fonctionnalité de messagerie efficace et non intrusive.
Les messages in-app de type Modal apparaissent au centre de l’écran et sont encadrés par un panneau transparent. Utiles pour les messages plus critiques, ils peuvent être pourvus de deux actions à clic et de boutons d’analyse.
Full Les messages in-app sont utiles pour maximiser le contenu et l’impact de votre communication avec les utilisateurs. Dans les fenêtres de navigateur étroites (par exemple, le Web mobile), les messages in-app full occupent toute la fenêtre du navigateur. Sur les fenêtres de navigateur plus grandes, les messages in-app full apparaissent de la même manière que les messages in-app modal. La moitié supérieure d’un message in-app full contient une image, et la moitié inférieure autorise jusqu’à huit lignes de texte ainsi que jusqu’à deux boutons d’action permettant l’analyse
Les messages in-app HTML sont utiles pour créer un contenu utilisateur entièrement personnalisé. Le HTML défini par l’utilisateur est affiché dans un iframe et peut contenir du contenu enrichi, comme des images, des polices, des vidéos et des éléments interactifs, permettant un contrôle total de l’apparence et de la fonctionnalité du message. Ceux-ci prennent en charge une interface JavaScript brazeBridge pour appeler des méthodes du Braze Web SDK à partir de votre HTML, voir nos meilleures pratiques pour plus de détails.
Pour activer les messages in-app HTML via le SDK Web, vous devez fournir l’option d’initialisation allowUserSuppliedJavascript à Braze, par exemple, braze.initialize('YOUR-API_KEY', {allowUserSuppliedJavascript: true}). Pour des raisons de sécurité, les messages in-app HTML peuvent en effet exécuter JavaScript, d’où le besoin d’un responsable de site pour les activer.
L’exemple suivant montre un message in-app HTML paginé :
Intégration
Par défaut, les messages in-app s’affichent automatiquement dans le cadre de nos instructions d’intégration recommandées. Une personnalisation supplémentaire peut être effectuée en suivant les étapes de ce guide.
Modifier cette page sur GitHub