Guidelines for banner ads on eb.dk
Transcription
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.
Similar documents
GUIDELINES – EKSTRA BLADET MOBILE
The advertiser is responsible for the banner- creative, functionality and design. Banners which disturb the
editorial content or cause technical problems for the users, will be removed from the sit...
GUIDELINES – EKSTRA BLADET TABLET
By delayed delivery EB cannot guarantee publication and the supplier can be charged an administrational fee.
Banner material that exceeds the scope of the weight and format overview is considered s...
GUIDELINES – EKSTRA BLADET TABLET
The advertiser is responsible for the banner- creative, functionality and design. Banners which disturb the editorial
content or cause technical problems for the users, will be removed from the sit...
Dias nummer 1 - Ekstra Bladet
site to function properly in usage situations with a limited network connection. The items below are
procedures for limiting the data load on the phone.
jQuery is already included under EB.dk – t...