Materialspecifikation Display
Denna guide riktar sig till dig som har köpt displayannonsering i NTM Medias kanaler och vill producera ditt eget annonsmaterial.
Generella riktlinjer
Riktlinjer för HTML5-annonser på NTM Medias siter. Material som inte uppfyller kraven godkänns inte. Annonser hanteras via Google Ad Manager och visas i en iframe utan åtkomst till sidans övriga innehåll.
- Leverera materialet som en ZIP-fil (max 1 MB uppackat). Externt hostat material kan vara större.
- Filstorleken mäts i webbläsaren och inkluderar alla resurser (scripts, typsnitt, bilder m.m.).
- Annonsen ska ligga inom sin iframe/safeframe, inte bryta sig ur den och helst fylla 100% av ytan.
- Använd relativa sökvägar internt och absoluta HTTPS-länkar för externa resurser (max 100 anrop). Totalt max 15 requests per annons.
- Annonsen ska börja rendera visuellt inom 0,5 sekunder och följa Chromes regler för “heavy ad intervention”.
- Använd CSS-animationer istället för JavaScript. Animationer får max vara 30 sekunder och ska inte ske på dolda element.
- Följ ClickTag-riktlinjer. Inget får loggas i webbläsarkonsolen.
- Video över 150 KB får endast laddas efter användarinteraktion. Video under 150 KB får autostarta utan ljud. Ljud får endast startas vid interaktion (aldrig autostart med ljud).
- SVG stöds inte inline i HTML, men externa .svg-filer kan användas. Material som laddas efter interaktion räknas inte in i totalvikten.
- Huvudfilen ska heta index.html och annonsen får inte innehålla scroll (ingen scrolljacking).
GIF
Då en enstaka bildfil ska användas för animerat innehåll ska denna levereras i formatet GIF med en filstorlek som överensstämmer med det aktuella formatets maxvikt och dimensioner. Se resp. produkt här i Ocast för spec kring detta.
JPG/PNG
Annonser som produceras som statiska bilder ska levereras i filformaten JPG eller PNG med en filstorlek som överensstämmer med det aktuella formatets maxvikt och dimensioner. Se resp. produkt här i Ocast för spec kring maxvikt och dimensioner.
MP4
Videoannonser levereras i filformaten MP4 med en filstorlek som överensstämmer med det aktuella formatets maxvikt och dimensioner. Se resp. produkt här i Ocast för spec kring maxvikt och dimensioner.
ClickTag
Variabeln clickTag bör användas som definition för click-through URL i alla klickbara ytor i annonsen. Detta för att vi ska kunna mäta klick. Vi rekommenderar alltså att använda clickTag dvs att INTE hårdkoda click-through URL:en. GAM (Google Ad Manager) varnar om det saknas korrekt clickTag eller om det finns en URL hårdkodad i annonsen. ClickTagen skall vara enkel för ad servern att läsa av, använd ingen minification eller obfuscation. (Däremot är det inga problem att använda det på resten av materialet) Scriptet för clickTag variabeln måste ligga i head-taggen. Försäkra er om att alla ytor som ska vara klickbara använder clickTag-variabeln som definition för click-through URL. Se exempel nedan.
————————————————————————
<html>
<head>
<meta name=”ad.size” content=”width=320,height=320″> <script type=”text/javascript”>var clickTag = ”http://www.google.com”; </script>
</head>
[The rest of your creative code goes here.] </html>
OBS! Försäkra er om att ytor som ska vara klickbara använder clickTag-variabeln som definition för click-through URL:
<a href=”javascript:window.open(window.clickTag)”> <img src=”images/dclk.png” border=0>
</a>
Struktur, paketering och leverans
Eftersom HTML inte kan komprimeras och levereras till en enda fil så är det viktigt att beakta filstrukturen. Ert kreativa material bör baseras på en index-fil som ska heta index.html. Detta är huvudfilen som kommer att laddas in först och initiera andra komponenter som t ex CSS- och JavaScript-filer. Klicktracking-komponenten som nämns ovan ska befinna sig i index.html-filen. Materialen ska levereras i individuella .zip-filer som innehåller alla kreativa resurser i rotmappen. Resurser och bibliotek ska inte levereras i separata mappar som
t ex “img”, “css”, “js”-mappar.
Vill du ha hjälp med din annonsproduktion?
Våra annonsproducenter finns tillgängliga att hjälpa dig när du behöver hjälp.