Materialspecifikationer webb 2014

Transkript

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

2 Standardformat Panoramabanner Storlek: 980x240 px Framerate: fps Teknik: JPG, GIF, PNG, SWF *, HTML5** Vikt: 80 Kb Enhet: Dator / Läsplatta / Video - ljud: Ja *** Högerbanner Storlek: 300x250px, 250x360px Framerate: fps Teknik: JPG, GIF, PNG, SWF *, HTML5** Video - ljud: 80 Kb Enhet: Dator / Läsplatta / Ljud: Ja *** Rektangelbanner Storlek: x360px Framerate: fps Teknik: JPG, GIF, PNG, SWF *, HTML5** Vikt: 80 Kb Enhet: Dator / Läsplatta / Video - ljud: Ja *** Outsiderbanner Storlek: 250x360px Framerate: fps Teknik: JPG, GIF, PNG, SWF *, HTML5** Vikt: 80 Kb Enhet: Dator / Video - ljud: Ja *** Outsider sticky-banner Storlek: 250x600px Framerate: fps Teknik: JPG, GIF, PNG, SWF *, HTML5** Vikt: 80 Kb Enhet: Dator / Video - ljud: Ja *** Outsider sticky är en scrollsäkerbanner dvs. annonsen följer med när man scrollar. **** clicktag i SWF / 3: geturl(clicktag, "_blank");

3 Standardformat Sponsorbanner Storlek: 980x60px Klick-url: Ja Teknik: JPG, GIF, PNG Vikt: 80 Kb Enhet: Dator / Läsplatta / Video - ljud: Nej *** Klick-tag: Nej **** Endast statisk bild. Varumärkesannons innehåller ej pris eller produkt. Speciellaformat Takeoverbanner - Har ej RSS-flöde och stängs efter 5 sek automatiskt Storlek: 1060x600 px Framerate: fps Teknik: JPG, GIF, PNG, SWF * Vikt: 100 Kb Enhet: Dator / Läsplatta Ljud: Ja *** Flash Player version: 9, AS 2 / 3 Klick-tag: Ja **** Helsida - Har RSS-flöde och aktiv stängknapp Storlek: 1280x800 px Framerate: fps Teknik: SWF * Vikt: 100 Kb Enhet: Dator / Läsplatta Ljud: Ja *** Flash Player version: 8, AS 2 Klick-url: Ja **** RSS Sydsvenskanbox Funktionalitet: Besökaren måste kunna klicka på allt sydsvenskan.se material och komma vidare in på sydsvenskan.se och korrekt plats. Storlek: RSS-rutan ska vara 468x240 pixlar när helsidesannonsen har en bredd av 1280 pixlar. Placering: RSS-rutan kan placeras fritt på sidan. Typsnitt: Säkerställ att det typsnitt som finns i materialet inkluderas och att nordiska bokstäver och tecken finns med, t ex å, ä, ö and Å,Ä, Ö. **** clicktag i SWF / 3:

4 Specialformat Hockeyklubba Storlek: 980x240px + 250x360px Framerate: fps Teknik: JPG, GIF, PNG, SWF *, HTML5** Vikt: 100 Kb Enhet: Dator Video - ljud: Ja *** Flash Player version: 9, AS 2 / 3 Klick-url: Ja **** Hockeyklubba byggs ihop av en panoramabanner och en outsiderbanner Wallpapper Storlek: 250x600px x800px Framerate: fps Teknik: JPG, GIF, PNG, SWF * Vikt: 100 Kb Enhet: Dator Video - ljud: Ja *** Flash Player version: 9, AS 2 / 3 Klick-url: Ja **** Wallpapper 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. Outsider Sticky ingår i wallpapper lösningen om man vill ha Wallpapper + då kan man lägga till en Panorama för att öka närvaron på sajten. Wallpapper Plus Storlek: 250x600px + 980x x800px Framerate: fps Teknik: JPG, GIF, PNG, SWF * Vikt: 100 Kb Enhet: Dator Video - ljud: 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 wallpapper plus ingår Outsider Sticky och Panorama. **** clicktag i SWF / 3:

5 Mobil Retina Sydsvenskan.se i mobilen stödjer retina anpassad material. Mobilbanner stor Retina: 640x640px Storlek: 320x320px Teknik: JPG, GIF, PNG, HTML5 Enhet: Mobil Klick-tagg: Ja Vikt: 60 Kb Mobilbanner mellan Retina anpassad: 640x320px Storlek: 320x160px Teknik: JPG, GIF, PNG, HTML5 Enhet: Mobil Klick-tagg: Ja Vikt: 60 Kb Mobilbanner liten Retina anpassad: 640x160px Storlek: 320x80px Teknik: JPG, GIF, PNG, HTML5 Enhet: Mobil Klick-tagg: Ja Vikt: 60 Kb Externmaterial 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 Sydsvenskan, var noga med att leverera material i god tid. Vertikal scroll i annonsen är inte tillåten - om designen inte kräver det. Materialet iframas på Sydsvenskan.se och kan ligga hos kund eller så kan Sydsvenskan hosta materialet. Sydsvenskan kan felsöka material mot en avgift. **** clicktag i SWF / 3:

6 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. polite load - kolla upp. 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@sydsvenskan.se Video / ljud-banners 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 container flashen som ska ladda in andra swf er från andra domäner ska hostas hos oss måste den externa domänen ha en crossdomain.xml fil inlagd på 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. **** clicktag i SWF / 3:

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. Fscommands anrop i Flash: fscommand( adtoma_expand ); //när annonsen ska expanderas fscommand( adtoma_collapse ); //när annonsen ska minimeras / 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: adtoma_expand_ //för expandering av annonsen. adtoma_collapse_ //för minimering av annonsen. 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)); **** clicktag i SWF / 3:

8 Alla beställningar görs via e-post till Ange kund, format och införingsdatum i ämnesraden. EN BESTÄLLNING SKA INNEHÅLLA: Införingsdatum: Ange datum för införande. Korrdatum: Ange datum för önskat korrektur. Logotyp och bilder: Bifoga logotyp och bilder som ska användas. Bilder, logotyp och eventuellt pdf ska zippas innan de skickas med beställningen. Kontaktuppgifter: Skicka med kontaktuppgifter som ska vara med i bannern. Hemsida, telefon, adress, var den ska länkas m.m. Manus: En tydlig beskrivning på vad som ska göras. Skiss: En enklare skiss på hur kunden har tänkt sig. Pdf: Om kunden har annonserat i tidningen tidigare skicka med en lågupplöst pdf, då kan vi utgå från den. Vid beställning av förslagsproduktion / pitch följ mallen ovan. För tekniska frågor gällande script kontakta: webbyran@sydsvenskan.se All färdig material till traffic@sydsvenskan.se Besök oss gärna på Vänligen, Sydsvenskan webbyrå. För mer information kontakta Webbyrån på webbyran@sydsvenskan.se Vi reserverar oss för eventuella tryckfel.