Skip to content

AMP pour l’e-mail

Avec AMP pour les e-mails, vous pouvez ajouter des éléments interactifs à vos e-mails et élever vos communications avec vos clients, en offrant une expérience complète directement dans la boîte de réception de votre utilisateur. AMP rend cela possible grâce à l’utilisation de divers composants qui peuvent être utilisés pour créer des offres d’e-mail intéressantes telles que des enquêtes, des questionnaires de retour d’information, des campagnes de vote, des évaluations, des centres d’abonnement, et bien plus encore. De tels outils peuvent offrir des possibilités d’accroître l’engagement et la fidélisation.

Exigences

Braze n’est pas responsable de l’enregistrement des utilisateurs auprès de Google ou du respect des exigences de sécurité nécessaires. L’AMP pour les e-mails est disponible uniquement pour SparkPost et SendGrid.

Clients e-mail pris en charge

Avant de pouvoir envoyer des e-mails AMP aux utilisateurs, vous devez vous inscrire auprès de nos clients de messagerie. Le processus d’inscription implique l’envoi d’un e-mail HTML AMP de test pour obtenir l’approbation. Les délais d’approbation varient d’un client à l’autre. Suivez les liens d’inscription pour plus d’informations.

Client Lien d’inscription
Gmail Google
FairEmail FairEmail
Yahoo Yahoo
Mail.ru Mail.ru

Pour une liste complète des clients d’e-mail pris en charge, reportez-vous à la documentation de l’AMP.

Activation du compte Gmail

Accédez à vos paramètres Gmail et sélectionnez Activer l’e-mail dynamique dans la rubrique Général.

Exemple de paramètres Gmail avec la case “Activer l’e-mail dynamique” cochée.](/docs/fr/assets/img/dynamic-content.png?d2fedd13b038e82beafb005847200aba)

Utilisation de l’API

Vous pouvez également utiliser l’AMP pour les e-mails avec notre API. Si vous utilisez l’un des endpoints de Braze Messaging pour envoyer un e-mail, ajoutez amp_body comme spécification d’objet, comme indiqué ci-dessous.

