Programmatisk Display

Om du vill producera annonsmaterialet på egen hand så behöver du följa våra specifikationer för våra olika annonsformat. 

Obs!
Vänligen notera att det finns särskilda specifikationer för våra premiumformat Helsida/Topscroll samt samlingsannonser. 


Statiska bilder 
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.

Animerade bilder
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. 

HTML5-annonser
Nedan följer instruktioner för produktion av HTML5-baserade annonser som ska användas för annonsering på våra siter inom NTM Media. Material som inte lever upp till nedanstående specifikation kommer dessvärre inte godkännas. Vår adserver GAM (Google Ad Manager) hanterar HTML5-annonser producerade enligt Googles riktlinjer. 
Annonsen levereras i en iframe som använder postMessage för att kommunicera med siten. Annonsen existerar inom iframe och har inte tillgång till info utanför.

Generella specifikationer:

Materialet ska levereras packat i en ZIP-fil. I uppackat läge får den inte överstiga 1MB. Hostas materialet externt kan detta överskridas.
Filstorleken mäts i webbläsaren och inkluderar externa referenser som externa script, typsnitt, mätverktyg och bilder.
Materialet får inte bryta sig ur sin iframe/safeframe.
Följ rekommendationer för ClickTag, se nedanstående.
Vi ser helst att annonsen fyller 100% av den iframe den visas i.
Alla referenser till resurser ska använda relativa sökvägar.
Referenser till externa resurser som webbsidor, bilder eller filer måste vara absoluta och endast anropas med HTTPS över en säker SSL-anslutning. Max 100 HTTPS anrop.
Materialet ska börja rendera visuella element inom 0,5 sekunder.
Använd CSS för animationer istället för JavaScript-bibliotek.
SVG inom HTML stöds inte. Stand-alone .svg-filer kan dock inkluderas och användas som referenspunkter i HTML-materialet.
Video större än 150kb får endast laddas in efter användarinteraktion. (Får inte laddas in förrän användaren har interagerat med den på något sätt, till exempel klickat på den. Det är ett sätt att spara på datatrafiken och upprätthålla en snabb och effektiv webbplats)
Video under 150kb får autostarta, dock utan ljud. Ljud kan startas vid användarinteraktion. (Videon kommer automatiskt att starta när användaren öppnar den, utan att ljudet börjar spela. Om användaren vill höra ljudet måste de interagera med videon, till exempel genom att trycka på play-knappen)
Video får aldrig autostarta med ljud. <video muted …>
Följ Chromes regler för heavy ad intervention (Uses main thread for more than 60 seconds in total, Uses main thread for more than 15 seconds in 30 seconds window, Uses more than 4 mb of network bandwidth).
Animering av element får inte överstiga 30 sekunder.
Animera aldrig gömda element.
Loopning av annons ska ha med detta i koden, detta för att det ska fungera i alla webbläsare. <video muted autoplay loop playsinline>
Material inladdat efter användarinteraktion räknas inte till annonsens totalvikt.
Försök få ner antalet anrop - Maximalt antal anrop (requests) är 15 st per annonsmaterial.
Materialets huvudfil ska döpas till index.html.
Ingenting får loggas i webbläsar-konsolen.
Det får inte gå att scrolla i annonsen, då detta förhindrar scroll på site (scrolljacking).


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. 

