Cartes riches et carrousels RCS

Les cartes enrichies combinent des médias, du texte et des suggestions pour créer une expérience de messagerie plus attrayante et interactive. Vous pouvez les utiliser pour mettre en évidence des informations clés, proposer des actions claires et guider les utilisateurs dans une conversation de manière plus intuitive qu'avec du texte simple.

Les carrousels étendent ce concept en vous permettant de présenter plusieurs cartes enrichies dans un seul message, ce qui permet aux utilisateurs d'explorer et de comparer différentes options.

Une carte riche peut contenir :

  • Médias - images, GIF, vidéos ou fichiers PDF
  • Texte du titre - un titre ou un message clé
  • Texte de description - informations complémentaires ou contexte
  • Suggestions de réponses et d'actions - options interactives pour l'utilisateur

L'envoi de fichiers PDF dans des cartes enrichies n'est actuellement pris en charge qu'en Inde sur le client Google Messages.

Au moins un des trois premiers éléments (média, titre ou description) est requis.

Navigation pane.

Composants d'une carte riche

Les médias

Les cartes enrichies prennent en charge plusieurs formats de médias afin que vous puissiez présenter votre contenu de la manière la plus efficace possible :

  • Images : JPEG/JPG, GIF, PNG
  • Vidéos : H.263, M4V, MP4, MPEG, MPEG-4, WebM
  • Documents : PDF (Inde uniquement sur le client Google Messages)

Vous pouvez choisir l'une des trois hauteurs de support standard :

Hauteur des médias Taille
Court 112 DP
Moyen 168 DP
Grande 264 DP

DP (pixels indépendants de la densité) garantit un affichage cohérent des médias sur différentes densités d'écran.

Si le média ne correspond pas à la hauteur sélectionnée, le système le recadre et l'agrandit automatiquement pour le centrer. Pour contrôler l'affichage de votre média, vous pouvez fournir une vignette personnalisée.

Navigation pane.

PDF comportement :

  • Un aperçu est généré à partir de la première page du fichier.
  • Si aucun aperçu n'est disponible, la vignette ou une icône par défaut s'affiche.
  • Le fait d'appuyer sur l'image ouvre le fichier dans une visionneuse.

Vous pouvez fournir des médias par URL ou les télécharger directement.

Navigation pane.

Vignettes

Les vignettes servent d'image de prévisualisation pour les médias et s'affichent pendant le téléchargement des fichiers.

  • Taille maximale des vignettes : 100 kB (recommandée : ≤ 50 kB)
  • Si aucune vignette n'est fournie, une icône par défaut apparaît.
  • Les vignettes sont également utilisées pour la prévisualisation des vidéos.

Le fait d'appuyer sur la vignette ou l'icône permet d'ouvrir le média en plein écran.

Navigation pane.

Titre

Le titre est un titre concis destiné à attirer l'attention de l'utilisateur.

  • Longueur maximale : 200 caractères
  • Les caractères spéciaux, tels que les emoji ou les caractères à plusieurs octets, comptent comme des caractères multiples.

Description

La description fournit des informations complémentaires ou un appel à l'action.

  • Longueur maximale : 2000 caractères

Réponses et actions suggérées

Les cartes riches peuvent inclure jusqu'à :

  • 4 suggestions de réponses ou d'actions à l'intérieur de la carte
  • 11 puces de suggestion supplémentaires sous la carte

Les puces à suggestions doivent offrir de nouvelles façons de faire avancer la conversation et ne doivent pas reproduire les options de la carte ou du carrousel.

Navigation pane.

Réponses suggérées