Spécification de l’objet e-mail

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{
  "app_id": (required, string) see app identifier above,
  "subject": (optional, string),
  "from": (required, valid email address in the format "Display Name <[email protected]>"),
  "reply_to": (optional, valid email address in the format "[email protected]" - defaults to your workspace's default reply to if not set),
  "plaintext_body": (optional, valid plaintext, defaults to autogenerating plaintext from "body" when this is not set),
  "amp_body": (optional, updates the text-amp-html MIME type) the email body in AMP HTML. The MIME (Multipurpose Internet Mail Extensions) type to be referenced is "text/x-amp-html",
  "body": (required unless email_template_id is given, valid HTML),
  "preheader": (optional*, string) Recommended length 50-100 characters,
  "email_template_id": (optional, string) If provided, we will use the subject/body/should_inline_css values from the given email template UNLESS they are specified here, in which case we will override the provided template,
  "message_variation_id": (optional, string) used when providing a campaign_id to specify which message variation this message should be tracked under,
  "extras": (optional, valid key-value hash), extra hash - for SendGrid customers, this will be passed to SendGrid as Unique Arguments,
  "headers": (optional, valid key-value hash), hash of custom extensions headers. Currently, only supported for SendGrid customers,
  "should_inline_css": (optional, boolean), whether to inline CSS on the body. If not provided, falls back to the default CSS inlining value for the workspace,
  "attachments": (optional, array), array of JSON objects like [{"file_name","url"}] that define the files you need attached. Your file name's extension will be detected automatically from the URL, which should return the appropriate `Content-Type` as a response header,
}

Création de votre e-mail AMP

Tout d’abord, créez votre e-mail AMP à l’aide de composants. Ensuite, utilisez l’API de Braze pour envoyer votre message, en veillant à inclure amp_body pour votre HTML AMP.

En plus du HTML AMP, nous exigeons une version HTML ordinaire body et suggérons une version plaintext_body de votre e-mail AMP. Tous les e-mails AMP sont envoyés en plusieurs parties, ce qui signifie que Braze envoie un e-mail qui prend en charge le HTML, le texte en clair et le HTML AMP. Cela devient utile dans le cas où votre e-mail est envoyé via un fournisseur qui ne prend pas encore en charge l’AMP pour l’e-mail, car l’e-mail sera automatiquement mis par défaut sur la version appropriée en fonction de l’utilisateur et de son appareil.

Consultez ces ressources supplémentaires :

Composants

Lorsque vous créez les éléments AMP, nous vous recommandons de vérifier avec votre équipe d’ingénieurs et d’inclure des ressources et des éléments de conception pour une couche supplémentaire de polissage.

Chacun de ces éléments est nécessaire dans le corps de votre e-mail AMP.

Utilisez ces composants pour créer des mises en page et des comportements dynamiques dans vos e-mails.

Faites preuve de fantaisie avec les composants d’AMP qui peuvent vous aider à adapter votre e-mail à votre audience.

Pour une liste complète des composants AMP, consultez la documentation AMP.

Cas d’utilisation

En utilisant le composant <amp-form>, vous pouvez créer des enquêtes interactives auxquelles il est possible de répondre sans quitter la boîte de réception de l’e-mail. Pour ce faire, vous pouvez utiliser <amp-form> pour soumettre la réponse à l’enquête, puis demander à votre backend de fournir ces données agrégées.

En voici quelques exemples :

  • E-mail d’enquête sur la conférence
  • Mise à jour dynamique des éléments du flux
  • Signet d’article e-mail

Ce composant permet aux utilisateurs de soumettre ou d’effacer les valeurs des champs. En outre, selon la façon dont vous avez configuré votre e-mail, vous pouvez donner des indications supplémentaires aux utilisateurs, par exemple si l’envoi de l’enquête a réussi ou non, ou rendre les réponses de vos utilisateurs montrant les résultats de l’enquête (comme dans le cas d’une campagne de vote).

Développez vos sections de contenu à l’aide du composant <amp-accordion>. Ce composant vous permet d’afficher des sections de contenu repliables et extensibles, ce qui permet aux utilisateurs de jeter un coup d’œil au contenu et de passer à n’importe quelle section.

Si vous avez tendance à envoyer de longs articles éducatifs ou des recommandations personnalisées, cela permet aux internautes de jeter un coup d’œil sur le plan du contenu et de sauter à n’importe quelle section ou recommandation de produit spécifique pour obtenir plus de détails. Cela peut s’avérer particulièrement utile pour les utilisateurs de téléphones mobiles qui doivent faire défiler quelques phrases dans une section.

Si vous avez tendance à envoyer des e-mails contenant de nombreuses photos professionnelles, comme les marques de retailing, vous pouvez utiliser le composant <amp-image-lightbox> qui permet aux utilisateurs de s’engager avec une image qui les interpelle. Lorsque l’utilisateur clique sur l’image, ce composant affiche l’image au centre du message en créant un effet de boîte à lumière.

En outre, le composant <amp-image-lightbox> permet à l’utilisateur d’afficher une description détaillée de l’image. Vous pouvez utiliser le même composant pour plusieurs images. Par exemple, si vous avez plusieurs images incluses dans votre e-mail, lorsque l’utilisateur clique sur l’une d’entre elles, l’image s’affiche dans la lightbox.

Pour les e-mails qui reposent essentiellement sur la copie de texte, le composant <amp-fit-text> vous permet de gérer la taille et l’ajustement du texte dans une zone spécifiée.

En voici quelques exemples :

  • Mise à l’échelle du texte pour l’adapter à une zone
  • Mise à l’échelle du texte pour l’adapter à la zone en utilisant une taille de police maximale que vous pouvez définir.
  • Troncature du texte lorsque le contenu déborde de la zone

Utilisation de l’AMP-moustache

À l’instar de Liquid, AMP prend en charge un langage de script pour des cas d’utilisation plus avancés. Ce composant est appelé amp-mustache. Lorsque vous incluez un langage de balisage Mustache, vous devez l’entourer de la balise raw de l’étiquette Liquid. Notez que Liquid et Mustache partagent le même style de syntaxe.

En enveloppant votre contenu autour de l’étiquette raw, le moteur de traitement de Braze ignorera tout contenu entre les tags raw et enverra la variable Mustache dont votre équipe a besoin.

Indicateurs et analyses (si utilisés asjectives)

Indicateurs Détails
Total des ouvertures Le terme Nombre total d'ouvertures désigne le nombre total d'envois de messages qui ont été ouverts. Pour les e-mails AMP, il s'agit du total des ouvertures pour les versions HTML et en texte clair.
Nombre total de clics Le nombre total de clics est le nombre de destinataires uniques qui ont cliqué sur un lien dans le message envoyé. Pour les e-mails AMP, il s'agit du nombre total de clics dans les versions HTML et en texte clair.
Ouverture de l'AMP Le terme Ouvertures AMP désigne le nombre total d’ouvertures dans votre e-mail HTML AMP et dans les versions HTML AMP de l'e-mail.
Clics AMP Le terme Clics AMP désigne le nombre total de clics dans votre e-mail HTML AMP, nombre cumulé des versions HTML, texte brut et HTML AMP de l'e-mail.

Tests et résolution des problèmes

Notez que le nombre total de clics et les clics uniques ne tiennent pas compte des clics qui se produisent à partir d’un message AMP (HTML et texte en clair uniquement). Les clics spécifiques à l’AMP sont attribués à la amp_click indicateurs.

Avant d’envoyer votre e-mail AMP, nous vous recommandons de le tester conformément à ces directives de Gmail.

Pour que votre e-mail AMP soit délivré à n’importe quel compte Gmail, l’e-mail doit remplir les conditions suivantes :

  • Les exigences de sécurité de l’AMP pour les e-mails doivent être respectées.
  • La partie MIME AMP doit contenir un document AMP valide.
  • L’e-mail doit inclure la partie MIME AMP avant la partie MIME HTML.
  • La partie MIME de l’AMP doit être inférieure à 100 Ko.

Si aucune de ces conditions n’est à l’origine de l’erreur, contactez le service d’assistance.

Questions fréquemment posées

Dois-je segmenter avec des e-mails AMP ?

Nous préconisons de ne pas faire de segmentation pour envoyer à tous les différents types d’utilisateurs. En effet, les messages AMP sont envoyés en plusieurs parties, différentes versions étant incluses dans l’e-mail d’origine. Si un utilisateur ne peut pas voir la version AMP, il reviendra par défaut à la version HTML.

New Stuff!