Specifikationer for annoncering på EB s digitale platforme

Transkript

1 Specifikationer for annoncering på EB s digitale platforme Senest opdateret oktober 2015

2 Indhold 1. Generelle regler for udformning og aflevering af materiale 2. Vægt- og loadspecifikaaoner 3. HTML5 bannere 4. Bannerformater a) Desktop b) Tablet c) Mobil 5. Expand- bannere 6. Specialformater a) IntersAAal b) Dobbelt follow m. expand 7. Bannertemplates hjælp Al fede features

3 1. Generelle regler for udformning og aflevering af materiale Annoncøren er ansvarlig for bannermateriale, funkaonalitet og design. Bannere, der forstyrrer det redakaonelle indhold eller forårsager tekniske problemer for de besøgende, vil blive Yernet fra siden med det samme. Materiale skal alad sendes Al 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 fejlagagt materiale senere end tre dage før kampagnestart, kan EB ikke garantere at kampagnen stater som a^alt, og leverandøren kan blive opkrævet et administraaonsgebyr 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æ`es på næste side

4 1. Generelle regler for udformning og aflevering af materiale Vi forbeholder os re`en Al at sende banneret retur, hvis computerens CPU- forbrug øges markant i forbindelse med load af b anneret. Hvis et banner linker videre Al en hjemmeside af seksuel karakter, skal URL en Al denne hjemmeside indeholde en advarselsboks med en aldersbegrænsning på min. 18 år. Links skal alad åbne i et nyt vindue (target = _blank ). Bannere må aldrig e^erligne en redakaonel arakel se uddybende her Bannere skal inkludere afsenderens logo. Bannere må ikke indeholde vedvarende, hurage stroboskopiske animaaoner af grafik, tekst, farver eller baggrundselemen ter. Hvis der er lyd i banneret, må denne først afspilles ved mouse- over med 1 sekunds delay eller ved klik. Followbannere (sacky 160x600) med lyd i skal dog alad akaveres ved klik. Lyd skal alad stoppe ved mouse- out. SpecifikaAonerne bliver løbende opdateret. Har du nogle spørgsmål - fang os på [email protected] HUSK vi er alad klar på at teste nye formater af og rådgive om materiale

5 2. Vægt- og load-specifikationer Ved load Når banneret loades første gang må der loades op Al 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 de`e 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å de`e 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 Alladt at hente op Al 2,5 MB, og ved klik er 10 MB Alladt. Når brugeren interagerer med banneret er det Alladt at hente 2 filer pr. interakaon. File requests Vi Allader ikke mere end 25 h`ps requests pr. banner

6 3. HMTL5 opbygning Det anbefales at HTML5 bannere afleveres som et script/tag, som er klar Al upload i adserveren. En anden mulighed for at aflevere HTML5 bannere, er som en zip- pakket fil. Det er dog vigagt at følgende specifikaaoner er overholdt, hvis de`e er Alfæ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. IndAl IAB definerer en standard for HTML5 bannere henviser vi Al ovenstående.

