Wat je leert

Kom meer te weten over e-mailannotaties, waarmee je belangrijke informatie kunt weergeven in de lijstweergave voor Gmail-inboxen (dus voordat iemand de e-mail opent). Met e-mailannotaties kun je een deal of aanbieding uitlichten (bijv. een couponcode), of productafbeeldingen rechtstreeks in de inbox weergeven.

De code die nodig is om Gmail-annotaties te implementeren, wordt alleen ondersteund in aangepaste HTML- of hybride e-mails. Het is niet mogelijk om deze code te gebruiken met de drag-and-drop e-maileditor van Klaviyo.

We raden het gebruik van e-mailannotaties alleen aan voor technisch onderlegde marketeers, of voor iedereen die toegang heeft tot een developer. Hoewel ons product deze functie ondersteunt, kan ons supportteam je niet helpen met het opzetten van je aangepaste templates, behalve door de algemene richtlijnen te geven die in deze documentatie staan. Om de veiligheid van je gegevens te waarborgen, kan het supportteam van Klaviyo je HTML-bestanden niet openen.

Over e-mailannotaties

E-mailannotaties worden ondersteund in de mobiele inboxen van Gmail voor gebruikers met het tabblad Promoties ingeschakeld. Deze annotaties verschijnen alleen op het tabblad Promoties, niet in de primaire inbox.

Er zijn 3 soorten annotaties:

  • Deal/aanbieding
    Benadruk een deal of aanbieding, zoals een couponcode of gratis verzending, inclusief de vervaldatum van de deal.
Bolas baked goods deal annotation
Bolas baked goods deal annotation
  • Productcarrousel
    Geef een carrousel met productafbeeldingen weer, eventueel met productgegevens zoals naam en prijs.
Product carousel annotations
Product carousel annotations
  • Enkele afbeelding
    Toon één afbeelding, met optioneel extra tekst.
Single image annotations
Single image annotations

Als je deze code toevoegt, krijgt Gmail de optie om annotaties voor je e-mail weer te geven. Zelfs als een e-mail de code voor annotaties bevat, worden ze mogelijk niet aan elke ontvanger weergegeven. Gmail kiest wanneer en hoe annotaties worden weergegeven op basis van de instellingen van de ontvanger en de dichtheid van de inbox.

Voordat je van start gaat

Google onderhoudt een positieve lijst van afzenders die annotaties mogen gebruiken. Voordat je annotaties gebruikt, moet je aanvragen dat je merk wordt toegevoegd aan deze positieve lijst.

