Materialspecifikation

• Ljud får endast aktiveras vid klick – ej mouse-over.
• Ljudet måste ha en på-/av-knapp.

MATERIALINLÄMNING

• Material ska vara Köket tillhanda senast:
• * 3 arbetsdagar innan kampanjstart för vanliga annonsformat
• * 5-15 arbetsdagar innan kampanjstart för specialformat
• Materialet mailas till adops@bonniernews.se

Vid sen materielleverans kan inte önskat startdatum garanteras.

Övriga materialkrav

• Annonsproducenten ansvarar för materialets funktionalitet och utformning.
• Materialet får inte utformas på så sätt att annonsen kan misstas för redaktionellt innehåll.
• Materialet får inte innehålla kod som kan vara skadlig för användaren.

HTML5 – Klickmätning

För att klickmätning ska fungera i vårt annonssystem så krävs att en scriptfil för detta inkluderas i index.html:

<script src="https://fusion.adtoma.com/spl/html5clickcount.js"></script>

Skriptet måste laddas innan referenser till “clickTag”-variabel görs.

Annonssystemets klickräknare och landdningssidan kommer tilldelas till en javascript-variabel som heter clickTag, vilken annonsmaterialet ska hänvisa till vid klick.

Två scenarion beskrivs nedan, första är om urlen ska administreras av annonssystemet, den andra om länken är hårdkodad i materialets html- eller JavaScript-kod.

1) Länken sköts av annonssystemet

Detta innebär att kampanjsupport enkelt kan ändra länken vid behov utan att materialets html-kod behöver uppdateras.

Alla länkningsreferenser måste ändras så att de använder variabeln clickTag istället:

window.open("http://www.annonsor.se/sektion/", "_blank");

Detta ska ändras till:
 
 window.open(clickTag, "_blank");

Om ni har flera olika destinationslänkar i materialet använd clickTag2, clickTag3 osv.

2) Länken hårdkodas i materialet

Detta kan vara nödvändigt om länken är dynamisk t ex. Då kan clickTag-parametern läggas till före länken:
window.open(clickTag+"http://www.annonsor.se/sektion/", "_blank");
Eller så här:
window.open(clickTag+dynamicUrlObject, "_blank");
Om destinationslänken innehåller specialtecken som ? eller & ska länken URL- encodas:
window.open(clickTag+encodeURIComponent("http://www.annonsor.se/sektion/?va r1=value1&var2=value2"), "_blank");
Meddela Adops om länken är hårdkodad i materialet.

HTML5-material

GENERELL INFORMATION

Vi använder Adtoma Fusion som annonshanteringssystem (adserver) och riktlinjerna nedan är skrivna för att fungera med detta system.

• Vi använder oss av friendly iframes som leveranssätt.
• Det är inte tillåtet att bryta sig ut från iframe (frame busting). Kontakta Adops om formatet kräver det.
• Animering av element får inte överstiga 30 sekunder.
  
• Material måste påbörja rendering av visuella element inom 0,5 sekunder.
  
• Genomsnittlig processoranvändning ska vara maximalt 30%, med maximal topp på 60%.
• Maximalt antal anrop (requests) är 15 st per annonsmaterial.
  
• Materialets huvudfil ska döpas till index.html.
• Relativa sökvägar ska användas till resurser och filer i materialet.
• Referenser till externa resurser1 ska vara absoluta och starta med https//: och måste stödja SSL/TLS.
• Det är inte tillåtet förhindra scroll2.
• JavaScript console-metoder är inte tillåtna.
• Geo Location och liknande Web API:er som kräver användares godkännande får enbart användas efter användarinteraktion.

1 Så som CDN och externa fontbibliotek.
2 Använd inte touchstart som trigger för interaktion (eftersom touchstart triggas vid scroll)

FILSTORLEK

Vi mäter materialens totala vikt eftersom HTML5 består av flera olika resurser och kontrollerar hur varje resurs laddas in och i vilken ordning.
Filstorleken beräknas på alla resurser inklusive spårningsskripts, JavaScript- bibliotek, font-filer, stilmallar etc.
Ni kan välja att använda vitlistade CDN:er, men dessa kommer att räknas in i den totala filstorleken på materialet.
Viktigt: Om ert material kräver att gränsen överskrids, kontakta Adops i god tid.
Notera att mätskript och skript från 3:e-part så som Google, Sizmek och Adform räknas in som en del av totalvikten. Det innebär att man som annonskreatör inte kan använda lika mycket av totalvikten till annonsmaterialet när man levererar annonser med mätskript eller levererar via 3:e-part, då mätskriptet och/eller 3:e-partskriptet kommer ta delar av totalvikten.
Kom ihåg att det är fullt möjligt att ladda in extra resurser efter användarinteraktion. Dessa resurser räknas inte in i de totala initiala storleksbegränsningarna.

PRESTANDA

•  Bonnier News testar allt material genom Advalidation.com enligt specifika parametrar. Material som blir underkänt i testerna kommer ej godkännas.
• Försök använda CSS för animationer så långt det går istället för JavaScript- bibliotek.
• Animera aldrig gömda element.
• Försök få ner antalet anrop.
• Undvik att ladda in tungt material som t ex video innan användarinteraktion. 

STRUKTUR, PAKETERING OCH LEVERANS

Eftersom HTML inte kan komprimeras och levereras till en enda fil så är det viktigt att beakta filstrukturen.

Materialet 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. Nödvändig kod för clicktracking ska också ingå i index.html-filen.

Vid leverans av flera annonser ska dessa paketeras i individuella zip-filer.