Les réponses suggérées sont des messages courts prédéfinis (jusqu'à 25 caractères) qui permettent aux utilisateurs de répondre rapidement. Elles permettent de rationaliser les conversations et de guider les utilisateurs vers des interactions pertinentes.

Actions suggérées

Les actions suggérées sont liées aux fonctionnalités de l'appareil, par exemple appeler un numéro, ouvrir une carte ou lancer un navigateur. N'incluez que les actions pertinentes pour éviter de submerger l'utilisateur.

Options de mise en page des cartes enrichies

Les cartes enrichies peuvent être formatées verticalement ou horizontalement :

Disposition verticale

  • Les médias apparaissent en haut de la page.
  • Hauteur minimale de la carte : 112 DP.
  • Hauteurs de support prises en charge : 112 DP (court), 168 DP (moyen), 264 DP (haut).
  • Rapports d'aspect pris en charge : 2:1, 16:9, 7:3.
Navigation pane.

Disposition horizontale

  • Les médias sont positionnés à gauche ou à droite du texte.
  • Largeur fixe du support : 128 DP.
  • La hauteur s'adapte au contenu du texte.
Navigation pane.

Carrousels de cartes riches

Un carrousel est une séquence défilante de cartes enrichies dans un message unique. Les carrousels sont idéaux pour présenter plusieurs options connexes, telles que des plans, des produits ou des lieux, afin que les utilisateurs puissent les parcourir et les comparer.

  • Nombre maximal de cartes dans un carrousel : 10
  • Seules les cartes riches verticales sont prises en charge dans les carrousels.

La première carte doit mettre en évidence la meilleure option ou l'option recommandée.

Les puces de suggestion peuvent également être placées sous le carrousel, mais elles ne doivent pas répéter le contenu du carrousel.

Navigation pane.

Spécifications du carrousel

Spécifications Détail
Titre Max. 200 caractères
Description Max. 2000 caractères
Hauteur Petit : 542 DP max Moyen : 592 DP max
Largeur Petit : 180 DP (fixe) Moyen : 296 DP (fixe)

Toutes les cartes sont mises à l'échelle pour correspondre à la hauteur de la carte la plus haute. Si le contenu dépasse cette hauteur, le système tronque le texte dans l'ordre suivant :

  1. Description → ligne unique
  2. Titre → une seule ligne
  3. Suggestions → supprimées
  4. Description → supprimé
  5. Titre → supprimé

Affichage plein écran pour les carrousels

Si le contenu de la carte est tronqué, les utilisateurs peuvent développer la carte en plein écran pour voir le texte complet.

Comment cela fonctionne-t-il ?

  • Un bouton Plus apparaît lorsque le contenu est coupé.
  • Le fait d'appuyer sur la carte ou sur le bouton Plus permet d'ouvrir le mode plein écran.
  • Les utilisateurs peuvent quitter l'application en appuyant sur X, en utilisant le geste de retour du système ou en sélectionnant une suggestion.

Navigation en plein écran :

  • Défilement vertical à l'intérieur de la carte pour un texte plus long.
  • Balayage horizontal pour passer d'une carte à l'autre.

Spécifications des médias en plein écran :

Spécifications Détail
Hauteur des médias 264 DP (grand)
Largeur des médias Largeur de l'écran - 32 DP (marge de 16 DP de chaque côté)

Comment les suggestions se comportent-elles en plein écran ?

Type de suggestion Comportement
Ouvrir l'URL S'ouvre dans un navigateur ou une vue web. Le retour à Messages rétablit l'affichage en plein écran.
Composer / Visualiser le lieu / Calendrier Ouvre l'application concernée. Le retour rétablit l'affichage en plein écran.
Partager l'emplacement L'affichage en plein écran se ferme, Google Maps s'ouvre et, après l'envoi, l'affichage de la conversation revient.
Réponse suggérée L'affichage en plein écran se ferme et la réponse est envoyée dans le chat.

Limites de caractère et de taille

  • Titre : jusqu'à 200 caractères
  • Description : jusqu'à 2000 caractères
  • Hauteurs des supports : 112 DP (court), 168 DP (moyen), 264 DP (grand)
  • Taille de la charge utile : maximum 250 KB

Veillez à ce que vos cartes enrichies et vos carrousels respectent ces limites afin que tout le contenu s'affiche correctement.

Plus d'informations