Skip to content

Créer une bannière

Découvrez comment créer des bannières lors de la conception de campagnes et de Canvas dans Braze. Pour des informations plus générales, consultez À propos des bannières.

Conditions préalables

Avant de pouvoir lancer votre bannière, votre équipe de développement doit configurer les emplacements dans votre application ou votre site web. Vous pouvez tout de même préparer votre campagne de bannière en attendant, mais vous ne pourrez pas la lancer tant que les emplacements ne seront pas configurés.

Créer un message de type bannière

Étape 1 : Créer des placements dans Braze

Si vous ne l’avez pas encore fait, vous devrez créer des emplacements/localisations de bannières dans Braze, qui servent à définir les emplacements dans votre application ou votre site pouvant afficher des bannières. Pour créer un placement, allez dans Paramètres > Placements de bannières, puis sélectionnez Créer un placement.

La section Placements de la bannière permet de créer des ID de placement.

Donnez un nom à votre placement et attribuez-lui un ID. Veillez à consulter les autres Teams avant d’attribuer un ID, car il sera utilisé tout au long du cycle de vie de la carte et ne devrait pas être modifié par la suite. Pour plus d’informations, voir ID de placement.

Les détails du placement qui désignent une bannière s'afficheront dans la barre latérale gauche pour les campagnes de promotion des soldes de printemps.

Étape 2 : Choisir où créer votre message

Vous ne savez pas si votre message doit être envoyé via une campagne ou un Canvas ? Les campagnes conviennent mieux aux messages ciblés ponctuels, tandis que les Canvas sont plus adaptés aux parcours utilisateur en plusieurs étapes.

  1. Accédez à Messaging > Campaigns et sélectionnez Create Campaign.
  2. Sélectionnez Banner.
  3. Donnez à votre campagne un nom clair et explicite.
  4. Ajoutez des équipes et des étiquettes si nécessaire. Les étiquettes facilitent la recherche de vos campagnes et la création de rapports. Par exemple, avec le Générateur de rapports, vous pouvez filtrer par étiquettes pertinentes.
  5. Sélectionnez l’emplacement que vous avez créé précédemment pour l’associer à votre campagne.
  6. Ajoutez des variantes si nécessaire. Vous pouvez choisir un type de message et une disposition différents pour chacune. Pour en savoir plus sur les variantes, consultez Tests multivariés et A/B.
  7. Choisissez une date et une heure de début pour votre campagne de bannière. Par défaut, les bannières durent indéfiniment. Vous pouvez modifier ce comportement en sélectionnant End Time et en spécifiant une date et une heure de fin.
  1. Créez votre Canvas à l’aide du compositeur de Canvas.
  2. Après avoir configuré votre Canvas, ajoutez une étape Message dans le générateur de Canvas. Donnez à votre étape un nom clair et explicite.
  3. Sélectionnez Banner comme canal de communication.
  4. Sélectionnez un emplacement pour la bannière.
  5. Définissez la priorité de la bannière. La priorité des bannières détermine l’ordre d’affichage des bannières lorsqu’elles partagent le même emplacement.
  6. Définissez une expiration pour la bannière. Celle-ci peut intervenir après une durée déterminée suivant la disponibilité de l’étape, ou à une date et une heure précises.

Étape 3 : Rédiger une bannière

Pour rédiger votre bannière, vous pouvez choisir de :

  • Partir d’un modèle vierge
  • Utiliser un modèle de bannière Braze
  • Sélectionner un modèle de bannière enregistré

Option de choisir une bannière vierge ou un modèle.

Étape 3.1 : Styliser la bannière

Vous pouvez glisser-déposer des blocs et des lignes dans la zone de travail pour commencer à créer votre message.

Pour personnaliser les propriétés d’arrière-plan, les paramètres de bordure et autres éléments de votre message, sélectionnez Styles. Si vous souhaitez personnaliser le style d’un bloc ou d’une ligne spécifique uniquement, sélectionnez-le pour effectuer les modifications.

Panneau de styles du compositeur de bannière.

Étape 3.2 : Définir le comportement au clic (facultatif)

Lorsqu’un utilisateur clique sur un lien dans la bannière, vous pouvez choisir de le diriger plus en profondeur dans votre application ou de le rediriger vers une autre page web. De plus, vous pouvez choisir de journaliser un attribut personnalisé ou un événement, ce qui met à jour le profil de l’utilisateur avec des données personnalisées lorsqu’il clique sur la bannière.

Étape 3.3 : Configurer le comportement de fermeture (facultatif)

Cochez la case Banner can be dismissed pour permettre aux utilisateurs de fermer la bannière. Cette option peut être utile dans les cas où vous souhaitez promouvoir une vente à durée limitée auprès de tous les utilisateurs de l’application, tout en leur permettant de fermer le message s’ils ne sont pas intéressés.

