Specifikationer for annoncering på EB’s digitale platforme
Senest opdateret oktober 2015 Indhold
1. 
2. 
3. 
4. 
5. 
6. 
7. 
Generelle regler for udformning og aﬂevering af materiale Vægt-‐ og loadspeciﬁkaAoner HTML5 bannere Bannerformater a)  Desktop b)  Tablet c)  Mobil Expand-‐bannere Specialformater a)  IntersAAal b)  Dobbelt follow m. expand Bannertemplates – hjælp Al fede features 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 Backoﬃ[email protected] § Bannermaterialet skal aﬂeveres senest 3 hele arbejdsdage før kampagnestart. Ved specialformater skal materialet aﬂeveres senest 4 arbejdsdage før kampagnestart. Hvis en kampagne eksempelvis skal køre mandag morgen, skal materialet være EB Backoﬃce 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 speciﬁcerede størrelse på banneret. § Hvis hvid baggrund skal der en ramme om banneret. Fortsæ`es på næste side… 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 graﬁk, 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.
§ SpeciﬁkaAonerne bliver løbende opdateret. Har du nogle spørgsmål -‐ fang os på Backoﬃ[email protected]
§ HUSK vi er alAd klar på at teste nye formater af og rådgive om materiale 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 graﬁk. 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 miniﬁed. 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 ﬁler pr. interakAon. File requests Vi Allader ikke mere end 25 h`ps requests pr. banner 3. HMTL5 opbygning
§ Det anbefales at HTML5 bannere aﬂeveres som et script/tag, som er klar Al upload i adserveren. En anden mulighed for at aﬂevere HTML5 bannere, er som en zip-‐pakket ﬁl. Det er dog vigAgt at følgende speciﬁkaAoner 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-‐ﬁl kan fremsendes på forespørgsel. § IndAl IAB deﬁnerer en standard for HTML5 bannere henviser vi Al ovenstående. 4a. Bannerformater - desktop
Dominans (takeover) eller dækning og dominans (D&D) Kan aﬂeveres 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, 930x180 + 300x250, 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 aﬂeveres to syncronized tags à 160x600 hvis disse skal expande sammen. Sammenlagt bliver størrelsen 1260x600. AlternaAvt kan der aﬂeveres 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. 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. 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 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. 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 aﬂeveres i jpegs fx, så kan der sagtens aﬂeveres dobbelt op i størrelser, da vores site er responsivt og selv Alpasser banneret. Eksempelvis 320x160 bliver Al 640x320. 5. Expand-bannere
Generelle expand-‐speciﬁka1oner § Expand-‐funkAonen må først starte 1 sekund e^er musen er ført ind over banneret. § Ved expand-‐bannere lavet i ﬂash 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 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. 6a. Specialformater - interstitials
Vær OBS, når der aﬂeveres 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 ﬁlhentninger. 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. 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 aﬂeveres som to Adform syncronized tags. 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 ﬁler 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 aﬂeveres 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 aﬂeveres 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 aﬂeveres to ﬁler -‐ én let fysisk ﬁl på max 120 KB. Denne vises inden resten af sitet er færdigloadet. Når sitet er færdigloadet, vil den tunge ﬁl på max 1 MB ersta`e den le`e ﬁl. § Inters11als Hvis de`e format aﬂeveres 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.