Materialspecifikationer

Transkript

1 HD SYDSVENSKAN CITY NÄRA H I T TA H E M. S E MERAJOBB.SE Materialspecifikationer webb

2 Standardformat Panoramabanner Storlek: 980x240 px Enhet: Dator / Läsplatta Video / ljud: Ja *** Högerbanner Storlek: 300x250px Enhet: Dator / Läsplatta Video / ljud: Ja *** Rektangelbanner Storlek: 644x360px Enhet: Dator / Läsplatta Video / ljud: Ja *** Outsiderbanner Storlek: 250x360px Enhet: Dator Video / ljud: Ja *** Outsider sticky-banner Storlek: 250x600px Enhet: Dator Video / ljud: Ja *** Outsider sticky är en scrollsäkerbanner dvs. annonsen följer med när man scrollar. * En fallback-bild (gif, jpg, png) måste alltid bifogas tillsammans med SWF-filen. ** HTML5 enligt separat specifikation. *** Video och ljud får endast starta efter klick. Ej vid mouseover. **** clicktag i SWF AS2 / 3: AS2: on (release) { geturl(clicktag, "_blank"); AS3 import flash.events.mouseevent; import flash.net.urlrequest; import flash.net.navigatetourl; button.addeventlistener(mouseevent.mouse_up, onclick); function onclick(e:mouseevent):void { navigatetourl(new URLRequest(root.loaderInfo.parameters.clickTag), _blank );

3 Standardformat Sponsorbanner Storlek: 980x60px Klick-url: Ja Teknik: JPG, GIF, PNG Enhet: Dator / Läsplatta Video / ljud: Nej *** Klick-tagg: Nej **** Endast statisk bild. Varumärkesannons innehåller ej pris eller produkt. Speciella format Takeoverbanner Har ej RSS-flöde och stängs automatiskt efter 5 sekunder. Storlek: 1060x600 px Teknik: JPG, GIF, PNG, SWF * Vikt: 100 kb Enhet: Dator / Läsplatta Ljud: Ja *** Helsida Har RSS-flöde och aktiv stängknapp. Storlek: 1280x800 px Teknik: SWF + fallback-bild (gif, jpg, png) utan RSS och stängknapp Vikt: 100 kb Enhet: Dator / Läsplatta Ljud: Ja *** Flash Player version: 8, AS 2 Klick-tagg: Ja **** RSS-box Funktionalitet: Storlek: Placering: Typsnitt: Besökaren måste kunna klicka på allt Sydsvenskan.se / hd.se-material och komma vidare in på Sydsvenskan.se / hd.se och korrekt plats. RSS-rutan ska vara 375x155 pixlar när helsidesannonsen har en bredd av 1280 pixlar. RSS-rutan kan placeras fritt på sidan. Säkerställ att det typsnitt som finns i materialet inkluderas och att nordiska bokstäver och tecken finns med, t ex å, ä, ö and Å,Ä, Ö. * En fallback-bild (gif, jpg, png) måste alltid bifogas tillsammans med SWF-filen. ** HTML5 enligt separat specifikation. *** Video och ljud får endast starta efter klick. Ej vid mouseover. **** clicktag i SWF AS2 / 3: AS2: on (release) { geturl(clicktag, "_blank"); AS3 import flash.events.mouseevent; import flash.net.urlrequest; import flash.net.navigatetourl; button.addeventlistener(mouseevent.mouse_up, onclick); function onclick(e:mouseevent):void { navigatetourl(new URLRequest(root.loaderInfo.parameters.clickTag), _blank );

4 Speciella format Wallpaper Storlek: 250x600px x800px Teknik: JPG, GIF, PNG, SWF * Vikt: 100 kb Enhet: Dator Video / jud: Ja *** Flash Player version: 9, AS 2 / 3 Klick-url: Ja **** Wallpapper Bakgrundbilden ska helst vara i 1280x800px men det kan även vara en liten bild som upprepar sig och bygger ett mönster eller bara en HEX-färg. Outsider Sticky ingår i wallpapper lösningen om man vill ha Wallpapper Plus då kan man lägga till en Panorama för att öka närvaron på sajten. Wallpaper Plus Storlek: 250x600px + 980x x800px Teknik: JPG, GIF, PNG, SWF * Vikt: 100 kb Enhet: Dator Video / jud: Ja *** Flash Player version: 9, AS 2 / 3 Klick-url: Ja **** Wallpapper Plus Bakgrundbilden ska helst vara i 1208x800px men det kan även vara en liten bild som upprepar sig och bygger ett mönster eller bara en HEX-färg. I Wallpaper Plus ingår Outsider Sticky och Panorama. * En fallback-bild (gif, jpg, png) måste alltid bifogas tillsammans med SWF-filen. ** HTML5 enligt separat specifikation. *** Video och ljud får endast starta efter klick. Ej vid mouseover. **** clicktag i SWF AS2 / 3: AS2: on (release) { geturl(clicktag, "_blank"); AS3 import flash.events.mouseevent; import flash.net.urlrequest; import flash.net.navigatetourl; button.addeventlistener(mouseevent.mouse_up, onclick); function onclick(e:mouseevent):void { navigatetourl(new URLRequest(root.loaderInfo.parameters.clickTag), _blank );

5 Mobil Retina Sydsvenskan.se och hd.se stödjer retinaanpassat material i mobilen. Mobilbanner stor Storlek: 320x320px Retina: 640x640px Teknik: JPG, GIF, PNG, HTML5 ** Enhet: Mobil Klick-tagg: Nej Vikt: 60 kb Mobilbanner mellan Storlek: 320x160px Retina: 640x320px Teknik: JPG, GIF, PNG, HTML5 ** Enhet: Mobil Klick-tagg: Nej Vikt: 60 kb Mobilbanner liten Storlek: 320x80px Retina: 640x160px Teknik: JPG, GIF, PNG, HTML5 ** Enhet: Mobil Klick-tagg: Nej Vikt: 60 kb * En fallback-bild (gif, jpg, png) måste alltid bifogas tillsammans med SWF-filen. ** HTML5 enligt separat specifikation. *** Video och ljud får endast starta efter klick. Ej vid mouseover. **** clicktag i SWF AS2 / 3: AS2: on (release) { geturl(clicktag, "_blank"); AS3 import flash.events.mouseevent; import flash.net.urlrequest; import flash.net.navigatetourl; button.addeventlistener(mouseevent.mouse_up, onclick); function onclick(e:mouseevent):void { navigatetourl(new URLRequest(root.loaderInfo.parameters.clickTag), _blank );

6 Externt material HTML 5 HTML5-material kan vara inskickad som <iframe>-länk till oss eller som en zippad mapp med alla filer som ingår i produktionen. Kunden själv ansvarar för att pekningen till bilder, javascript eller css är rätt. Totalvikten på alla filer bör inte överstiga 100kb. Varje HTML5-annons måste först testas av HD-Sydsvenskan. Var noga med att leverera materialet i god tid. Vertikal scroll i annonsen är inte tillåten, om designen inte kräver det. För att ert HTML5-material ska kunna leverera click till vår annonshanteringsystem klistra in följande: Länka in vår clickcount script: // - denna ska ligga innanför head-taggarna, onclick= window.open(clicktag+, _blank ) // onclick funktionen ska anropas genom <a href> tag. Ert material kan hostas hos er eller så kan ni skicka materialet till oss. Ni kan alltid testa om ert material fungerar på webbsidan: Materialet iframas på Sydsvenskan.se / hd.se och kan ligga hos kund eller så kan HD-Sydsvenskan hosta materialet. HD-Sydsvenskan kan felsöka material mot en avgift. Tredjepartskod / Script För alla annonser som skall scriptas (JavaScript) så måste det finnas med en variabel så att vi kan mäta klickstatistik. Variabeln skall heta: click=[här lägger vi in parameter] Materialet får ej autostarta. Video och ljud får ej starta på mouseover utan endast på klick. OBS! Angivna maxvikter för banners gäller maxvikt för alla asstes inklusive script! För tekniska frågor gällande script kontakta: webbyran@hdsydsvenskan.se Banners med video / ljud Inkludera video i flash: För att inkludera en filmfil (flv) i din flash (som t. ex. ska spelas upp vid expandering) kan man använda sig av Flashs inbyggda Netstream funktion. Om flv filen hostas i Fusion annonssystemet kommer sökvägen till flv-filen skickas in till flashen via flash variabeln videourl, kreatören får då läsa in denna variabel via actionscriptet och placera den där filen läses in i koden. Om flv filen hostat på annan server hårdkodas sökvägen till filen in i flashen. Om flashen, som ska ladda in andra swf:er från andra domäner, hostas hos oss måste den externa domänen ha en crossdomain.xml fil inlagd i rooten. Liknande den vi har Dessutom behöver swf:arna innehålla security allowdomain policies i rooten av sina actionscript koder. Hur Netstream används kan läsas mer om här: Exempel på Netstream kod: var netconn:netconnection = new NetConnection(); netconn.connect(null); var NetStream:NetStream = new NetStream(netConn); my_video.attachvideo(netstream); //my_video ersätts med namnet på det objekt i din flash där filmen ska synas. NetStream.setBufferTime(5); NetStream.play(_root.videourl); //om filen hostas på annan server kan sökvägen till flv filen hårdkodas in i flashen så här //NetStream.play ( ); Använd NetStream.stop(); för att stoppa uppspelningen eller NetStream.pause(); för att pausa den, vid t.ex. mouseout.

7 Expanderande banners Användande av expanderande annonser medför extra kostnad. Vid bokningstillfället avtalas om annons skall vara expanderande. Materialet: Denna specifikation gäller för alla expanderande annonser oavsett om de ska expandera upp, ned, höger eller vänster. Kreatören skapar endast en flash annons i fullständig storlek, annonsen ska även innehålla den expanderande ytan. Är annonsutrymmet t.ex. 300x250px och annonsen ska expandera 200px åt vänster skapas en flash med storleken 500x250. Således ska flashen innehålla dels annonsens utseende i sin ursprungsstorlek och dels annonsens utseende i expanderat tillstånd, inklusive eventuella animationer vid expandering/minimering. Fusion systemet står för alla javascript som visar annonsen och ser till att den positioneras korrekt och att flashen klipps vid rätt tillfälle. Expandering / minimering: 1. Sydsvenskan.se tillåter inte expandering vi mouseover/mouseout på annonser. 2. Ska däremot annonsen expandera/minimera vid specifikt event i flashen, t.ex. efter klick på en knapp eller efter att en animering spelat klart, behövs särskilda anrop göras till Fusion för att tala om för systemet när annonsen kan expanderas/minimeras. Hur dessa anrop ska se ut beskrivs här nedanför. Video och ljud måste triggas alltid efter klick likaså expanderande effekter. Anropen i actionscriptet. Lägg dessa anrop vid de event i flashen när animationen för expanderingen eller minimeringen startar. AS2 Fscommands anrop i Flash. När annonsen ska expanderas: När annonsen ska minimeras: fscommand( adtoma_expand ); fscommand( adtoma_collapse ); AS2/AS3 Javascript/ExternalInterface anrop i Flash. En adid flash variabel skickas alltid in till flashen från Fusion annonssystemet, detta adid (innehållande annonsens unika id i systemet) måste paras ihop med expandering/minimerings funktions namnen. Namnen på funktionerna är: För expandering av annonsen: adtoma_expand_ För minimiering av annonsen: adtoma_collapse_ Flash kreatören ser till att adid variabeln skickas med som en del av funktions namnet så här t.ex. ExternalInterface.call(( adtoma_expand_ + stage.loaderinfo.parameters.adid));

8 Vi reserverar oss för eventuella tryckfel.