Als je wilt aanvragen dat Google je toevoegt aan hun positieve lijst voor annotaties, stuur je een e-mail naar p-Promo-Outreach@google.com met de volgende informatie:

  • Alle domeinen (bijv. example.com)
  • Alle subdomeinen (bijv. send.example.com, blog.example.com, marketing-messages.example.com)
  • Je landingspagina-URL('s) (bijv. je homepage)

Alle annotatiecode die je aan je berichten toevoegt, wordt genegeerd totdat je aan de positieve lijst van Google bent toegevoegd. Dat kan 7-10 werkdagen of langer duren.

Klaviyo heeft geen inzicht in het allowlisting-proces en kan je verzoek niet versnellen. Als je vragen hebt over het whitelisting-proces of de status van je verzoek, neem dan contact op met p-Promo-Outreach@google.com.

Annotaties aan je e-mails toevoegen

Voeg de volgende code toe in de bodysectie van je HTML-e-mailtemplate om e-mailannotaties toe te voegen. Er zijn 3 typen annotaties beschikbaar:

Aanbieding

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

Vervang de volgende placeholders in de code:

  • BESCHRIJVING
    Een korte (1-2 regels) tekstbeschrijving van de aanbieding
  • DISCOUNT_CODE
    De code die een ontvanger bij het afrekenen kan invoeren om de aanbieding te ontvangen
  • START_DATE_TIME
    De startdatum/-tijd van de aanbieding, met de ISO 8601-indeling
  • END_DATE_TIME
    De einddatum/-tijd van de aanbieding, met de ISO 8601-indeling

Productcarrousel

text
  <div itemscope itemtype="http://schema.org/PromotionCard">
    <meta itemprop="image" content="IMAGE_URL1"/>
    <meta itemprop="url" content="PROMO_URL1"/>
    // Optionally, include the following PromotionCard properties:
    <meta itemprop="headline" content="HEADLINE1"/>
    <meta itemprop="price" content="PRICE1"/>
    <meta itemprop="priceCurrency" content="PRICE_CURRENCY1"/>
    <meta itemprop="discountValue" content="DISCOUNT_VALUE1"/>
    <meta itemprop="position" content="POSITION"/>
  </div>
  // Build the second image preview in your product carousel:
  <div itemscope itemtype="http://schema.org/PromotionCard">
    <meta itemprop="image" content="IMAGE_URL2"/>
    <meta itemprop="url" content="PROMO_URL2"/>
    // Optionally, include the following PromotionCard properties:
    <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>
  // To include more image previews, add additional PromotionCard objects.
  // You can include up to 10 image previews in a product carousel.
Product carousel annotations
Product carousel annotations

Vervang de volgende placeholders in de code:

  • IMAGE_URL1, IMAGE_URL2, enz.
    De URL van een productafbeelding die je in de carrousel wilt weergeven. Ondersteunde beeldverhoudingen zijn 4:5, 1:1 en 1.91:1. De beeldverhouding voor elke afbeelding moet hetzelfde zijn.
  • PROMO_URL1, PROMO_URL2, enz.
    De URL naar een landingspagina voor ontvangers die op de productafbeelding klikken.
  • HEADLINE1, HEADLINE2, enz.
    Een korte productbeschrijving van 1 - 2 regels.
  • PRICE1, PRICE2, enz.
    De basisprijs van het product (alleen nummer, geen valuta).
  • PRICE_CURRENCY1, PRICE_CURRENCY2, enz.
    De drieletterige valutacode (bijvoorbeeld USD) voor de prijs van het artikel.
  • DISCOUNT_VALUE1, DISCOUNT_VALUE2, enz.
    Indien van toepassing: het bedrag waarmee een artikel is afgeprijsd (alleen nummer, geen valuta).
  • POSITIE
    (Optioneel) een getal dat de positie van dit item in de carrousel aangeeft.

Enkele afbeelding

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

Vervang de volgende placeholders in de code:

  • IMAGE_URL1
    De URL van een productafbeelding die in de carrousel wordt weergegeven. Ondersteunde beeldverhoudingen zijn 4:5, 1:1 en 1.91:1.
  • PROMO_URL1
    De URL naar een landingspagina voor ontvangers die op de productafbeelding klikken.

Over het automatisch extraheren van annotaties

Soms extraheert Google automatisch e-mailgegevens om annotaties toe te voegen, zelfs als een afzender de hierboven beschreven code niet heeft toegevoegd. Dit gebeurt naar goeddunken van Google en kan niet door de afzender worden beheerd.

Problemen met je annotaties oplossen

Google hanteert strikte vereisten voor annotations, en het kan om meerdere redenen zijn dat ze niet worden weergegeven. Als je annotations niet worden weergegeven nadat je de bovenstaande instructies voor het instellen in dit artikel hebt gevolgd, probeer dan de onderstaande stappen voor probleemoplossing:

Zorg ervoor dat je merk op de allowlist staat

Google houdt een beperkte positieve lijst bij van goedgekeurde merken die e-mailannotaties mogen gebruiken om spam en misbruik te voorkomen. Als je geen toegang hebt, moet je deze mogelijk aanvragen bij Google:

  1. Neem contact op met Google met behulp van de bovenstaande stappen.
  2. Houd rekening met 7-10 werkdagen voor een reactie.

Er is geen garantie dat je merk aan de positieve lijst wordt toegevoegd zodra je dit aanvraagt, aangezien dit uitsluitend naar goeddunken van Google wordt beheerd.

Controleer de kwaliteit van je afbeelding

Alle afbeeldingen die worden gebruikt voor e-mailannotaties moeten door het kwaliteitsfilter van Google komen. Afbeeldingen die niet aan de vereisten voldoen, worden niet weergegeven in de inbox. Zorg ervoor dat je afbeeldingen aan deze criteria voldoen:

  • Hoge kwaliteit (d.w.z. groter dan 500 KB)
  • Heb heel weinig, of zelfs geen, tekst
  • Zijn rechthoekig (gebruik geen mask om de afbeelding rond of in een andere vorm te maken)
  • Zijn minstens 256 × 256 pixels groot

Gebruik geen unieke afbeeldingen per ontvanger

Dezelfde afbeelding moet worden gebruikt voor alle ontvangers. Je kunt unieke trackingparameters toevoegen aan de promo-url, maar niet aan de afbeeldings-URL.

Vermijd het gebruik van tools die CID-afbeeldingen genereren (d.w.z. afbeeldingen die uniek zijn per ontvanger), omdat annotaties niet worden weergegeven als ze worden gebruikt.

Houd rekening met de dichtheidslimiet van Gmail

Google beperkt het aantal annotatieafbeeldingen dat een gebruiker tegelijk in zijn inbox kan zien (oftewel een "dichtheidslimiet"). Als de inbox van een ontvanger al meerdere recente e-mails met annotaties bevat, wordt die van jou mogelijk niet weergegeven om rommel te voorkomen. Deze limiet wordt volledig naar eigen inzicht van Google toegepast en kan niet door de afzender worden bepaald.

Let op: annotaties worden mogelijk niet weergegeven in voorbeeld-e-mailverzendingen

Annotaties worden doorgaans niet weergegeven in de inbox voor testmails die naar slechts enkele ontvangers worden verzonden. De functie Annotaties is ontworpen voor bulkverzendingen, dus annotaties worden waarschijnlijk alleen weergegeven wanneer een bericht naar > 100 ontvangers wordt verzonden.

Zorg dat je in het ondersteunde Gmail-tabblad kijkt

Annotaties worden alleen ondersteund om weer te geven in de Gmail-app op mobiel op het tabblad Promotions.

Annotaties worden niet ondersteund voor weergave in:

  • Alle andere tabbladen in de Gmail-app, behalve Promoties
  • Gmail bekeken in elke webbrowser (bijv. de mobiele of desktopsite)
  • Inboxen voor gebruikers die het tabblad Promotions niet hebben ingeschakeld in hun Gmail-instellingen
Was dit artikel nuttig?
Gebruik dit formulier alleen voor feedback op artikelen. Meer informatie over hoe je contact opneemt met support.

Ontdek meer van Klaviyo

Community
Maak contact met collega's, partners en Klaviyo-experts om inspiratie op te doen, inzichten te delen en antwoorden te krijgen op al je vragen.
Partners
Huur een Klaviyo-gecertificeerde expert in om je te helpen met een specifieke taak of voor doorlopend marketingbeheer.
Support

Krijg ondersteuning via je account.

E-mailsupport (gratis proefperiodes en betaalde accounts) 24/7 beschikbaar

Chat-/virtuele assistentie
Beschikbaarheid varieert per locatie en type abonnement