Guidelines for banner ads on eb.dk

Guidelines for banner ads on eb.dk
UpdatedMarch2016
Contents
1. 
2. 
3. 
4. 
5. 
6. 
7. 
8. 
9. 
Generalrulesfordevelopingcrea;ves
Weight-andloadspecifica;ons
HTML5banners
Bannerformats
a)  Desktop
b)  Tablet
c)  Mobile
Expand-banners
Specialformat-doublefollowwithexpand
Specialformat-FullPageTakeover
Videobanner-IntextStream
Bannertemplates–helpwithcoolformats
1. General rules for developing creatives
§ Theadver;serisresponsibleforthecrea;ve'sfunc;onalityanddesign.Bannerswhichdisturbtheeditorialcontentorcause
technicalproblemsfortheuserswillberemovedimmediately.
§ BannersshouldalwaysbesenttoBackoffi[email protected]
§ Bannersshouldbedeliveredtobackoffice3workdaysbeforethecampaignstartatthelatest.Specialformatsrequire4work
days.
§ Ifthebannersaredeliveredlaterthan3workdaysbeforethecampaignstartordoesn’tworkwithinourguidelineswecan’t
guarenteethatthecampaignwillstartasplanned.
§ Allbanneradshavetobewithintheframesoftheassignedbannerplacement.I.e.nopoppingpictures,layersorpop-ups,which
exceedsthespecificsizeofthebanner
§ Ifthebackgroundofthebanneriswhiteaframeofforexampale1x1pixelmustbeadded.
Con;nuesonnextpage…
1. General rules for developing creatives
§ WereservetherighttodeclinethebanneriftheCPU-usageogthecomputerincreasesignificantlywhenloadingthebanner.
§ Ifabannerlinkstoawebsiteofsexualcharacterawarningmustbepresent.(Agelimitmin.18years)
§ Linksshouldalwaysopeninanewtab(target=”_blank”).
§ Bannerscanneverimitateeditorialcontent.Seemorespecifichere
§ Bannersshouldalwaysincludeacompanylogo
§ Bannerscannotcontaincon;nuousrapid“stroboscopic”anima;onofgraphicarts,text,colorsorbackgroundelements.
§ Ifthebannercontainssoundelementsthesecanonlybeac;vatedbymouse-overwitha1seconddelayorbyclick.Follow
banners(s;cky160x600)mustalwaysbeac;vatedbyclick.
§ Theguidelineswillbeupdatedcon;nuesly.Ifyouhaveanyques;onsfeelfreetoreachusatBackoffi[email protected]
§ Keepinmindthatwearealwaysupfortes;ngbannersandgivefurtheradviceJ
2. Weight- and load specifications
Load
Theini;alloadofthebannercannotbehigherthan120KBdistributedonhtml,javascriptandimages.Ifthebannerissupposed
torunontopofthepage(topbanner)andyouwouldliketololadmorethan120KB–itmustbeloadedwithpoliteload.(Max1
MB)Politeloadisdefinedbytheheavierloadlisteningtothebrowsereventwindow.onloadordomReady.
Sinceallbanners(exepttopbannerandwallpaper)areloadedbythewindow.onloadevent–bannerswhowaitforthiseventwont
work.
JavaScriptlibrariesfromtheseContentDeliveryNetworksdoesn’tcountinthetotalweight.Weallowamaximumof2Javascript
libraries.Alljavascripthastobeminified.
CDNs
ajax.googleapis.com
animate.adobe.com
Interak,on
Ifpoliteloadisnotanop;onheaviercontentcanalsobeloadedbyuserinterac;on.Seemaxweight:
Mouse-overwith1seconddelay:2,5MB
Click:10MB
2filespr.interac;onisallowed.
Filerequests
Wedonotallowmorethan25hhtprequestpr.banner
3. HMTL5
§ Werecommenddeliveringascript/tagwhichisreadyforuploadintheadserver.Ifthisisnotpossiblewecanalsohandlezipfiles.IfsopleasereadtheHTML5guidelinesthoroughly.
§ BeforeproducingHTML5bannersreadthroughtheseguidelines:HTML5specs
§ AnexampleofanHTML5bannerwrappedinazip-filcanbesentonrequest.
§ Un;lIABdefinesastandardforHTML5bannerswerefertotheabove-men;oned.
4a. Banner formats - desktop
TakeoverortakeoverformatasROS
Canbedeliveredtwoways.Kanafleverespå2måder.Eitherwaynoanima;oninthewallpaperisallowed.
• AssyncronizedtagfromAdform.UsetheEBtemplate:”StandardTakeover940x180”
• Intwoparts–atopbanner940x180andawallpaper2560x1140asjpeg,pngorgif.
Seenextpageforthebestusageofthewallpapersspace.
InscreenROS
Consistsoftwobanners,930x180+300x250,placedon3differentadspaces.
930x180isplacedontwodifferentadspaces:topbannerandlargear;clebanner.
Follow
Isplacedeitherinthelerogrightsideoftheeditorialcontent.Thesizeis160x600.
Doublefollow
Seefurtherinforma;oninsec;on6.
Sponsorplacements
Sponsor1=930x80
Sponsor2,sponsor3=930x100
Mega
Canbeboughtasa24htakeoverorbyimpressions.Thesizeis930x600.
Intext
Formatwhichisplacedinthetextofthear;cles.Thesizeis600x380.(300x250canalsobeused)
IntextStream
Seefurtherinsec;on8.
4a. Banner formats – desktop - wallpaper
Whenproducingthewallpaperbeawareoftheclientsmessageandwheretoplaceit.Werecommendwithin160pixelsofeach
sideoftheeditorialcontent.Thewidthoftheeditorialcontentis940pixels.Seeenglishguidehere
4b. Banner formats - tablet
Takeovertopbanner
930x180
InscreenROS
Consistsoftwobanners,930x180+300x250,placedon3differentadspaces.
930x180isplacedontwodifferentadspaces:topbannerandlargear;clebanner.
Mega
Canbeboughtasa24htakeoverorbyimpressions.Thesizeis930x600.
Sponsorplacements
Sponsor1=930x80
Sponsor2,sponsor3=930x100
Intext
Formatwhichisplacedinthetextofthear;cles.Thesizeis600x380.(300x250canalsobeused
IntextStream
Seefurtherinsec;on8.
4c. Banner formats - mobile
Takeover-Homepage
20x80–weaddas;ckyfunc;ontothebanner.Ifyouinsteadwanttorunwith320x160wedonotaddthes;ckyfunc;on.
InscreenROS
320x80(ar;clebanner),320x160(topbanner)and320x320(mega)
Sponsorplacements
320x100ontheHomepage
320x80onotherpages
Intext
Formatwhichisplacedinthetextofthear;cles.Thesizeis320x160.
IntextStream
Seefurtherinsec;on8.
OBS:
Mobilebannersdoesn’tnecessarilyhavetohaveapixeldefinedwidth.100%defini;oncanalsobeused.
Mobilebannersmayneverweightmorethan120KB.Anexemp;onistheinters;;al/overlaybannerwhichmayweightupto400
KB.
Ifyoudeliverjpegsyoucandoublethesizes,sinceourmobilesiteisresponsive.E.g.320x160à640x320.
5. Expand banners
Generelexpandguidelines
§ Theexpandeventshouldalwayscontaina1seconddelayarermouse-over.
§ IfflashbannersuseTransparency-modeandnotOpague.
§ Expandbannersconsistoftwobanners.Onecollapsedandoneexpanded.
Seeexamplesofcollapsedandexpandedsizeshere:
§ 930x180->930x600
§ 300x250->600x500
§ 160x600->600x600ordoublefollowwithexpand160x600->1260x600
Expand-topbanner930x180->930x600
§ ’Dropdown’:theexpandedbannerslaysontopoftheeditorialcontent.
§ ’Pushdown’:pushestheeditorialcontentwhenexpanding.
§ Ifyouarerunningonthetopbanneradspacetogetherwithawallpaper,onlypushdowneffectisallowed.Ifthebannersisrunning
withoutwallpaperbothsolu;onsareallowed.
§ Seeexampleshere:
§ hvp://ekstrabladet.dk/helium/test/salg_test_1/
§ hvp://ekstrabladet.dk/helium/test/webtv_test_forside/
6. Special formats – double follow with expand
Doublefollowwithexpand
IftheseshouldexpandtogetheroverlayingtheeditorialcontentyoucandelivertwosyncronizedtagsfromAdform.Thecollapsed
bannersare160x600eachandexpandedtheywillbe1260x600.Youcanalsodelivertosingle160x600ifnoexpandisneeded.
§ Followbannersshowninthesamepagewindow.(lerandright)Thebannersexpandbymouse-over(1seconddelay)Typically
from160x600à1260x600acrossthesite.
§ Rightbannersexpandtowardslerandconverse.
§ Youcanillustratetheexpandthewayyouwant.Thebannersdoesn’thavetomeetinthemiddle.Seeexampleshere:
§ hvp://ekstrabladet.dk/helium/test/salg_test_2/
§ hvp://ekstrabladet.dk/helium/test/salg_test_7/
7. Special format - Full Page Takeover
FullPageTakeoverwilldominatethescreenviewandtheformatisflexible/responsivedependingontheusersscreensize.
Thisisaspecialformatthatrequiresbuildingwithhelpfromourcustomtemplate.
Beforeproducingseethetemplateandthespecshere
8. Video banner - Intext Stream
IntextStreamisavideoformatthatplacesitselfinlinewiththear;cletext.Thevideowillautoplaywheninscreen.Animpressionis
alwaysinscreen.Theformatpauseswhennotinscreenanymore.Theformatcollapseswhenthevideoends.Ondesktopthesoundis
triggeredbymouse-over.Tabletandmobilerequiresclickforsound.
§ YoucandeliveranystandardvideofileforexampleMp4,.movorFLV.Max20MB.
§ VAST/Vpaidtag
§ Trackingforimpressions,clicksetc.
§ Werecommendtokeepthelenghttoamaximumof15-20secondsbutwewillacceptupto30seconds.
§ Seetestsitehere:hvp://ekstrabladet.dk/helium/test/salg_test_6/test-ar;kel-salg-6/5978265
(canbeopenedonallplaxorms)
9. Banner templates – help for cool features
Asahelpweoffersometemplatesinouradserverwhichcanexpand,servepoliteloadedbannersandserveinters;;alads.
Thesetemplatescanonlybeusedwithphysicalfileslikejpegs,swf,pngorGIF.Ifyouwishtomakeuseofthesetemplatesreachout
tousassoonaspossible,sowecanworkonthebestresults.Pleasenotethatthesetemplatesmightcomewithafee.
§ Topbannerwithexpand;drop-downorpush-down
Thedeliveryshouldincludetwobanners.930x180collapsedand930x600expanded.+landingpageURL.
Thetemplatewilladdthe1seconddelayintheexpandevent.
§ Followwithexpand
Thedeliveryshouldincludeoneortwobannersinthesizeof160x600anda1260x600(expanded)+landingpageURL.
Thetemplatewilladdthe1seconddelayintheexpandevent.
§ Politebanners
Thepolitetemplatecanonlybeusedonthetopbannerplacement(930x180)Thedeliveryshouldincludetwobanners.Thefirstlight
fileofmaximum120KB.Whenthesitehasloadedtheheavyfileofmaximum1MBwillreplacethelightfile.