Skip to content

Tutoriel : Affichage conditionnel des messages in-app

Suivez l’exemple de code de ce tutoriel pour afficher de manière conditionnelle des messages in-app à l’aide du SDK 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.

Affichage conditionnel des messages in-app pour le web

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 aux mises à jour des messages in-app {#3-subscribe-to-in-app-message-updates}

Enregistrez un rappel avec subscribeToInAppMessage(callback) pour recevoir un message chaque fois qu’un message in-app est déclenché.

4. Créer une logique conditionnelle {#4-create-conditional-logic}

Créez une logique personnalisée pour contrôler l’affichage des messages. Dans cet exemple, la logique vérifie si l’URL contient "checkout" ou si un élément #checkout existe sur la page.

5. Afficher les messages avec showInAppMessage {#5-display-messages-with-showinappmessage}

Pour afficher le message, appelez showInAppMessage(message). En cas d’omission, le message sera ignoré.

Please rate this tutorial:

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.

Affichage conditionnel des messages in-app pour Android

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 le listener par défaut de Braze pour gérer le cycle de vie des messages in-app.

3. Configurer un listener de messages in-app {#3-set-up-an-in-app-message-listener}

Utilisez BrazeInAppMessageManager pour définir un listener personnalisé qui intercepte les messages avant qu’ils ne soient affichés.

4. Créer une logique conditionnelle

Utilisez une logique personnalisée pour contrôler le moment d’affichage des messages. Dans cet exemple, la logique vérifie si l’extra should_display_message est défini sur "true".

5. Renvoyer ou rejeter le message {#5-return-or-discard-the-message}

Renvoyez un InAppMessageOperation avec DISPLAY_NOW pour afficher le message, ou avec DISCARD pour le supprimer.

Please rate this tutorial:

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.

Affichage conditionnel des messages in-app pour Swift

1. Implémenter le BrazeInAppMessageUIDelegate {#1-implement-the-brazeinappmessageuidelegate}

Dans votre classe AppDelegate, implémentez le protocole BrazeInAppMessageUIDelegate afin de pouvoir redéfinir 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. Configurer l’interface utilisateur Braze et le délégué {#3-set-up-your-braze-ui-and-delegate}

BrazeInAppMessageUI() affiche les messages in-app par défaut. En attribuant self comme délégué, vous pouvez intercepter et traiter les messages avant qu’ils ne soient affichés.

4. Redéfinir DisplayChoice avec une logique conditionnelle {#4-override-displaychoice-with-conditional-logic}

Redéfinissez inAppMessage(_:displayChoiceForMessage:) pour décider si un message doit être affiché. Renvoyez .now pour afficher le message ou .discard pour le supprimer.

Please rate this tutorial:

New Stuff!