Étape 3.4 : Ajouter des propriétés personnalisées (facultatif)

Vous pouvez ajouter des propriétés personnalisées à une bannière pour y associer des métadonnées structurées, telles que des chaînes de caractères ou des objets JSON. Ces propriétés n’affectent pas l’affichage de la bannière, mais peuvent être consultées via le SDK Braze pour modifier le comportement ou l’apparence de votre application. Par exemple, vous pourriez :

  • Envoyer des métadonnées pour vos analyses tierces ou vos intégrations.
  • Utiliser des métadonnées telles qu’un timestamp ou un objet JSON pour déclencher une logique conditionnelle.
  • Contrôler le comportement d’une bannière en fonction de métadonnées incluses comme ratio ou format.

Pour ajouter une propriété personnalisée, sélectionnez Settings > Properties > Add property.

La page des propriétés affichant l'option d'ajouter la première propriété personnalisée à une campagne de bannière.

Pour chaque propriété que vous souhaitez ajouter, remplissez les champs suivants :

Lorsque vous avez terminé, sélectionnez Done.

La page des propriétés avec une propriété de type chaîne de caractères ayant pour clé color et pour valeur #FF0000.

Étape 4 : Finaliser votre campagne ou Canvas

Définir la priorité de la bannière (facultatif)

La priorité des bannières détermine l’ordre d’affichage des bannières lorsqu’elles partagent le même emplacement. Pour définir manuellement la priorité :

  1. Sélectionnez Set exact priority.
  2. Glissez-déposez les campagnes pour les ordonner selon la priorité souhaitée.
  3. Sélectionnez Apply Sort.

Choisir votre audience

  1. Dans Target Audiences, choisissez des segments ou des filtres pour affiner votre audience. Vous obtenez automatiquement un aperçu de la population approximative du segment. L’appartenance exacte au segment est calculée avant l’envoi du message.
  1. Dans Assign Conversions, suivez la fréquence à laquelle les utilisateurs effectuent des actions spécifiques après avoir reçu une campagne en définissant des événements de conversion avec une fenêtre pouvant aller jusqu’à 30 jours pour comptabiliser l’action comme une conversion.

Choisir les événements de conversion

Braze vous permet de suivre les événements de conversion, c’est-à-dire la fréquence à laquelle les utilisateurs effectuent des actions spécifiques après avoir reçu une campagne. Vous avez la possibilité d’autoriser une fenêtre allant jusqu’à 30 jours pendant laquelle une conversion est comptabilisée si l’utilisateur effectue l’action spécifiée.

Si ce n’est pas déjà fait, complétez les sections restantes de votre composant Canvas. Pour plus de détails sur la finalisation de votre Canvas, la mise en œuvre de tests multivariés et de la Sélection intelligente, et bien plus encore, consultez l’étape Créer votre Canvas de notre documentation Canvas.

Étape 5 : Tester votre message (facultatif)

Sélectionnez Prévisualisation pour prévisualiser votre bannière ou envoyer un message test.

Onglet Prévisualisation du composeur de bannière.

Gardez à l’esprit que la prévisualisation peut différer du rendu final sur l’appareil d’un utilisateur en raison des différences matérielles.

Pour envoyer un message test, ajoutez un groupe de test de contenu ou un ou plusieurs utilisateurs individuels en tant que destinataires du test, puis sélectionnez Envoyer le test. Vous pourrez consulter votre message test sur l’appareil pendant 5 minutes maximum. Vous pouvez ensuite sélectionner Copier le lien de prévisualisation pour générer et copier un lien de prévisualisation partageable qui montre à quoi ressemblera la bannière pour un utilisateur aléatoire. Ce lien restera valide pendant sept jours avant de devoir être régénéré.

Onglet Prévisualisation du composeur de bannière.

Lors de la vérification de votre bannière test, assurez-vous des points suivants :

  • Votre Campaign de bannière est-elle affectée à un emplacement ?
  • Les images et les médias s’affichent-ils et fonctionnent-ils comme prévu sur les types d’appareils et les tailles d’écran ciblés ?
  • Vos liens et boutons dirigent-ils l’utilisateur vers la bonne destination ?
  • Le Liquid fonctionne-t-il comme prévu ? Avez-vous prévu une valeur d’attribut par défaut dans le cas où le Liquid ne renvoie aucune information ?
  • Votre texte est-il clair, concis et correct ?

Pour en savoir plus, consultez Envoyer des messages test.

Étape 6 : Vérifier et déployer

Après avoir terminé la création de votre campagne ou Canvas, vérifiez ses détails, testez-la, puis envoyez-la quand vous êtes prêt.
New Stuff!