Tutoriel : Personnalisation du style des messages à l’aide de paires clé-valeur
Suivez l’exemple de code de ce tutoriel pour personnaliser le style de vos messages in-app à l’aide de paires clé-valeur dans le SDK de Braze.
Conditions préalables
Avant de pouvoir utiliser cette fonctionnalité, vous devez intégrer le SDK de Braze. Cependant, aucune configuration supplémentaire n’est nécessaire.
Personnalisation du style des messages à l’aide de paires clé-valeur pour le Web
Nous testons actuellement ce nouveau format de tutoriel. Nous vous invitons à nous faire part de vos commentaires, https://docs.google.com/forms/d/e/1FAIpQLSe_5uhWM7eXXk9F_gviO_pvA4rkYO3WA9B6tNJZ3TY91md5bw/viewform?usp=pp_url&entry.569173304=Customizing+Message+Styling+Webcar ils nous aideront à améliorer les prochains guides.
1. Supprimer les appels à automaticallyShowInAppMessages() {#1-remove-calls-to-automaticallyshowinappmessages}
Supprimez tous les appels à automaticallyShowInAppMessages(), car ils remplaceront toute logique personnalisée que vous implémenterez ultérieurement.
2. Activer le débogage (facultatif) {#2-enable-debugging-optional}
Pour faciliter la résolution des problèmes lors du développement, pensez à activer le débogage.
3. S’abonner au gestionnaire de rappel des messages in-app {#3-subscribe-to-the-in-app-message-callback-handler}
Enregistrez un rappel avec subscribeToInAppMessage(callback) pour recevoir un message chaque fois qu’un message in-app est déclenché.
4. Accéder à la propriété message.extras {#4-access-the-messageextras-property}
Utilisez message.extras pour accéder aux types de personnalisation, aux attributs de style ou à toute autre valeur définie dans le tableau de bord. Toutes les valeurs sont renvoyées sous forme de chaînes de caractères.
5. Appeler conditionnellement showInAppMessage {#5-conditionally-call-showinappmessage}
Pour afficher le message, appelez showInAppMessage(message). Sinon, utilisez les propriétés personnalisées selon vos besoins.
Conditions préalables
Avant de pouvoir utiliser cette fonctionnalité, vous devrez intégrer le SDK Android Braze. Vous devrez également activer les messages in-app pour Android.
Personnalisation du style des messages à l’aide de paires clé-valeur pour Android
Nous testons actuellement ce nouveau format de tutoriel. Nous vous invitons à nous faire part de vos commentaires, https://docs.google.com/forms/d/e/1FAIpQLSe_5uhWM7eXXk9F_gviO_pvA4rkYO3WA9B6tNJZ3TY91md5bw/viewform?usp=pp_url&entry.569173304=Customizing+Message+Styling+Androidcar ils nous aideront à améliorer les prochains guides.
1. Activer le débogage (facultatif) {#1-enable-debugging-optional}
Pour faciliter la résolution des problèmes lors du développement, pensez à activer le débogage.
2. Enregistrer les rappels du cycle de vie des activités {#2-register-activity-lifecycle-callbacks}
Enregistrez l’écouteur par défaut de Braze pour gérer le cycle de vie des messages in-app.
3. Créer votre classe de fabrique de vues personnalisée {#3-create-your-custom-view-factory-class}
Assurez-vous que votre classe est conforme à IInAppMessageViewFactory afin qu’elle puisse construire et renvoyer des vues de messages personnalisées.
4. Déléguer à la fabrique par défaut de Braze {#4-delegate-to-brazes-default-factory}
Déléguez à la fabrique par défaut pour conserver le style intégré de Braze avant d’appliquer vos propres modifications conditionnelles.
5. Accéder aux paires clé-valeur depuis inAppMessage.extras {#5-access-key-value-pairs-from-inappmessageextras}
Utilisez inAppMessage.extras pour accéder aux types de personnalisation, aux attributs de style ou à toute autre valeur définie dans le tableau de bord. Appliquez les surcharges de style avant de renvoyer la vue.
6. Implémenter une IInAppMessageViewFactory personnalisée {#6-implement-a-custom-iinappmessageviewfactory}
Implémentez IInAppMessageViewFactory dans votre classe personnalisée pour construire et afficher les vues de messages in-app.
Conditions préalables
Avant de pouvoir utiliser cette fonctionnalité, vous devrez intégrer le SDK Swift Braze. Vous devrez également activer les messages in-app pour Swift.
Personnalisation du style des messages à l’aide de paires clé-valeur pour Swift
Nous testons actuellement ce nouveau format de tutoriel. Nous vous invitons à nous faire part de vos commentaires, https://docs.google.com/forms/d/e/1FAIpQLSe_5uhWM7eXXk9F_gviO_pvA4rkYO3WA9B6tNJZ3TY91md5bw/viewform?usp=pp_url&entry.569173304=Customizing+Message+Styling+Swiftcar ils nous aideront à améliorer les prochains guides.
1. Implémenter BrazeInAppMessageUIDelegate {#1-implement-brazeinappmessageuidelegate}
Dans votre classe AppDelegate, implémentez BrazeInAppMessageUIDelegate afin de pouvoir surcharger sa méthode inAppMessage ultérieurement.
2. Activer le débogage (facultatif)
Pour faciliter la résolution des problèmes lors du développement, pensez à activer le débogage.
3. Préparer les messages avant leur affichage {#3-prepare-messages-before-theyre-displayed}
Braze appelle inAppMessage(_:prepareWith:) pendant la préparation du message. Utilisez cette méthode pour personnaliser le style ou appliquer une logique basée sur des paires clé-valeur.
4. Accéder aux paires clé-valeur depuis message.extras {#4-access-key-value-pairs-from-messageextras}
Utilisez message.extras pour accéder aux types de personnalisation, aux attributs de style ou à toute autre valeur définie dans le tableau de bord.
5. Mettre à jour les attributs de style du message {#5-update-the-messages-styling-attributes}
Utilisez inAppMessage(_:prepareWith:) pour accéder au PresentationContext et modifier directement les attributs de style. Chaque type de message in-app expose des attributs différents.