Personnaliser le comportement des Content Cards

Ce guide de mise en œuvre aborde la modification du comportement des Content Cards, l’ajout d’éléments supplémentaires tels que des paires clé-valeur à votre payload, ainsi que des recettes pour des personnalisations courantes. Pour obtenir la liste complète des types de cartes de contenu, consultez À propos des Content Cards.

Paires clé-valeur

Braze vous permet d’envoyer des payloads de données supplémentaires via les Content Cards aux appareils des utilisateurs à l’aide de paires clé-valeur. Celles-ci peuvent vous aider à suivre les indicateurs internes, à mettre à jour le contenu de l’application et à personnaliser les propriétés. Ajoutez des paires clé-valeur à l’aide du tableau de bord.

Remarque

Nous vous déconseillons d’envoyer des valeurs JSON imbriquées sous forme de paires clé-valeur. Aplanissez plutôt le JSON avant de l’envoyer.

• web
• android
• swift

Conseil

Il est important que vos équipes marketing et de développement se coordonnent sur les paires clé-valeur qui seront utilisées (par exemple, feed_type = brand_homepage), car toutes les paires clé-valeur saisies par les marketeurs dans le tableau de bord de Braze doivent correspondre exactement aux paires clé-valeur que les développeurs intègrent dans la logique de l’application.

Content Cards en tant que contenu supplémentaire

Vous pouvez intégrer de façon fluide les Content Cards dans un flux existant, ce qui permet de charger simultanément les données de plusieurs flux. Cela crée une expérience cohésive et harmonieuse avec les Content Cards de Braze et le contenu du flux existant.

L’exemple à droite montre un flux avec une liste hybride d’éléments alimentés par des données locales et des Content Cards propulsées par Braze. Avec cette approche, les Content Cards peuvent être indifférenciables du contenu existant.

Paires clé-valeur déclenchées par l’API

Les campagnes déclenchées par l’API sont une bonne stratégie à employer lorsque les valeurs d’une carte dépendent de facteurs externes pour déterminer le contenu à afficher à l’utilisateur. Par exemple, pour afficher du contenu supplémentaire, définissez des paires clé-valeur à l’aide de Liquid. Notez que class_type doit être connu au moment de la configuration.

Content Cards en tant que contenu interactif

Les Content Cards peuvent être exploitées pour créer des expériences dynamiques et interactives pour vos utilisateurs. Dans l’exemple à droite, une fenêtre contextuelle de Content Card apparaît au moment du paiement, proposant aux utilisateurs des promotions de dernière minute. Des cartes bien placées comme celle-ci constituent un excellent moyen d’inciter les utilisateurs à effectuer des actions spécifiques.

Les paires clé-valeur pour ce cas d’usage comprennent discount_percentage défini comme le montant de remise souhaité et class_type défini comme coupon_code. Ces paires clé-valeur vous permettent de filtrer et d’afficher des Content Cards spécifiques à un type sur l’écran de paiement. Pour plus d’informations sur l’utilisation de paires clé-valeur pour gérer plusieurs flux, consultez Personnaliser le flux par défaut des Content Cards.

Badges de Content Cards

Les badges sont de petites icônes idéales pour attirer l’attention d’un utilisateur. L’utilisation de badges pour alerter l’utilisateur sur le nouveau contenu des Content Cards peut inciter les utilisateurs à revenir sur votre application et augmenter le nombre de sessions.

Affichage du nombre de Content Cards non lues sous forme de badge

Vous pouvez afficher le nombre de Content Cards non lues de votre utilisateur sous forme de badge sur l’icône de votre application.

• web
• android
• swift

1
braze.getCachedContentCards().getUnviewedCardCount();

1
Braze.getInstance(context).getContentCardUnviewedCount();

1
Braze.getInstance(context).contentCardUnviewedCount

1
func applicationDidEnterBackground(_ application: UIApplication)

1
2
let unreadCards = AppDelegate.braze?.contentCards.cards.filter { $0.viewed == false }
UIApplication.shared.applicationIconBadgeNumber = unreadCards?.count ?? 0

1
(void)applicationDidEnterBackground:(UIApplication *)application

1
2
3
4
5
6
7
NSInteger unreadCardCount = 0;
for (BRZContentCardRaw *card in AppDelegate.braze.contentCards.cards) {
  if (card.viewed == NO) {
    unreadCardCount += 1;
  }
}
[UIApplication sharedApplication].applicationIconBadgeNumber = unreadCardCount;