MATERIAL SPECIFIKATION

Download Report

Transcript MATERIAL SPECIFIKATION

 MATERIAL SPECIFIKATION Deadlines •
•
•
Standardformat material ska vara oss tillhanda senast 3 arbetsdagar före publicering, för att vi ska kunna garantera att kampanjer kommer upp i tid och säkerställa leveransen. Specialformat (interstitial, wallpaper, expanderande) material ska vara oss tillhanda senast 5 arbetsdagar före publicering, för att vi ska kunna garantera att kampanjer kommer upp i tid och säkerställa leveransen. Frågor och materialet mailas till [email protected] cc’a gärna säljare. Format Desktop Dimensioner Maxvikt Filtyp Kommentar Panorama desktop 980x240/980x300/980x400px 125 kB Flash, GIF, JPG, PNG, skript, HTML5 Rektangel #1,#2, #3 980x240/980x300/980x400px 125 kB Flash, GIF, JPG, PNG, skript, HTML5 Wallpaper: Bakgrunden levereras som EN bild 1600x1100 px + En panorama 1000x240px Synlig yta vänster: 300x1100px Gör mittsektionen transparent: 1000x1100px Synlig yta höger: 300x1100px 125 kB 125 kB Se mer info nedan Interstitial desktop Panorama expanderande 800x600px 980x240-­‐> 980x550px 125 kB (även för flash) 125 kB GIF, JPG, PNG Flash, GIF, JPG, PNG, skript, HTML5 Flash, GIF, JPG, PNG Flash, skript, HTML5 Expanderar nedåt, se mer info nedan Outsider Sticky Vänster eller Höger 250x800 100 kB Flash, GIF, JPG, PNG, skript, HTML5 Se mer info nedan Format Tablet & Mobil Dimensioner Maxvikt Filtyp Sajt Panorama tablet stående Panorama tablet liggande Interstitial mobil, TOP, MID, BOTTOM 680x300px 980x240px 320x320px (går även att köra 320x80 och 320x160) 65 kB 65 kB 40 kB GIF, JPG, PNG GIF, JPG, PNG GIF, JPG, PNG, skript, HTML5 GIF, JPG, PNG, skript, HTML5 Se utförlig specifikation nedan Måste innehålla stängknapp, se mer info nedan Innan våra annonser publiceras testar vi dem i vårt valideringsprogram Advalidation. Där kan vi utläsa vikt, CPU, vilka externa resurser som laddas in m.m. Vi ber er följa riktlinjerna i denna materialspecifikation. Banners med en vit eller väldigt ljus bakgrund måste ha en solid mörk ram med minst 1px border. Flash annonser •
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
Max framerate: 18 fps Vi rekommenderar flashversion 8 till 10 och AS2 för bästa kompabilitet För att producera material i AS3 behövs en AS3 clickTAG, kontakta oss för mer info. Ladda inte externa resurser i annonserna eller samla inte in cookiedata utan överenskommelse med oss Ljud i annonsen får inte starta automatiskt utan måste startas av användaren via klick (ej mouse over). Annonser med vit eller väldigt ljus bakgrundsfärg måste ges en mörk ram Över hela annonsens yta ska en knapp läggas med följande kod: on (release) { getURL(_root.clickTAG, '_blank'); } Bygga material polite (ex. streama video, högupplösta bilder m.m.) Vid tunga resurser som ska laddas in på en banner såsom video, högupplösta bilder och dylikt vill vi att ni bygger ert material polite så att dessa tyngre vikter laddas in efter sajten, d.v.s. after onload. Observera att vår maxvikt på formatet (som ni finner ovan) är den vikten som är ok att laddas in initialt och prior to onload, resterande vikt ska laddas in sekundärt. Definitionen av att bygga polite betyder att den tyngre filen alltså laddas in after onload och då tar hänsyn till uppladdningen av sajten. Vi har satt denna gräns/marker vid 4,5 sekunder och därefter kan den tyngre vikten laddas in, efter marker är maxvikt upp till 500 kB ok. Detta för att vi vill undvika att material kan komma att sega ner sajten i sin helhet. För mer information om detta kontakta oss. Viktigt angående flash annonser Tänk på CPU-­‐användningen. På vissa siter laddas flera annonser samtidigt i användarens browser. CPU-­‐intensiva annonser försämrar siternas prestanda och tas därför ned. Komplexiteten av bilder, gradienter, långsamma animeringar och detaljerade rörliga element kan påverka antalet beräkningar användarens processor måste utföra för varje frame. Av den anledningen ber vi våra annonsörer tänka på följande: Använd färre animationer baserade på matematiska beräkningar i Action Script. Ta bort onödiga keyframes från animationen och använd Tween-­‐funktionen istället för "frame-­‐for-­‐
frame" animation. Sänk frameraten, d.v.s. antalet bildrutor per sekund. Minimera användningen av gradienter, transparens, masker och animeringar. Bildobjekt som används mer än en gång i filmen bör omvandlas till symboler. Symboler sparas i filen en gång och används igen senare. Det kan minska filstorleken och CPU-­‐användning. Begränsa förändringar mellan varje frames. Det är kanske inte nödvändigt att både plan och moln förflyttar sig samtidigt? Minimera informationen som lagras i de första framesen. Lägg om möjligt tung logik senare i filmen. Funktioner som aktiveras av användaren är att föredra. Till exempel: Vid mouse over flyger planet -­‐ inte automatiskt vid laddning. Undvik onödiga timer-­‐funktioner och loopar. Detta är de största problemen när det gäller CPU-­‐
användning. Solida linjer kräver mindre minne än prickade/streckade linjer eller penselverktyget. Gruppera objektet och gör gemensamma anrop till hela gruppen. Minimera antalet typsnitt. Använd vektorgrafik istället för pixelgrafik. Optimera vektorgrafik. Välj Modify -­‐ Smooth, Straighten eller Optimize för att dra ner antalet vektorpunkter. Video i annonser •
•
•
•
•
•
Format: SWF länkad till FLV Framerate: 24 fps Codec: ON2 VP6, eller H263 Ljud: Endast tillåtet vid användarinteraktion (klick/mouse-­‐over) Maxvikt SWF: 100 kB Maxvikt FLV: 500 kB Preroll (video) •
•
•
•
•
•
•
•
•
Preroll är annons i samband med webbtv/video. Möjligheten finns att köra pre-­‐ och postrolls, alltså innan samt efter själva video content. Vi kan komma att köra 2 annonsörer om Ni har restriktioner gällande detta meddela oss. Filformat: MOV, MP4, MPG, WMV eller AVI (inte FLV) Film kvalitet: SD Datarate: 2,95 Mbit/s Framerate: 25 Maxvikt: 5 MB Format: 16:9 Filmlängd: max 20 sek Upplösning: Minst 640x360 (16:9) OBS: Inga brevlådor. Inga svarta start -­‐ och slutbilder Mobilannonser & Tablet •
•
•
•
•
•
Annonserna måste vara i GIF, JPG, PNG, skript eller HTML5. Animerade GIF-­‐annonser är tillåtna. Mobil interstitial 320x320, Panorama tablet stående 680x300, liggande 980x240. OBS för tablet behöver vi båda dimensionerna för att leverera kampanjen. Maxvikten är 40 kB för mobil interstitial, och tablet annonser 65 kB. För mobilkampanjer rekommenderar vi att landningssida är anpassad för att visas i mobiltelefoner. Vid Animerad .gif rekommenderar vi att annonsbudskapet framgår i .gif-­‐filens första frame eftersom en del äldre versioner av Android har problem med animationer. Banners med en vit eller väldigt ljus bakgrund måste ha en solid mörk ram på minst 1px border. Spincube: Spincube är ett rich media-­‐format som har formen av en 3D kub och byter sida när besökaren sveper med fingret över kuben. Om ni vill ha hjälp med produktionen för Spincube kan vi koppla samma er med en duktig producent som tar fram material till en billig kostnad. Ni behöver då leverera 4 bilder 300x300, maxvikt 40 kB per bild samt om de har transparent eller vit bakgrund behöver de ha en mörk ram (1px) alternativt så läggs en färgad platta under materialet. Glöm inte skicka med klicklänkar och mättaggar. Outsider Sticky •
OBS! Placera allt viktig information som logo, priser osv i innerhörnorna av Outsider Sticky formaten eftersom det som alltid syns är 135x488px (utgår ifrån standard, att användaren sitter på en 13-­‐tums skärm, se bild nedan). Dimensionen på annonsen är 250x800, men observera att det blåa nedan är det som alltid är synligt på alla skärmar. Wallpaper •
•
•
•
•
•
WALLPAPER LEVERERAS I TVÅ DELAR: 1. Panorama 1000x240px, i Flash, HTML5 el skript, maxvikt 125 kB 2. Bakgrundsbild med synlig vänster (300x1100px) + osynlig (vit/transparent) yta (1000x1100px) + synlig höger (300x1100px), totalt 1600x1100px i GIF, JPG el PNG, maxvikt 125 kB OBS! För bakgrundsbilden placera innehållet på vänster och höger så nära mitten som möjligt men lägg inget på de översta 100 pixlarna då de ligger gömda under vår menypanel. Det som alltid syns är 155x700px (utgår ifrån standard, att användaren sitter på en 13-­‐tums skärm, se bild nedan) placera därför all viktig information som logo, priser och bilder inom dessa pixlar. Det kan vara svårt att få en exakt övergång mellan sidor och panorama och man bör därför undvika att skapa bilder som ska gå ihop i skarven. Vänster och höger ligger på sidorna om panorama och är sticky, d.v.s. följer med vid scroll, vi kan ta bort det funktionen om så önskas. Vi kan inte hantera tredjepartscript för bakgrundsbilden, den måste hostas hos oss. Det går däremot bra att använda clicktracker och impressioncounter. Material för Wallpaper ska vara Metro tillhanda senast 5 arbetsdagar innan publicering. Vi rekommenderar att ni låter oss hosta materialet för hela wallpapern, d.v.s att vi får fysiska filer för både panorama och bakgrundsbilden då det möjliggör att vi kan justera dem när de läggs upp. Leverera bakgrunden så här: Interstitial •
•
En interstitial är en annons som visas över hela skärmen innan besökaren kommer fram till content-­‐
sidan. Annonsen kan vara i valfritt storleksformat men vi rekommenderar att den har ett större format än en normal banner såsom 800x600 px (branchstandard). Ytan runt själva annonsen mörkläggs med en transparent färg. Önskar ni att mäta impressions så måste ni därför bifoga en impression counter. Maxvikten får inte överstiga 125 kB Format: SWF, GIF, JPG, PNG (INTE tredjepartsskript) Materialet måste levereras med en stängknapp i höger hörn av annonsen. Denna knapp bör innehålla texten ”close” eller ”stäng” och/eller ett kryss. Vi lägger in koden för stängfunktion så ni behöver endast göra knappen visuellt. Visningstid: 6 sekunder (det ställer vi in) Viktigt att tänka på: Materialet ska levereras som en fysisk fil (inte tredjepartsskript) då vi måste hosta materialet. Tänk på att siten laddas samtidigt som denna annons visas. Vi rekommenderar därför att inte använda externa filladdningar och dylikt, samt att hålla annonsen så enkel som möjligt för att undvika prestandaproblem som kan resultera i att annonsen hackar o.s.v. I övrigt gäller våra vanliga specifikationer för flash. Expanderande annonser En expanderande annons är en annons som vid mouse-­‐over alternativt vid klick expanderar utanför det vanliga formatet. Samtliga våra format kan expandera. Annonsmaterialet skall utgöras av en Flash-­‐fil (SWF) i den storlek som annonsen kommer att ha efter expansionen. Expandering får endast ske vid klick eller mouse-­‐over. Expanderande annonser bör visas i wmode="opaque", då transparens kan orsaka problem i vissa sammanhang. Användning av redirect-­‐script är möjlig, men vi ger ingen support på detta. Vi rekommenderar därför att alla expanderande annonser hostas av oss. Vid specialkampanjer som detta är det extra viktigt att vi får materialet i god tid, senast 5 arbetsdagar innan publicering. Detta för att hinna upptäcka och korrigera eventuella fel i tid. Expandering sker med följande ActionScript: fscommand("expand"); Återställning till kollapsat läge görs enligt följande: fscommand("collapse"); Exempel: on(rollOver){ fscommand("expand"); } on(rollOut){ fscommand("collapse"); } Dimensioner, måtten till höger är vad formatet maximalt får expandera till. Super TWS: 250x720 -­‐> 500x720 expanderar åt vänster Standard TWS: 250x360 -­‐> 500x360 expanderar åt vänster Panorama: 1000x200 -­‐> 980x550 expanderar nedåt Max filstorlek: 100 kB I övrigt gäller våra vanliga annonsspecifikationer för flash. Några av våra annonsformat: Wallpaper Interstitial