Embed Size (px)
Citation preview
Guidelines for banner ads on eb.dk
UpdatedJuly2016
Contents
1. Generalrulesfordevelopingcrea;ves
2. Weight-andloadspecifica;ons
3. HTML5banners
4. Bannerformatsa) Desktopb) Tabletc) Mobile
5. Expand-banners
6. Specialformat-doublefollowwithexpand
7. Specialformat-FullPageTakeover
8. Videobanner-IntextStream
9. Bannertemplates–helpwithcoolformats
1. General rules for developing creatives
§ Theadver;serisresponsibleforthecrea;ve'sfunc;onalityanddesign.Bannerswhichdisturbtheeditorialcontentorcausetechnicalproblemsfortheuserswillberemovedimmediately.
§ Bannersshouldbedeliveredtobackoffice3workdaysbeforethecampaignstartatthelatest.Specialformatsrequire4workdays.
§ Ifthebannersaredeliveredlaterthan3workdaysbeforethecampaignstartordoesn’tworkwithinourguidelineswecan’tguarenteethatthecampaignwillstartasplanned.
§ Allbanneradshavetobewithintheframesoftheassignedbannerplacement.I.e.nopoppingpictures,layersorpop-ups,whichexceedsthespecificsizeofthebanner
§ 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.Followbanners(s;cky160x600)mustalwaysbeac;vatedbyclick.§ Theguidelineswillbeupdatedcon;nuesly.Ifyouhaveanyques;[email protected]§ Keepinmindthatwearealwaysupfortes;ngbannersandgivefurtheradviceJ
2. Weight- and load specifications
LoadTheini;alloadofthebannercannotbehigherthan120KBdistributedonhtml,javascriptandimages.Ifthebannerissupposedtorunontopofthepage(topbanner)andyouwouldliketoloadmorethan120KB–itmustbeloadedwithpoliteload.(Max1 MB)Politeloadisdefinedbytheheavierloadlisteningtothebrowsereventwindow.onloadordomReady.Mobile banners can only load heavier content than 120kb with a click action.
Sinceallbanners(exepttopbannerandwallpaper)areloadedbythewindow.onloadevent–bannerswhowaitforthiseventwontwork.JavaScriptlibrariesfromtheseContentDeliveryNetworksdoesn’tcountinthetotalweight.Weallowamaximumof2Javascriptlibraries.Alljavascripthastobeminified.CDNsajax.googleapis.comanimate.adobe.com
Interak,onIfpoliteloadisnotanop;onheaviercontentcanalsobeloadedbyuserinterac;on.Seemaxweight:Mouse-overwith1seconddelay:2,5MBClick:10MB2filespr.interac;onisallowed.FilerequestsWedonotallowmorethan25hhtprequestpr.banner
3. HMTL5
§ Werecommenddeliveringascript/tagwhichisreadyforuploadintheadserver.Ifthisisnotpossiblewecanalsohandlezip-files.IfsopleasereadtheHTML5guidelinesthoroughly.§ BeforeproducingHTML5bannersreadthroughtheseguidelines:HTML5specs§ AnexampleofanHTML5bannerwrappedinazip-filcanbesentonrequest.§ Un;lIABdefinesastandardforHTML5bannerswerefertotheabove-men;oned.
4a. Banner formats - desktop
TakeoverortakeoverformatasROSCanbedeliveredtwoways.Kanafleverespå2måder.Eitherwaynoanima;oninthewallpaperisallowed.
• AssyncronizedtagfromAdform.UsetheEBtemplate:”StandardTakeover940x180”• Intwoparts–atopbanner940x180andawallpaper2560x1140asjpeg,pngorgif.
Seenextpageforthebestusageofthewallpapersspace.InscreenROSConsistsoftwobanners,930x180+300x250,placedon3differentadspaces.930x180isplacedontwodifferentadspaces:topbannerandlargear;clebanner.FollowIsplacedeitherinthelerogrightsideoftheeditorialcontent.Thesizeis160x600.DoublefollowSeefurtherinforma;oninsec;on6.SponsorplacementsSponsor1=930x80Sponsor2,sponsor3=930x100MegaCanbeboughtasa24htakeoverorbyimpressions.Thesizeis930x600.IntextFormatwhichisplacedinthetextofthear;cles.Thesizeis600x380.(300x250canalsobeused)IntextStreamSeefurtherinsec;on8.
4a. Banner formats – desktop - wallpaper Whenproducingthewallpaperbeawareoftheclientsmessageandwheretoplaceit.Werecommendwithin160pixelsofeachsideoftheeditorialcontent.Thewidthoftheeditorialcontentis940pixels.Seeenglishguidehere
4b. Banner formats - tablet
Takeovertopbanner930x180InscreenROSConsistsoftwobanners,930x180+300x250,placedon3differentadspaces.930x180isplacedontwodifferentadspaces:topbannerandlargear;clebanner.MegaCanbeboughtasa24htakeoverorbyimpressions.Thesizeis930x600.SponsorplacementsSponsor1=930x80Sponsor2,sponsor3=930x100IntextFormatwhichisplacedinthetextofthear;cles.Thesizeis600x380.(300x250canalsobeusedIntextStreamSeefurtherinsec;on8.
4c. Banner formats - mobile
TakeoverTop -Homepage320x160
InscreenROS320x80(ar;clebanner),320x160(topbanner)and320x320(mega)Sponsorplacements320x100ontheHomepage320x80onotherpagesIntextFormatwhichisplacedinthetextofthear;cles.Thesizeis320x160.IntextStreamSeefurtherinsec;on8.OBS:Mobilebannersdoesn’tnecessarilyhavetohaveapixeldefinedwidth.100%defini;oncanalsobeused.Mobilebannersmayneverweightmorethan120KB.Anexemp;onistheFull Page Takeoverwhichmayweightupto350 KB and Cube 200kb.Ifyoudeliverjpegsyoucandoublethesizes,sinceourmobilesiteisresponsive.E.g.320x160à640x320.
5. Expand banners
Generelexpandguidelines§ Theexpandeventshouldalwayscontaina1seconddelayarermouse-over.§ IfflashbannersuseTransparency-modeandnotOpague.§ Expandbannersconsistoftwobanners.Onecollapsedandoneexpanded.
Seeexamplesofcollapsedandexpandedsizeshere:§ 930x180->930x600§ 300x250->600x500§ 160x600->600x600ordoublefollowwithexpand160x600->1260x600Expand-topbanner930x180->930x600§ ’Dropdown’:theexpandedbannerslaysontopoftheeditorialcontent.
§ ’Pushdown’:pushestheeditorialcontentwhenexpanding.
§ Ifyouarerunningonthetopbanneradspacetogetherwithawallpaper,onlypushdowneffectisallowed.Ifthebannersisrunningwithoutwallpaperbothsolu;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
DoublefollowwithexpandIftheseshouldexpandtogetheroverlayingtheeditorialcontentyoucandelivertwosyncronizedtagsfromAdform.Thecollapsed
bannersare160x600eachandexpandedtheywillbe1260x600.Youcanalsodelivertosingle160x600ifnoexpandisneeded.
§ Followbannersshowninthesamepagewindow.(lerandright)Thebannersexpandbymouse-over(1seconddelay)Typicallyfrom160x600à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.Animpressionisalwaysinscreen.Theformatpauseswhennotinscreenanymore.Theformatcollapseswhenthevideoends.Ondesktopthesoundistriggeredbymouse-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.Ifyouwishtomakeuseofthesetemplatesreachouttousassoonaspossible,sowecanworkonthebestresults.Pleasenotethatthesetemplatesmightcomewithafee.
§ Topbannerwithexpand;drop-downorpush-downThedeliveryshouldincludetwobanners.930x180collapsedand930x600expanded.+landingpageURL.Thetemplatewilladdthe1seconddelayintheexpandevent.
§ FollowwithexpandThedeliveryshouldincludeoneortwobannersinthesizeof160x600anda1260x600(expanded)+landingpageURL.Thetemplatewilladdthe1seconddelayintheexpandevent.
§ PolitebannersThepolitetemplatecanonlybeusedonthetopbannerplacement(930x180)Thedeliveryshouldincludetwobanners.Thefirstlightfileofmaximum120KB.Whenthesitehasloadedtheheavyfileofmaximum1MBwillreplacethelightfile.
