KOTIKOKKI.NET- AINEISTO- OHJEET Mainsbannerit Banneri avautuu uuteen selainikkunaan Banneri ei saa pitää ääntä tai alittaa videtista, js käyttäjä ei erikseen klikkaa banneria Bannerin mukana pitää timittaa url-site, jhn klikkaukset halutaan hjata Materiaali timitetaan sitteeseen aineist@verkssa.fi Mainskt löytyvät sitteesta http://media.rhea.cm/ktikkki/material/ Erityishjeet Flash- bannereita varten Laajenevista bannereista pitää spia erikseen. Yleissääntönä banneri ei saa tehdä mitään ilman käyttäjän klikkausta Ulkpulisilta mainspalvelimilta tulevissa flash-bannereissa pitää lla määrityksenä wmde='transparent' (tai mainshallinnassa asetus flash: allw transparent backgrund tai vastaava) Js bannerissa käytetään ääntä tai musiikkia, saa ääni tai musiikki käynnistyä vasta käyttäjän klikkauksen jälkeen Js kyseessä n videbanneri, vide-sa vi lla suurempi kuin 35kt, saa vide käynnistyä tai alkaa latautumaan vasta käyttäjän klikkauksen jälkeen Banneri ei saa kuluttaa khtuuttmasti prsessritehja Bannerin linkissä pitää lla klikkausmäärien seuraamiseksi clicktag seuraavanlaisesti: n (release) { geturl(_rt.clicktag, "_blank");} Tarkemmat hjeet Adben sivuilta
Flash-bannereiden mukana kannattaa timittaa myös mainksesta backup-gif-, tai jpeg-versi, jka näytetään js käyttäjän selain ei tue Flash-muta. Dminanssi Dminanssi kstuu käytännössä klmesta eri sasta Yläsan grafiikka Tapetti Bksi tai pidennetty suurtaulu Dminanssilla haetaan tyyliä! Tyylikästä Ktikkki-dminanssia varten tarvitaan display-mainksen lisäksi yleensä vähintään kaksi kuvaa ja klmas jka n vapaaehtinen. Kuvat vat seuraavat: 1. "Pöytäliina-taustakuva" n sekä pysty- että vaakasuunnassa tistettavissa leva (seamless pattern) - kuvi, jnka mitat vivat lla mitä tahansa kunhan tiedstkk pysyy khtuullisena. Taustakuvana vi timia myös yksi is, keskitetty kuva, jta ei siis tisteta. Taustakuvan suunnittelussa n humiitava, että Ktikkin sisältö n aina keskitettynä selaimen ikkunaan nähden ja taustakuva lähtökhtaisesti alkaa aina vasemmasta ylänurkasta. 2. "Dminanssi-header" n 1096 x 126 pikselin kkinen png-tyyppinen sittain läpinäkyvä taustakuvan päälle luntevasti spiva brändiä tai tutetta esiin tuva kuva. Dminanssi-headerin suunnittelussa n humiitava, että se pysyy kk ajan samassa sijainnissa suhteessa Ktikkin ulkasun yläsaan, siinä missä tausta-pöytäliina ei pysy. Dminanssi-headerissa n myös suja-alueet, jiden päälle kuvan grafiikka ei saa mennä. Kuva n hjeissa määritetyn clickarean khdalla klikattavissa (lataa aineistsivulta dminanssihearder-templatephja ikeanlaisen kuvan tekemistä varten). Dminanssi-headerin käyttö n vapaaehtista. 3. "Clickarea-kuva" (vapaaehtinen). Mikäli halutaan, n Dminanssi-headerin päälle mahdllista lisätä clickarea-kuva. Tämän kuvan tulee lla 620 x 110 pikselin kkinen ja sillä vidaan hienvaraisesti krstaa jitain Dminanssi-header-kuvan keskialueen yksityiskhtia sillin kun hiiri viedään clickarea-san päälle. Esimerkki hyvästä clickarea-kuvasta visi lla hhkaava valreunus, jka ilmestyy tutepaketin ympärille kun hiiri viedään clickarean päälle. Mikäli efektiä halutaan käyttää, n tärkeintä tehdä siitä erittäin hienvarainen ja "miltei humaamatn". Näin saavutetaan tyylikkäin mahdllinen lpputuls. Osien rajitukset Ylälaidan & tapetin rajitukset: Kk alle<40kt per grafiikka Tiedstmutna png-kuva
Ulkasullisesti hillitty (!! kknaisuudesta ei saa tulla levttman näköistä vaan tyylikäs) Ktikkki pidättää ikeuden pistaa häiritsevät taustakuvat/dminanssin Dminanssiin kuuluva (pidennetty) suurtaulu tai bksi Klikattavuus nrmaalit bannerirajitukset Ylälaidan keskelle mahdllista rakentaa klikkausmahdllisuus Tapetissa ei klikkausmahdllisuutta Bannerit nrmaalisti klikattavissa Ktikkki tteuttaa lpullisen työstön saatujen grafiikiden ja tiveiden mukaisesti em. rajissa. Käytännössä k. hjeistukset ja grafiikat lisi hyvä saada mahdllisimman aikaisessa vaiheessa. Advertriaali Advertaali n vakimutinen nst, jnka saa kuitenkin persnitua mukavasti asiakkaan näköiseksi. Seuraavilla asiilla vi vaikuttaa (Ktikkki vi laittaa nämä khdilleen myös itsenäisesti): Nst Reunuksen ja tsikn väri (#heksa-kdilla, esim #CCCCCC) Kuvavalinta (148x58px) Teksti 140 merkkiä Itse Advertriaali- sivulle (valmiit tekstit käytännössä esim. dc- tiedst) Otsikk Ingressi Slgan (js halutaan, visualisidaan sivun lppuun) Sisältöteksti Lg (asiakkaan / tute) Vasempaan laitaan lyhyt infteksti asiakkaasta / tutteesta Sivulla tarvitaan lisäksi: 1-2 tutekuvaa Mihin sitteeseen linkitetään lisätietihin Brändätty taustakuva (js halutaan) Itse advertriaalin rakenne selviää helpiten Trinn tai GB:n advertaalisivuilla: http://www.ktikkki.net/kampanjat/advertrial/4/ (Trinn sivuilla levat
reseptilinkitykset vat lisäelementti) http://www.ktikkki.net/kampanjat/advertrial/6/ Kumppanuus Yleistä Sivurakenne n flat (4-5 sivua, ei alasivuja), pikkeuksena kumppanireseptit, jtka tulevat reseptit-sivun alle Js halutaan käyttää jtain muuta kuin Ktikkin nrmaalia fnttia, niin tämän määrittely (pitää lla websafe & ikeus fntin käyttöön) Värimäärittelyissä (esim. sisältöalueen tausta) tiet hex-väriarvsta (esim. #000000) Hum! Js sisältöalueen väri n muuta kuin valkinen,pitää sisältöalueelle tulevien taustasta irti leikattujen kuvien taustan lla värjätty samalla värillä tai taustan lla läpinäkyvä. Läpinäkyvyys ei timi vanhilla internet explrerselaimilla. Tekstit & perussisällöt Reseptit Lg (png/jpg) Sisältösivujen nimet (kumppaninavigaatita varten) Sisältöteksit erteltuna sivuittain. Tekstin sekaan mieluusti aseteltuna kuvapaikat [ ]-merkeillä, esim [tähän: leivinpaperi.jpg] Teksti dc,kuvat jpg Reseptejä maksimissaan 1kpl jkaista kumppanuusviikka khden Resepteistä kuva jpg-mudssa, tarvittava leveys 500px (vaakakuva) Reseptit julkaisujärjestyksessä (ensimmäinen ensin), esim. dc-tiedst, jkaisen reseptin khdalla: Reseptin nimi Reseptiin liittyvän kuvan nimi (esim.jauhelihakastike.jpg) Ainessalista perustekstinä (ei taulukk tai vastaavia mutiluja) tai pulipisteerteltuna (1; dl; maita) Valmistushjeet perustekstinä
Taustakuva Mahdllisuus käyttää, tausta vi lla myös yksivärinen Leveys 1050px, krkeuden salta kaksi mahdllisuutta: Taustakuvan alalaita sulautuu jhnkin väriin (tarvitsemme hex-kdin väristä jhn sulaudutaan esim #000000), jllin kuva sulautuu taustaväriin js sivu n pitkä Taustakuva n "tistettava" vertikaalisesti eli pitkillä sivuilla taustakuva tistuu allekkain Kk maks 40-45kt:ssa, jtta kumppanisivun lataamisesta ei tule käyttäjälle liian hidasta. Taustakuvassa vp napata kuvainfrmaati pis sisältöalueen alle jäävältä alueelta pienempi kuvakk Teemat Yleistä Sivurakenne n perustteutuksessa tasainen (1 sivu), pikkeuksena teemakumppanin mahdlliset teemareseptit, jtka avautuvat maksi sivukseen Mahdllisuus brändätä tausta kuva/väri Tietsisällön määrä spimuksen mukaan Tutenstja maks 5kpl Tekstit ja perussisällöt Reseptit Lg (png/jpg) Teksti dc Kuvat jpg Reseptejä maksimissaan 1kpl jkaista teemaspnsrintiviikka khden Resepteistä kuva jpg-mudssa, tarvittava leveys 500px (vaakakuva) Reseptit julkaisujärjestyksessä (ensimmäinen ensin) esim. dc-tiedst, jkaisen reseptin khdalla: Reseptin nimi Reseptiin liittyvän kuvan nimi (esim.jauhelihakastike.jpg)
Ainessalista perustekstinä (ei taulukk tai vastaavia mutiluja) tai pulipisteerteltuna (1; dl; maita) Valmistushjeet perustekstinä Taustakuva Mahdllisuus brändätä teeman tausta, tausta vi lla myös yksivärinen Leveys 1050px, krkeuden salta kaksi mahdllisuutta: Taustakuvan alalaita sulautuu jhnkin väriin, jllin kuva sulautuu taustaväriin js sivu n pitkä Taustakuva n "tistettava" vertikaalisesti eli pitkillä sivuilla taustakuva tistuu allekkain Kk maks 40-45kt:ssa, jtta kumppanisivun lataamisesta ei tule käyttäjälle liian hidasta. Taustakuvassa vi napata kuvainfrmaatin pis sisältöalueen alle jäävältä alueelta pienempi kuvakk Taustakuvan pitää sveltua teemaan henkeen ; esimerkiksi lga tistava tapetti ei käy. Super silver screen Kstuu kahdesta bannerista 1050x40px-tikkeri, jka näkyy nrmaalisti png / jpg / flash 35kt Banneriin klikkauskehtus / Insentiivin antaminen! Ulkasullisesti hillitty! 1050x545px laajenee em. tikkeriä klikkaamalla Flash / jpg / png / html+css Ohjaus halutulle sivuille