Materialinlämning
När du som företagskund har bokat annons i någon av våra kanaler genom en säljare hos oss får du ett mejl med en inlämningslänk. Via länken kan du enkelt ladda upp din annons eller ditt manus/material till din bokning. Våra kreativa vänner på annonsproduktion hjälper till att hantera din annonskampanj oavsett om det är färdigt material eller annons som ska produceras.  
Har du inte fått något mejl med inlämningslänk eller har du frågor kring material? 
Kontakta då produktionsledningen för annonsproduktion på produktionsledare@ntm.se eller 0752 45 63 00. 
Kontoret är bemannat vardagar mellan 08:00-17:00 med undantag för dag innan röd dag då kontoret stänger kl 12:00. Vid kontakt med produktionsledning, ha ditt ordernummer redo för snabbare hjälp och hanteringen. 
Du kan också lämna in material för printannonsering via vårt öppna formulär som du hittar här.
Färdigt material ska lämnas in senast kl 09:00 2 arbetsdagar före annonsinförandet*.
Manus/material för produktion ska vara inne kl. 9:00 3 arbetsdagar innan annonsinförandet*. 
*Observera att för print kan särskilda stopptider gälla beroende på när tidningen/bilagan trycks. I mejlet med inlämningslänk står den aktuella stopptiden.
 

Ett annonsformat med högt observationsvärde.

Exempel:
Mobil (bild)
Video
Att tänka på vid produktion
Observera att det är olika dimensioner beroende på om det är bild, video eller HTML som ska produceras. Se rubriken Asset Specs under respektive format på https://www.adnami.io/specs för aktuella dimensioner.
Viktigt! Tänk också på att placera ditt huvudbudskap inom safe zone för att inte riskera att viktigt innehåll faller bort. Kontrollera safe zone via länken nedan 
https://www.adnami.io/creative-validation-mobile-midscroll-image

Helsidor

Viktigt! Tänk på att placera ditt huvudbudskap inom Safezone för att inte riskera att viktigt innehåll faller bort. 

Nedersta delen av annonsen kan komma att kapas  beroende på besökarens skärmratio. Därför är det viktigt att inga logotyper, texter eller annan information placeras i de nedersta 50 pixlarna från botten för annonsmaterial som produceras för mobilen samt de nedersta 150 px från botten för de annonsmaterial som produceras för desktop. Denna information kan komma att kapas bort.

Upp i högre hörnet placerar vi en knapp för att besökaren ska kunna välja att stänga ner annonsen, tänk därför på att inte placera viktigt information 80 px från toppen i högra hörnet av annonsen. 

Samlingsannons (snurra) 
För denna typ av samlingsannons har vi specifika mått per del. 

Bakgrundbild
En samlingsannons ska innehålla en bakgrundsbild som levereras separat. Bakgrundsbilden ska ha samma mått som aktuell annonsposition (980x360, 640x320 och 320x320 ).  Maxvikt 250 kb. Filformat jpg eller png

Headerbild
Samlingsannonserna kan innehålla en headerbild, detta är valfritt. Headerbilden ligger fast i vänstra hörnet och bredden är valfri, maxhöjd 80 pixlar. Vi rekommenderar omkring 250x65 pixlar. Tänk på att den ska fungera över alla tre storlekar och att den blir en aning mindre i mobil och modul. Maxvikt 250 kb. Filformat jpg eller png.
Annonsbilder
Samlingsannonsen kräver minst 5 annonsbilder. Annonsbilderna ska vara i storleken 540x670 pixlar vilket är ungefär dubbelt så stora som de är i samlingsannonsen, därför måste allt öka i storlek, inklusive text. Maxvikt 250 kb. per annonsbild. Filformat jpg eller png.

Att tänka på vid produktion av Topscroll
Toppscroll nyttjar samma annonsyta som Helsidan, men behöver byggas enligt en egen separat specifikation som ni hittar här: 
Se separat spec hos Adnami

Observera att det är olika dimensioner beroende på om det är bild, video eller HTML som ska produceras. Se rubriken Asset Specs under respektive format på https://www.adnami.io/specs för aktuella dimensioner.
Viktigt! Tänk också på att placera ditt huvudbudskap inom safe zone för att inte riskera att viktigt innehåll faller bort. Kontrollera safe zone länken nedan
Desktop
https://www.adnami.io/creative-validation-desktop-topscroll-image
Mobil
https://www.adnami.io/creative-validation-mobile-topscroll-image