Gmail-advertenties maken met aangepaste html

Vanaf 1 juli 2021 worden campagnes met Gmail-advertenties 'alleen-lezen'. Dit betekent dat adverteerders na deze datum geen nieuwe Gmail-campagnes meer kunnen maken en geen wijzigingen kunnen aanbrengen in bestaande Gmail-campagnes, waaronder wijzigingen in bestaande Gmail-advertenties.

Als u advertenties wilt blijven weergeven in Gmail, kunt u het best een Discovery-campagne maken. Discovery-advertenties zijn niet alleen zichtbaar via Gmail, maar ook op andere Google-services, zoals YouTube en Discover. Wereldwijd kunt u zo meer dan drie miljard mensen bereiken. Meer informatie over hoe u Discovery-advertenties maakt en beheert

Aangepaste html is geschikt voor gevorderde adverteerders en stelt u in staat advertenties te maken die anders zijn dan wanneer u met Gmail-advertentietemplates werkt. In deze advertenties kunnen video en meerdere call-to-actions worden opgenomen. Upload uw aangepaste html-bestanden in Google Ads als u voor uw Gmail-advertenties een eigen lay-out wilt gebruiken. 

In dit artikel wordt uitgelegd hoe u uw aangepaste Gmail-advertenties kunt configureren en uploaden.

Voordat u begint

Belangrijk: Aangepaste html-advertenties voor Gmail behouden een bestemmings-URL-opmaak en zijn niet compatibel met uiteindelijke URL's en trackingtemplates. Meer informatie over geüpgradede URL's.

Instructies

De aangepaste HTML-advertentie voor Gmail is een gezipte map met alle bestanden voor uw samengevouwen en uitgevouwen advertentie. Let op de strikte opmaakspecificaties hieronder om problemen te voorkomen.

De algemene formaatlimieten van uw advertentie zijn de volgende:

  • Uw totale gezipte map: <1,25 MB
  • Aantal bestanden: <100 bestanden
  • Bestandsgrootte: <500 KB

Uw samengevouwen advertentie maken

Voeg voor uw samengevouwen advertentie twee bestanden toe aan uw gezipte map:

  • De logoafbeelding ('logo.png', 'logo.jpg' of 'logo.gif')
  • Het tekstbestand ('teaser.txt')

Specificaties logoafbeelding

Het bestand moet de naam 'logo.png', 'logo.jpg' of 'logo.gif' hebben en de bestandsindeling moet PNG, JPG of GIF zijn.

  • Formaat logoafbeelding: maximaal 144 x 144 pixels met beeldverhouding 1:1
  • Maximale bestandsgrootte: 150 kB
  • Bestandsindelingen: PNG, JPG of GIF (geen animatie)

De logoafbeelding is een klein pictogram, kleine afbeelding of klein merklogo.

De afbeelding wordt weergegeven als een vierkant van 50 x 50 op apparaten met een normale resolutie, maar we accepteren maximaal 150 kB voor een duidelijkere afbeelding op sommige schermen.

Specificaties tekstbestand

Het bestand moet exact de naam 'teaser.txt' hebben en de bestandsindeling moet TXT zijn. Hier is een voorbeeld van een correct opgemaakt tekstbestand.

Adverteerder: bedrijfsnaam
Onderwerp: 20% korting op alles bij bedrijfsnaam
Beschrijving: Koop nieuwe producten tegen lage prijzen!
Zichtbare URL: www.example.com
Bestemmingspagina: https://www.example.com/sale

Opmerking: Houd u nauwkeurig aan het voorbeeld en geef de koppen in het Engels op, precies zoals hieronder wordt aangegeven. Vermeld bovendien zowel de categorie (bijvoorbeeld 'Adverteerder') als uw specifieke gegevens. In de onderstaande tabel vindt u de tekenlimieten en meer informatie over wat u moet opnemen.

Kop Tekenlimiet Op te nemen informatie
Advertiser 20 De naam of het domein van uw bedrijf.
Subject 25 Uw titel kan een aanbieding, kortingspercentage of interessante aankondiging bevatten.
Description 90 Uw beschrijving kan een korte samenvatting of een call-to-action zijn.
Display URL 32 Uw URL zoals die in uw advertentie wordt weergegeven.
Landing page geen limiet Omleiding van teaser: wordt gebruikt als bestemmings-URL voor klikken op de 'Korte URL die wordt weergegeven door de afzender' wanneer de uitgevouwen advertentie is geopend. U kunt in dit veld een statische URL voor het bijhouden van klikken opgeven. Dit is de pagina die wordt geopend nadat iemand op uw zichtbare URL heeft geklikt.

 

Uw uitgevouwen advertentie maken

Voeg voor uw uitgevouwen advertentie een html-bestand en een map met afbeeldingen toe aan uw gezipte map:

  • Map met afbeeldingen voor de uitgevouwen advertentie (met de naam 'Images')
  • Html-bestand met de naam 'index.html'

Specificaties map met afbeeldingen

  • Uw advertentie moet ten minste één afbeelding bevatten en kan maximaal honderd afbeeldingen bevatten. Voor informatie over het insluiten van video's in uw uitgevouwen advertentie gaat u hieronder naar 'Video toevoegen'.
  • Maximale breedte per afbeelding: 650 pixels
  • Maximale hoogte per afbeelding: 1000 pixels (Opmerking: Voor zo effectief mogelijke advertenties raden we u aan een maximale hoogte van 650 pixels toe te passen op uw totale advertentiecanvas. Dit canvas bevat al uw tekst en afbeeldingen.)

