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: bedrijfsnaamOnderwerp: 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
-
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.
-
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>
-
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
- Ga voor de basisprincipes naar Over Gmail-advertenties.
- Ga naar Webpagina's en apps uitsluiten als u Gmail-advertenties wilt uitsluiten van uw campagne.