Specifikationer for annoncering på EB s digitale platforme Senest opdateret marts 2016
Indhold 1. Generelle regler for udformning og aflevering af materiale 2. Vægt- og loadspecifika@oner 3. HTML5 bannere 4. Bannerformater a) Desktop b) Tablet c) Mobil 5. Expand-bannere 6. Specialformat dobbelt follow m. expand 7. Specialformat Full Page Takeover 8. Video banner - Intext Stream 9. Bannertemplates hjælp @l fede features
1. Generelle regler for udformning og aflevering af materiale Annoncøren er ansvarlig for bannermateriale, funk@onalitet og design. Bannere, der forstyrrer det redak@onelle indhold eller forårsager tekniske problemer for de besøgende, vil blive ]ernet fra siden med det samme. Materiale skal al@d sendes @l Backoffice_EBN@eb.dk Bannermaterialet skal afleveres senest 3 hele arbejdsdage før kampagnestart. Ved specialformater skal materialet afleveres senest 4 arbejdsdage før kampagnestart. Hvis en kampagne eksempelvis skal køre mandag morgen, skal materialet være EB Backoffice i hænde senest onsdag morgen. Ved forsinket levering eller levering af fejlag@gt materiale senere end tre dage før kampagnestart, kan EB ikke garantere at kampagnen stater som abalt, og leverandøren kan blive opkrævet et administra@onsgebyr eller få fratrukket materialegodtgørelsen. Al bannermateriale skal ligge inden for rammerne af den udpegede bannerplads. Dvs. ingen fremspringende billeder, lag eller pop-ups, som går ud over den specificerede størrelse på banneret. Hvis hvid baggrund skal der en ramme om banneret. Fortsæces på næste side
1. Generelle regler for udformning og aflevering af materiale Vi forbeholder os recen @l at sende banneret retur, hvis computerens CPU-forbrug øges markant i forbindelse med load af banneret. Hvis et banner linker videre @l en hjemmeside af seksuel karakter, skal URL en @l denne hjemmeside indeholde en advarselsboks med en aldersbegrænsning på min. 18 år. Links skal al@d åbne i et nyt vindue (target = _blank ). Bannere må aldrig eberligne en redak@onel ar@kel se uddybende her Bannere skal inkludere afsenderens logo. Bannere må ikke indeholde vedvarende, hur@ge stroboskopiske anima@oner af grafik, tekst, farver eller baggrundselementer. Hvis der er lyd i banneret, må denne først afspilles ved mouse-over med 1 sekunds delay eller ved klik. Followbannere (s@cky 160x600) med lyd i skal dog al@d ak@veres ved klik. Lyd skal al@d stoppe ved mouse-out. Specifika@onerne bliver løbende opdateret. Har du nogle spørgsmål - fang os på Backoffice_EBN@eb.dk HUSK vi er al@d klar på at teste nye formater af og rådgive om materiale J
2. Vægt- og load-specifikationer Ved load Når banneret loades første gang må der loades op @l 120 kb fordelt på html, javascript og grafik. Hvis banneret skal køre på topbannerets placering enten alene eller i forbindelse med wallpaperet, og der ønskes tungere vægt end 120 KB, skal dece være lavet med polite-load (Max 1 MB). Dvs. det må først loades ved browser-eventet window.onload eller domready. Da alle bannere, undtaget topbanner og wallpaper, loades ved window.onload, vil bannere der venter på dece event eller domready ikke virke. JavaScript biblioteker, der hentes fra nedenstående liste af Content Delivery Networks, tæller ikke med i den samlede vægt. Der må maksimalt hentes 2 javascript biblioteker. Al javascript skal være minified. CDNs ajax.googleapis.com animate.adobe.com Ved interak1on Ved mouse-over med 1 sekunds delay er det @lladt at hente op @l 2,5 MB, og ved klik er 10 MB @lladt. Når brugeren interagerer med banneret er det @lladt at hente 2 filer pr. interak@on. File requests Vi @llader ikke mere end 25 hcps requests pr. banner
3. HMTL5 opbygning Det anbefales at HTML5 bannere afleveres som et script/tag, som er klar @l upload i adserveren. En anden mulighed for a taflevere HTML5 bannere, er som en zip-pakket fil. Det er dog vig@gt at følgende specifika@oner er overholdt, hvis dece er @lfældet. Inden HTML5-bannere produceres skal disse guidelines læses igennem og overholdes: HTML5 specs Eksempel på HTML5 banner pakket i en zip-fil kan fremsendes på forespørgsel. Ind@l IAB definerer en standard for HTML5 bannere henviser vi @l ovenstående.
4a. Bannerformater - desktop Dominans (takeover) eller dækning og dominans (D&D) Kan afleveres på 2 måder. Fælles for dem er at der ikke må være anima@on i wallpaperet. Som syncronized tag fra EB s Adform template Standard Takeover 940x180 I to dele et topbanner à 940x180 samt et wallpaper i 2560x1140 som jpeg, png eller gif. Se næste side for op@mal udarbejdelse af wallpaperet og dets budskaber. Inscreen ROS Består af to formater, 930x180 + 300x250, på 3 placeringer. 930x180 benyces på to placeringer; topbanner og stort ar@kelbanner. Follow Placeres enten i højre eller venstre side af skærmen. Størrelsen er 160x600. DobbelDollow Se uddybende under punkt 6. Sponsorplaceringer Sponsor1 = 930x80 Sponsor2, sponsor3 = 930x100 Mega Kan købes ind som ejerskab eller på visninger. Størrelsen er 930x600. Intext Format som ligger midt i ar@kelteksten. Størrelsen er 600x380. (300x250 kan også benyces) Intext Stream Se uddybende under punkt 8.
4a. Bannerformater desktop - wallpaper Ved udarbejdelse af wallpaperet skal man være OBS på at det primære budskab i wallpaperet skal være illustreret som vist i nedenstående eksempel det ekstra markerede røde område i ca. 160x600px på hver sin side af topbanneret. Dece sikrer at budskabet i banneret vises overfor brugere med mindre/almindelige skærmstørrelser. Download guide her.
4b. Bannerformater - tablet Dominans (takeover) eller dækning og dominans (D&D) 930x180 Inscreen ROS Består af to formater, 930x180 + 300x250, på 3 placeringer. 930x180 benyces på to placeringer; topbanner og stort ar@kelbanner. Mega Kan købes ind som ejerskab eller på visninger. Størrelsen er 930x600. Sponsorplaceringer Sponsor1 = 930x80 Sponsor2, sponsor3 = 930x100 Intext Format som ligger midt i ar@kelteksten. Størrelsen er 600x380. (300x250 kan også benyces) Intext Stream Se uddybende under punkt 8.
4c. Bannerformater - mobil Dominans (takeover) - kun på forsiden Ved 320x80 @lføjes der s@cky-funk@on på banneret. Ønskes i stedet at køre med 320x160, afvikles det ikke med s@ckyfunk@onen. Inscreen ROS Består af tre formater 320x80 (ar@kelbanner), 320x160 (topbanner) og 320x320 (mega) Sponsorplaceringer 320x100 på forsiden 320x80 på sek@oner Intext Format som ligger midt i ar@kelteksten. Størrelsen er 320x160. Intext Stream Se uddybende under punkt 8. OBS: Generelt for mobilformater gælder ikke en fast bredde på bannerne. Dvs. disse må gerne have 100% angivet i width i stedet for 320px. Mobilbannere må højest veje 120 KB. Bortset fra inters@@al, som må veje op @l 400 KB. Bemærk at mobilen er mere følsom overfor tungere bannere, så sørg al@d for at få vægten så langt ned som muligt. Hvis materialet afleveres i jpegs fx, så kan der sagtens afleveres dobbelt op i størrelser, da vores site er responsivt og selv @lpasser banneret. Eksempelvis 320x160 bliver @l 640x320.
5. Expand-bannere Generelle expand-specifika1oner Expand-funk@onen må først starte 1 sekund eber musen er ført ind over banneret. Ved expand-bannere lavet i flash skal Transparency-mode anvendes. Benyt ikke Opaque. Expand-banneret består af et kollapset format og et expandet eg. topbanner i størrelsen 930x180 (collapsed) og max. 930x600 (expanded). På ekstrabladet.dk er det muligt at køre med expandable bannere på nedenstående formater: 930x180 -> 930x600 300x250 -> 600x500 160x600 -> 600x600 eller ved dobbelt follow m. expand 160x600 -> 1260x600 Expand-topbanner 930x180 -> 930x600 Expandable bannere med drop down fungerer på den måde, at banneret ved expand lægger sig ud over ar@klerne på sitet. Expandable banner med push down af sitet fungerer på den måde, at banneret når det expander, skubber det redak@onelle indhold ned. Ved forsideejerskab eller frekvensstyret ejerskab må der kun benyces push down. Her er banneret obe 940px i bredden, hvilket er OK. Ved et 930x180 topbanner der kører ROS, er begge løsninger @lladte. Se eksempler på løsninger her: hcp://ekstrabladet.dk/helium/test/salg_test_1/ hcp://ekstrabladet.dk/helium/test/webtv_test_forside/
6. Specialformat dobbelt follow m. expand Dobbelt follow med expand: Her afleveres to syncronized tags à 160x600 hvis disse skal expande sammen. Sammenlagt bliver størrelsen 1260x600. Alterna@vt kan der afleveres to seperate bannere, som angives højre og venstre. Followbannere som vises sam@dig (højre- og venstre side) bannerne expander ved mouseover (1 sekunds delay) så de expander tværs over sitet. Bannerne expander typisk fra 160x600 à 1260x600. Højre banner expander mod venstre og venstre mod højre. Format: kan fx afleveres som to Adform syncronized tags. Man kan lave illustra@onen i expand-banneret så 1260x600 banneret kommer frem som designeren ønsker. Eg. oppefra ned, fra højre mod venstre, bannerne expander mod midten etc. Se eksempler her: hcp://ekstrabladet.dk/helium/test/salg_test_2/ hcp://ekstrabladet.dk/helium/test/salg_test_7/
7. Special format Full Page Takeover Full Page Takeover dominerer skærmbilledet og formater er fleksibelt/responsivt, så det @lpasser sig brugerens skærmstørrelse. Det er et special format, som kræver kodning ud fra vores custom template. Før produk@onen af formatet starter, skal template og specs læses her.
8. Video banner - Intext Stream Intext Stream er et videoformat, som placerer sig i ar@kel-teksten. Video en starter afspilning, når den er inscreen. En impression er al@d inscreen. Videoen pauser afpilningen, hvis den ikke er inscreen længere. Formatet kollapser, når videoen slucer. På desktop starter lyden ved mouse-over. På tablet og mobil ved klik. Der kan afleveres alle standard videoformater som fx Mp4,.mov or FLV. Max 20 MB. VAST/Vpaid tag Tracking @l impressions, clicks osv. Vi anbefaler, at holde video på en masimum længde à 15-20 sekunder, men vi kan afspille op @l 30 sekunder. Se testsite her: hcp://ekstrabladet.dk/helium/test/salg_test_6/test-ar@kel-salg-6/5978265 (kan åbnes på alle devices)
9. Banner-templates hjælp til fede features Som en hjælp, @lbyder vi nogle templates i vores adserver, som kan expande, polite-loade og serve inters@@als med forskellige features. Disse kan kun benytes ved fysiske filer som swf, jpg, png eller GIF. Hvis disse templates skal benyces, giv gerne lyd/send materialet i god @d, så vi kan få det bedste ud af krea@verne. Vær OBS på at nogle af disse formater har en anden pris end normalt. Top Expand drop-down eller push-down Her skal afleveres et banner à 930x180 (collapsed) og 930x600 (expanded) + en landingpage url som minimum. Vi sørger for, at der bliver lagt 1 sekunds delay i expand-funk@onen. Follow m. expand Her skal afleveres et banner à 160x600 (collapsed) og 600x600 (expanded) + en landingpage url som minimum. Vi sørger for, at der bliver lagt 1 sekunds delay i expand-funk@onen. Polite-bannere Polite-templaten kan bruges på topbannerets placering (930x180). Her skal afleveres to filer - én let fysisk fil på max 120 KB. Denne vises inden resten af sitet er færdigloadet. Når sitet er færdigloadet, vil den tunge fil på max 1 MB erstace den lece fil.