Specificaties html-bestand

Technische gegevens

  • URL's: Moet ten minste één absolute URL bevatten (kan er maximaal vijftien bevatten) en alle speciale tekens moeten gecodeerd zijn (bijvoorbeeld spaties, #).
  • Indeling: Beheer de lay-out met standaard html-tabellen voor een consistente presentatie op verschillende apparaten.
  • Tracking: Statische tracking-URL's kunnen worden gebruikt voor het bijhouden van externe klikken. Trackingpixels voor vertoningen en dynamische tracking-URL's zijn niet toegestaan. Als u de template 'Aangepaste html-advertentie voor Gmail' gebruikt, voeg dan de tracking-URL's die u wilt gebruiken toe aan het bestand 'index.html' en het bestand 'teaser.txt'.
  • Opmerking: Html (gebruik UTF8-codering), bepaalde html5-tags ("ARTICLE", "ASIDE", "FIGCAPTION", "FIGURE", "FOOTER", "HEADER", "MARK", "SECTION", "TIME", "WBR") en bepaalde css-eigenschappen (stijlkenmerk alleen voor tags, bijvoorbeeld <div style="color: black" >) worden ondersteund.

Opmaak die niet is toegestaan

  • JavaScript: <script>-tags worden automatisch verwijderd uit de advertentie
  • Stylesheets: <link>-tags worden automatisch verwijderd uit de advertentie
  • Flash
  • Html5: de enige ondersteunde tags zijn "ARTICLE", "ASIDE", "FIGCAPTION", "FIGURE", "FOOTER", "HEADER", "MARK", "SECTION", "TIME", "WBR"
  • Audio
  • Iframes
  • Animatieafbeeldingen: gif's

Ondersteunde css

azimuth border-right-color font-size-adjust list-style padding-bottom text-decoration-style
background border-right-style font-stretch list-style-image padding-left text-emphasis
background-attachment border-right-width font-style list-style-position padding-right text-emphasis-color
background-blend-mode border-spacing font-synthesis list-style-type padding-top text-emphasis-style
background-clip border-style font-variant margin pause text-indent
background-color border-top font-variant-alternatives margin-bottom pause-after text-justify
background-image border-top-color font-variant-caps margin-left pause-before text-kashida-space
background-origin border-top-left-radius font-variant-east-asian margin-right pitch text-orientation
background-position border-top-right-radius font-variant-ligatures margin-top pitch-range text-overflow
background-repeat border-top-style font-variant-numeric marker-offset quotes text-transform
background-size border-top-width font-weight max-height richness text-underline-position
border border-width height max-width speak unicode-bidi
border-bottom box-sizing image-orientation min-height speak-header vertical-align
border-bottom-color caption-side image-resolution min-width speak-numeral voice-family
border-bottom-left-radius clear ime-mode mix-blend-mode speak-punctuation white-space
border-bottom-right-radius color isolation object-fit speech-rate width
border-bottom-style direction layout-flow object-position stress word-break
border-bottom-width display layout-grid opacity table-layout word-spacing
border-collapse elevation layout-grid-char outline text-align word-wrap
border-color empty-cells layout-grid-char-spacing outline-color text-align-last writing-mode
border-left float layout-grid-line outline-style text-autospace zoom
border-left-color font layout-grid-mode outline-width text-combine-upright  
border-left-style font-family layout-grid-type overflow text-decoration  
border-left-width font-feature-settings letter-spacing overflow-x text-decoration-color  
border-radius font-kerning line-break overflow-y text-decoration-line  
border-right font-size line-height padding text-decoration-skip  

Een video toevoegen aan uw uitgevouwen html-advertentiebestand

  1. Een video toevoegen

    U kunt een YouTube-video met een voorbeeldvenster in een advertentie insluiten. Wanneer een computergebruiker op de videoafbeelding klikt, wordt de video afgespeeld in een lightbox binnen Gmail. Nadat de gebruiker de video heeft bekeken, wordt de uitgevouwen Gmail-advertentie weer getoond. Op een mobiel apparaat wordt de video afgespeeld in de aangewezen videospeler van de gebruiker (zoals de YouTube-app of een browser). 

    Instructies: Als u een YouTube-video wilt toevoegen, codeert u de YouTube-link, afbeeldingsbron en weergavetekst voor uw advertentie. Bijvoorbeeld:

    <a href="http://www.youtube.com/watch?v=oHg5SJYRHA0"><img src="images/play.jpg" alt="Gmail Video"></a>

    Opmerking: Wanneer u een voorbeeld van de advertentie bekijkt in Google Ads, wordt de YouTube-video niet getoond of afgespeeld in de lightbox.

  2. Een video toevoegen in een nieuw tabblad

    Als u wilt dat de video in YouTube in een nieuw tabblad wordt afgespeeld in plaats van in een lightbox, stelt u de class 'nonplayable' in.

    Bijvoorbeeld:

    <a href="http://www.youtube.com/watch?v=oHg5SJYRHA0" class="nonplayable"><img src="images/play.jpg" alt="Gmail Video"></a>

  3. Belangrijk: Neem een afspeelknop op in uw voorbeeldweergave.

    Laat mensen zien dat door het klikken op de afbeelding een video wordt afgespeeld door een soort afspeelknop in uw voorbeeldweergave op te nemen. Google Ads voegt niets toe aan voorbeeldweergaven om aan te geven dat het video betreft.

Gerelateerde links

Was dit nuttig?
Hoe kunnen we dit verbeteren?

Meer hulp nodig?

Log in voor extra supportopties om uw probleem snel op te lossen