7 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 animaaon 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 opamal udarbejdelse af wallpaperet og dets budskaber. Inscreen ROS Består af to formater, 930x x250, på 3 placeringer. 930x180 beny`es på to placeringer; topbanner og stort arakelbanner. Follow Placeres enten i højre eller venstre side af skærmen. Størrelsen er 160x600. DobbelDollow Her afleveres to syncronized tags à 160x600 hvis disse skal expande sammen. Sammenlagt bliver størrelsen 1260x600. AlternaAvt kan der afleveres to seperate bannere, som angives højre og venstre. Se uddybende under punkt 6b. Inters11al/overlay 500x500. Se uddybende under punkt 6a. Sponsorplaceringer Sponsor1 = 930x80 Sponsor2, sponsor3 = 930x100 Intext Format som ligger midt i arakelteksten. Størrelsen er 600x380. (300x250 kan også beny`es) Mega Kan købes ind som ejerskab eller på visninger. Størrelsen er 930x600.

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. De`e sikrer at budskabet i banneret vises overfor brugere med mindre/almindelige skærmstørrelser.

9 4b. Bannerformater - tablet Dominans (takeover) eller dækning og dominans (D&D) 930x180 Inscreen ROS Består af to formater, 930x x250, på 3 placeringer. 930x180 beny`es på to placeringer; topbanner og stort arakelbanner. Intext Format som ligger midt i arakelteksten. Størrelsen er 600x380. (300x250 kan også beny`es) Mega Kan købes ind som ejerskab eller på visninger. Størrelsen er 930x600. Sponsorplaceringer Sponsor1 = 930x80 Sponsor2, sponsor3 = 930x100 Inters11al/overlay 500x500. Se uddybende under punkt 6a.

10 4c. Bannerformater - mobil Dominans (takeover) - kun på forsiden Ved 320x80 Alføjes der sacky- funkaon på banneret. Ønskes i stedet at køre med 320x160, afvikles det ikke med sacky- funkaonen. Inscreen ROS Består af tre formater 320x80 (arakelbanner), 320x160 (topbanner) og 320x320 (mega) Intext Format som ligger midt i arakelteksten. Størrelsen er 320x160. Sponsorplaceringer 320x100 på forsiden 320x80 på sekaoner Inters11al/overlay 320x320 Se uddybende under punkt 6a. 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 intersaaal, som må veje op Al 400 KB. Bemærk at mobilen er mere følsom overfor tungere bannere, så sørg alad 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 Alpasser banneret. Eksempelvis 320x160 bliver Al 640x320.

11 5. Expand-bannere Generelle expand- specifika1oner Expand- funkaonen må først starte 1 sekund e^er 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 - > 930x x250 - > 600x x600 - > 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 araklerne på sitet. Expandable banner med push down af sitet fungerer på den måde, at banneret når det expander, skubber det redakaonelle indhold ned. Ved forsideejerskab eller frekvensstyret ejerskab må der kun beny`es push down. Her er banneret o^e 940px i bredden, hvilket er OK. Ved et 930x180 topbanner der kører ROS, er begge løsninger Alladte.

12 6a. Specialformater - interstitials Vær OBS, når der afleveres intersaaals. Disse tager o^e længere Ad at teste og godkende. Inters11als: Et format som "mørkelægger" siden med en transparent grå farve, og annoncen vises midt på siden i max 7 sekunder. Annoncen bliver siddende, selvom brugeren scroller. Siden loades samadig med, at intersaaal- annoncen vises. Derfor anbefales det, at der ikke anvendes eksterne filhentninger. Ligeledes anbefales det at gøre hele annoncen så enkel som muligt for at undgå eventuelle performance- problemer, og at annoncen hakker. Format: jpeg, GIF* eller 3. parts tag. 500x500 på desktop og tablet, 320x320 på mobilen. IntersAAals vises med frekvens max 1 pr. dag pr. bruger. Der skal alad være en tydelig lukknap på formatet. Ønskes hjælp Al hosang, template og animaaon, kontakt din sædvanlige konsulent på EB. *se mere under punkt 7.

13 6b. Specialformater dobbelt follow med expand Dobbelt follow med expand: Followbannere som vises samadig (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. Man kan lave illustraaonen i expand- banneret så 1260x600 banneret kommer frem som designeren ønsker. Eg. oppefra ned, fra højre mod venstre, bannerne expander mod midten etc. Format: kan fx afleveres som to Adform syncronized tags.

14 7. Banner-templates hjælp til fede features Som en hjælp, Albyder vi nogle templates i vores adserver, som kan expande, polite- loade og serve intersaaals med forskellige features. Disse kan kun benytes ved fysiske filer som swf, jpg, png eller GIF. Hvis disse templates skal beny`es, giv gerne lyd/send materialet i god Ad, så vi kan få det bedste ud af kreaaverne. 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- funkaonen. 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- funkaonen. 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 ersta`e den le`e fil. Inters11als Hvis de`e format afleveres som jpg eller GIF, har vi en template, som sørger for at alle funkaonerne bliver Alføjet; mørklægning af baggrund, lukknap og auto- close e^er 7 sekunder.