Skip to content

AMP pour l’e-mail

Avec AMP pour l’e-mail, vous pouvez ajouter des éléments interactifs à vos e-mails et enrichir vos communications avec vos clients, en offrant une expérience complète directement dans la boîte de réception de vos utilisateurs. AMP rend cela possible grâce à l’utilisation de divers composants qui permettent de créer des offres e-mail attrayantes telles que des sondages, des questionnaires de satisfaction, des campagnes de vote, des avis, des centres d’abonnement, et bien plus encore. Ces outils offrent des opportunités d’augmenter l’engagement et la rétention.

Conditions requises

Braze n’est pas responsable de l’inscription des utilisateurs auprès de Google ni du respect des exigences de sécurité nécessaires. AMP pour l’e-mail est disponible uniquement pour SparkPost et SendGrid.

Clients de messagerie pris en charge

Avant de pouvoir envoyer des e-mails AMP à vos utilisateurs, vous devez vous inscrire auprès de nos clients de messagerie. Le processus d’inscription consiste à envoyer un e-mail de test en AMP HTML pour obtenir une 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 de messagerie pris en charge, consultez la documentation AMP.

Activation du compte Gmail

Accédez aux paramètres de votre compte Gmail, puis sélectionnez Activer le contenu dynamique sous Général.

Un exemple de paramètres Gmail avec la case « Activer le contenu dynamique » cochée.

Utilisation de l’API

Vous pouvez également utiliser AMP pour l’e-mail avec notre API. Si vous utilisez l’un des endpoints d’envoi de messages de Braze 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éer votre e-mail AMP

Commencez par créer votre e-mail AMP en utilisant les composants. Ensuite, utilisez l’API Braze pour envoyer votre message, en veillant à inclure amp_body pour votre AMP HTML.

En plus du AMP HTML, nous exigeons une version HTML standard body et recommandons une version plaintext_body de votre e-mail AMP. Tous les e-mails AMP sont envoyés en multipart, ce qui signifie que Braze envoie un e-mail prenant en charge le HTML, le texte brut et le AMP HTML. Cela s’avère utile dans le cas où votre e-mail est envoyé via un fournisseur qui ne prend pas encore en charge AMP pour l’e-mail, car l’e-mail utilisera automatiquement la version appropriée en fonction de l’utilisateur et de son appareil.

Consultez ces ressources supplémentaires :

Composants

Lors de la création des éléments AMP, nous vous recommandons de consulter votre équipe d’ingénierie et d’inclure des ressources de conception pour un niveau de finition supplémentaire.

Chacun de ces éléments est requis 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.

Donnez du style à vos e-mails avec les composants 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

Grâce au composant <amp-form>, vous pouvez créer des sondages interactifs que vos utilisateurs peuvent remplir sans quitter leur boîte de réception. Il suffit d’utiliser <amp-form> pour soumettre les réponses au sondage, puis de faire en sorte que votre backend fournisse ces données agrégées.

Voici quelques exemples :

  • E-mail de sondage de conférence
  • Mise à jour dynamique des éléments dans le flux
  • E-mail de mise en favoris d’articles

Avec ce composant, les utilisateurs peuvent soumettre ou effacer les valeurs des champs. De plus, selon la façon dont vous configurez votre e-mail, vous pouvez fournir des indications supplémentaires aux utilisateurs, comme indiquer si la soumission du sondage a réussi, ou afficher les réponses montrant les résultats du sondage (comme une campagne de vote).

Développez vos sections de contenu en utilisant le composant <amp-accordion>. Ce composant vous permet d’afficher des sections de contenu repliables et dépliables, offrant aux lecteurs la possibilité de parcourir le plan du contenu et d’accéder directement à n’importe quelle section.

Si vous avez tendance à envoyer de longs articles éducatifs ou des recommandations personnalisées, cela offre aux lecteurs la possibilité de parcourir le plan du contenu et d’accéder à n’importe quelle section ou recommandation produit spécifique pour obtenir plus de détails. Cela peut être particulièrement utile pour les utilisateurs mobiles, où même quelques phrases dans une section nécessitent de faire défiler l’écran.

Si vous avez tendance à envoyer des e-mails contenant de nombreuses photos professionnelles, comme les marques de vente au détail, vous pouvez utiliser le composant <amp-image-lightbox> qui permet aux utilisateurs d’interagir avec une image qui les attire. Lorsque l’utilisateur clique sur l’image, ce composant affiche l’image au centre du message, créant un effet lightbox.

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

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

Exemples :

  • Mise à l’échelle du texte pour s’adapter à une zone
  • Mise à l’échelle du texte pour s’adapter à la zone en utilisant une taille de police maximale, où vous pouvez définir la taille de police maximale
  • Troncature du texte lorsque le contenu dépasse la zone

Utilisation d’amp-mustache

Comme Liquid, AMP prend en charge un langage de script pour des cas d’utilisation plus avancés. Ce composant s’appelle amp-mustache. Lorsque vous incluez du balisage Mustache, vous devez l’envelopper dans la balise raw de Liquid. Notez que Liquid et Mustache partagent un style de syntaxe similaire.

En enveloppant votre contenu dans la balise raw, le moteur de traitement de Braze ignorera tout contenu entre les balises raw et enverra la variable Mustache dont votre équipe a besoin.

Indicateurs et analyse

Indicateur Détails
Nombre total d'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 nombre total d'ouvertures pour les versions HTML et texte brut.
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 texte brut.
Ouvertures 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 prennent pas en compte les clics provenant d’un message AMP (HTML et texte brut uniquement). Les clics spécifiques à AMP sont attribués à l’indicateur amp_click.

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

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

  • Les exigences de sécurité d’AMP pour l’e-mail 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 AMP doit être inférieure à 100 Ko.

Si aucune de ces conditions n’est à l’origine de l’erreur, contactez l’Assistance.

Questions fréquemment posées

Dois-je segmenter avec les e-mails AMP ?

Nous recommandons de ne pas segmenter afin d’envoyer à tous les différents types d’utilisateurs. En effet, nous envoyons les messages AMP en multipart, avec différentes versions incluses dans l’e-mail d’origine. Si un utilisateur ne peut pas voir la version AMP, l’e-mail reviendra par défaut à la version HTML.

New Stuff!