In dit artikel vindt u richtlijnen voor het maken en uploaden van gezipte HTML5-pakketten voor advertentiemateriaal naar Google Ad Manager.
De richtlijnen zijn van toepassing op elke browser die HTML5 ondersteunt. Bepaald advertentiemateriaal werkt mogelijk niet zoals gewenst. Test de HTML5-code voordat u deze implementeert.
Op deze pagina:
- Check of uw pakket werkt met SSL
- Zorg voor de juiste structuur van het zip-bestand
- Kies de juiste omgeving voor Google Web Designer
- Dimensies definiëren
- Kliktags en doorklik-URL's instellen
Check of uw pakket werkt met SSL
HTML5-advertentiemateriaal moet werken met SSL om op HTTPS-sites te kunnen worden weergegeven.
Zorg voor de juiste structuur van het zip-bestand
Zorg dat uw zip-bestand aan de volgende vereisten voldoet als u uw HTML5-advertentiemateriaal voorbereidt voor uploaden:
- Juiste structuur: Het primaire HTML-bestand en alle bijbehorende componenten (afbeeldingen, scripts, css) moeten zich op het hoofdniveau van het zip-archief bevinden of in duidelijk vermelde submappen. Plaats het primaire HTML-bestand niet in meerdere submappen.
- Geen beschadiging: Controleer of het zip-bestand niet beschadigd is en correct is gecomprimeerd. Pak het bestand lokaal uit om de integriteit ervan te controleren voordat je het uploadt.
- Alle componenten opgenomen: Alle waarnaar wordt verwezen (afbeeldingen, css, JavaScript-bestanden) moeten in het zip-bestand zijn opgenomen. Vermijd externe hosting van essentiële componenten van advertentiemateriaal, tenzij dit expliciet wordt ondersteund en op de toelatingslijst staat in Ad Manager. Zorg dat alle bestandspaden in uw HTML relatief zijn en correct naar de items in de zip-structuur verwijzen.
Kies de juiste omgeving voor Google Web Designer
Als u Google Web Designer heeft gebruikt om HTML5-advertentiemateriaal te maken, selecteert u de Display & Video 360-omgeving.
Dimensies definiëren
- Gebruik de metatag
sizeom de afmetingen te definiëren die moeten worden gebruikt om de advertentie weer te geven:<meta name="ad.size" content="width=[x],height=[y]">HTML5-advertentiemateriaal kan alleen vaste afmetingen hebben. Voorbeelden:300x250,400x400,728x90. Dynamische formaten zoalsFluidworden niet ondersteund.Voorbeeld
<meta name="ad.size" content="width=300,height=250"> - Voor HTML-bestanden voor advertentiemateriaal in Google Web Designer-pakketten mogen de eigenschappen
minWidthenminHeightvan de parametercreativePropertiesniet nul zijn.Voorbeeld
De volgende code resulteert in een fout:"creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}
Kliktags en doorklik-URL's instellen
Een uitstappunt is een klikbaar gebied dat de browser naar een bestemmingspagina leidt. Kliktags definiëren doorklik-URL's voor elk uitstappunt in uw HTML5-advertentiemateriaal.
Als op een uitstappunt wordt geklikt, roept het advertentiemateriaal Ad Manager aan voor de bijbehorende doorklik-URL.
- Stel de uitstap-URL in uw advertentiemateriaal of advertentie in, afhankelijk van uw behoeften en het type advertentiemateriaal. Als u kliktags instelt in zowel uw advertentiemateriaal als advertentie, heeft de instelling op advertentieniveau voorrang. Meer informatie over het toevoegen van HTML5-uitstappunten (waaronder uitstappunten via Google Web Designer).
Ad Manager detecteert kliktags wanneer u items uploadt. U kunt de doorklik-URL die door een kliktag wordt gebruikt, op elk gewenst moment wijzigen, ook nadat u tags heeft geëxporteerd.
- Voeg kliktags in de
<head>van uw HTML-documenten in.Voorbeeld<head>
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTag = "http://www.google.com";
</script>
</head>
- Gebruik de variabele
clickTagals bestemming in advertentiemateriaal.Voorbeeld<a href="javascript:void(window.open(clickTag))">
<img src="images/dclk.png" border=0>
</a> - Maak kliktags gemakkelijk leesbaar voor de advertentieserver. Kliktags mogen geen verkleining of vermomming bevatten. U kunt verkleiners gebruiken in de rest van uw code en in andere bestanden.
- Gebruik geen hardgecodeerde doorklik-URL's. Hardgecodeerde URL's voorkomen dat Ad Manager klikken bijhoudt en traffickers kunnen de URL niet updaten. Ad Manager waarschuwt u als er hardgecodeerde URL's in uw HTML5-code staan op het moment dat u het pakket uploadt.