Comment activer et utiliser les annotations dans Gmail ?

Vous apprendrez

Découvrez les annotations d'e-mails, qui vous permettent d'afficher des informations clés dans la liste des boîtes de réception Gmail (c'est-à-dire avant que le destinataire n'ouvre l'e-mail). Les annotations d'e-mails vous permettent de mettre en évidence une offre (par exemple, un code de réduction) ou d'afficher des images de produits directement dans la boîte de réception. 

À propos des annotations d'e-mails

Les annotations d'e-mails sont prises en charge dans les boîtes de réception mobiles de Gmail pour les utilisateurs dont l'onglet Promotions est activé. Ces annotations n'apparaissent que dans l'onglet Promotions, et non dans la boîte de réception principale. 

Il existe trois types d'annotations : 

• Offre
  Mettez en évidence une offre, comme un code promo ou une livraison gratuite, en précisant la date d'expiration de l'offre.
  
• Carrousel de produits
  Affichez un carrousel d'images de produits, avec éventuellement des détails sur le produit tels que le nom et le prix.
  
• Image unique
  Affichez une seule image, accompagnée d'un texte supplémentaire facultatif.
  

Avant de commencer

Google tient à jour une liste d'expéditeurs autorisés à utiliser des annotations. Avant d'utiliser des annotations, vous devez demander que votre marque soit ajoutée à cette liste d'autorisation. 

Pour demander à Google de vous ajouter à sa liste d'annotations autorisées, envoyez un courriel à p-Promo-Outreach@google.com avec les informations suivantes : 

• Tous les domaines (par exemple, exemple.com)
• Tous les sous-domaines (par exemple, send.example.com, blog.example.com, marketing-messages.example.com) 
• L'URL de votre page d'atterrissage (par exemple, votre page d'accueil) 

Tout code d'annotation ajouté à vos messages sera ignoré jusqu'à ce que vous soyez ajouté à la liste d'autorisation de Google, ce qui peut prendre 7 à 10 jours ouvrables ou plus. 

Ajouter des annotations à vos e-mails

Ajoutez le code suivant dans la section "body" de votre modèle de courrier électronique HTML pour ajouter des annotations au courrier électronique. Trois types d'annotations sont disponibles : 

• Annotations sur les transactions
• Annotations du carrousel de produits
• Annotations d'une seule image 

Accord

  <div itemscope itemtype="http://schema.org/DiscountOffer">
    <meta itemprop="description" content="DESCRIPTION"/>
 < meta itemprop="discountCode" content="DISCOUNT_CODE"/>
 < meta itemprop= discountCode content= DISCOUNT_CODE /   itemprop="availabilityStarts" content="START_DATE_TIME"/>
 < meta itemprop="availabilityEnds" content="END_DATE_TIME"/>
  </div>

Remplacez les espaces réservés suivants dans le code : 

• DESCRIPTION
  Une brève description (1 à 2 lignes) de l'offre.
• CODE DE RÉDUCTION
  Le code que le destinataire peut saisir à la caisse pour bénéficier de l'offre.
• DATE_DE_DÉBUT
  Date/heure de début de l'offre, au format ISO 8601
• END_DATE_TIME
  Date/heure de fin de l'offre, au format ISO 8601

Carrousel de produits

  <div itemscope itemtype="http://schema.org/PromotionCard">
    <meta itemprop="image" content="IMAGE_URL1"/>
 < meta itemprop="url" content="PROMO_URL1"/>
 // Vous pouvez également inclure les propriétés suivantes de PromotionCard :
  <meta itemprop="headline" content="HEADLINE1"/>
 < meta itemprop="price" content="PRICE1"/>
 < meta itemprop="priceCurrency" content="PRICE_CURRENCY1"/>
 < meta itemprop="discountValue< "span translate="no">39 content="DISCOUNT_VALUE1"/>
 < meta itemprop="position" content="POSITION"/>
  </div>
  // Créez l'aperçu de la deuxième image dans votre carrousel de produits :
 < div itemscope itemtype="http://schema.org/PromotionCard>
    <meta itemprop="image" content="IMAGE_URL2"/>
 < meta itemprop="url" content="PROMO_URL2"/>
 // Vous pouvez également inclure les propriétés suivantes de PromotionCard :
  <meta itemprop="headline" content="HEADLINE2"/>
 < meta itemprop="price" content="PRICE2"/>
 < meta itemprop="priceCurrency" content="PRICE_CURRENCY2"/>
 < meta itemprop="discountValue content="DISCOUNT_VALUE2"/>
 < meta itemprop="position" content="POSITION"/>
  </div>
  // Pour inclure davantage d'aperçus d'images, ajoutez des objets PromotionCard supplémentaires.
  // Vous pouvez inclure jusqu'à 10 images dans un carrousel de produits.

Remplacez les espaces réservés suivants dans le code : 

• IMAGE_URL1, IMAGE_URL2, etc.
  L'URL d'une image de produit à afficher dans le carrousel. Les rapports d'aspect pris en charge sont 4:5, 1:1 et 1,91:1. Le rapport d'aspect de chaque image doit être le même. 
• PROMO_URL1, PROMO_URL2, etc.
  L'URL d'une page de renvoi pour les destinataires qui cliquent sur l'image du produit.
• HEADLINE1, HEADLINE2, etc.
  Une description courte, d'une à deux lignes, du produit. 
• PRIX1, PRIX2, etc.
  Le prix de base du produit (nombre uniquement, pas de devise). 
• PRIX_CURRENCY1, PRIX_CURRENCY2, etc.
  Code de devise à trois lettres (par exemple, USD) pour le prix de l'article.
• VALEUR_DE_RABAISON1, VALEUR_DE_RABAISON2, etc.
  Le cas échéant, le montant de la remise accordée à un article (nombre uniquement, pas de devise). 
• POSITION
  (Facultatif) un nombre indiquant la position de cet élément dans le carrousel.

Image unique

  <div itemscope itemtype="http://schema.org/PromotionCard">
    <meta itemprop="image" content="IMAGE_URL1"/>
 < meta itemprop="url" content="PROMO_URL1"/>
  </div>

Remplacez les espaces réservés suivants dans le code : 

• IMAGE_URL1
  L'URL d'une image de produit à afficher dans le carrousel. Les rapports d'aspect pris en charge sont 4:5, 1:1 et 1,91:1. 
• PROMO_URL1
  L'URL d'une page de destination pour les destinataires qui cliquent sur l'image du produit.

À propos de l'extraction automatique d'annotations

Parfois, Google extrait automatiquement les données de l'e-mail pour ajouter des annotations, même si l'expéditeur n'a pas ajouté le code décrit ci-dessus. Cette opération est effectuée à la discrétion de Google et ne peut être contrôlée par l'expéditeur. 

Dépannage de vos annotations

Google a des exigences strictes en matière d'annotations. Si vos annotations n'apparaissent pas après avoir suivi les étapes décrites ci-dessus, essayez les étapes de dépannage suivantes. 

Veillez à ce que votre marque soit autorisée à figurer sur la liste 

Google tient à jour une liste limitée de marques autorisées à utiliser les annotations d'e-mails, afin d'éviter les spams et les abus. Contactez Google en suivant les étapes décrites ci-dessus et attendez une réponse dans un délai de 7 à 10 jours ouvrables. Il n'y a aucune garantie que votre marque soit ajoutée à la liste d'autorisation une fois que vous en avez fait la demande, car cette décision est laissée à l'entière discrétion de Google. 

Vérifiez la qualité de votre image

Toutes les images utilisées pour les annotations par courrier électronique doivent passer par un filtre de qualité. Si vos images ne répondent pas aux exigences de Google en matière d'images, elles ne s'afficheront pas dans la boîte de réception. 

Assurez-vous que vos images répondent à ces critères : 

• Haute qualité (c.-à-d. plus de 500 KB)
• Ne contiennent que très peu, voire pas du tout, de texte 
• Rectangulaire (n'utilisez pas de masque pour rendre l'image ronde ou d'une autre forme) 
• sont au moins de 256x256px 

N'utilisez pas d'images uniques par destinataire

Les images doivent être les mêmes pour tous les destinataires. Vous pouvez ajouter des paramètres de suivi uniques à l'URL de la promotion, mais pas à l'URL de l'image. Si vous utilisez un outil qui crée des images CID (c'est-à-dire des images uniques pour chaque destinataire), vos annotations n'apparaîtront pas dans la boîte de réception. 

Prenez en compte le plafond de densité de Gmail

Google a fixé un plafond de densité qui limite le nombre d'images que les destinataires peuvent voir dans leur boîte de réception. Cela signifie que si la boîte de réception d'un destinataire contient déjà plusieurs e-mails récents avec des annotations, il se peut que les vôtres n'apparaissent pas afin de ne pas encombrer la boîte de réception. Cette limitation est mise en œuvre à la seule discrétion de Google et ne peut être contrôlée par l'expéditeur. 

Les annotations sont destinées aux envois groupés, pas aux aperçus. 

L'envoi d'un courriel de test à 1 ou 2 destinataires n'entraîne généralement pas l'apparition d'annotations dans la boîte de réception. La fonction d'annotation est limitée aux envois groupés, de sorte que les annotations n'apparaîtront probablement que lorsqu'un message est envoyé à >100 destinataires. 

Plutôt que de vous envoyer un e-mail de prévisualisation pour tester votre code, utilisez l'outil de prévisualisation des onglets de promotion de Google pour les développeurs. Cette ressource vous permet de tester votre code et de voir comment les annotations apparaîtront à ceux qui les verront. 

Les annotations sont prises en charge dans l'onglet "Promotions" de l'application mobile Gmail.

Les annotations ne sont pas prises en charge dans d'autres boîtes de réception Gmail, notamment : 

• Gmail dans n'importe quel navigateur (par exemple, le site mobile ou de bureau) 
• Tout onglet autre que Promotions
• Boîtes de réception des utilisateurs qui n'ont pas activé l'onglet Promotions dans leurs paramètres Gmail 

Ressources complémentaires

• Comment utiliser l'assistant de rédaction d'objet de Klaviyo ?
• Comprendre la boîte de réception à onglets de Gmail