Tapettien aineisto-ohjeet

Aineiston toimitus

Tapettimainosten best practices

  • Jos haluat paraatin ja tapetin sulautuvan saumattomasti yhdeksi kokonaisuudeksi, kannattaa paraati luoda läpinäkyvällä taustalla. Näin muutamien pikseleiden heitot eri sivupohjissa eivät aiheuta saumoja tapetin ja paraatin välille.
  • Tapetin tärkeimmät elementit, kuten logot, tarjoukset ja tekstit, kannattaa laittaa riittävän ylös ja lähelle sivun sisältöä (ei kuitenkaan ihan kiinni sisältöön), jotta tapetti toimii mahdollisimman hyvin eri kokoisilla näytöillä. Pienimmillä näytöillä tapetin ala ja ulkoreunat jäävät ruudun ulkopuolelle.
  • Koska tapettimainoksessa paraati näkyy vain sivun alussa, mainoksen teho paranee, kun tärkein viesti on näkyvillä myös tapetissa, sivun reunoilla. Dynaamisessa tapetissa viesti voi ilmestyä reunoille kun käyttäjä selaa sivua alemmas.
  • Tapettiaineiston koon saa pienemmäksi, kun jättää sisällön taakse jäävän alueen tyhjäksi. Kannattaa kuitenkin jättää vähän marginaalia, jotta aineisto ei ole liian herkkä pienille leveyden vaihteluille.
  • Ohjelmallisesti ostetun tapetin ohjeet löytyvät täältä.

Paraati-tapetti

  • Tapettiin kuuluu paraati 980x400px sekä tapetti 1600x1200px.
  • Tapetin ja paraatin yhteispainoraja on 300kt.
  • Tapettiaineisto toimitetaan aina kuvana (.jpg, .png)
  • Paraatin ja tapetin yhdistelmässä tapettiosio ei ole klikattava.
  • Paraatiaineiston voi toimittaa kuva-, tagi- tai HTML5-aineistona.
  • Taustaväri mahdollinen, ilmoita hexa-koodina.
  • Tapetti keskitetään sivulle jos ei mediakohtaisissa asemointiohjeissa ole muuta mainittu
  • Medialla on oikeus pyytää korjauksia toteutukseen, mikäli katsovat sen tarpeelliseksi.
  • Huomioithan, että 1600×1200 -kokoinen tapetti ei skaalaudu näyttöresoluution mukaan, joten pienemmissä näytöissä, viewportin leveys alle 1207 px, osa sisällöstä voi jäädä näkymättä.

Mediakohtaiset tapettien asemointiohjeet:

Uutissivustot

  • Sisällön leveys on 980px, mutta keskitys tapahtuu 1190px leveyden mukaan. Jos taustakuva on kovin leveä, se ei näy kokonaisena niille joilla on pienemmät näytöt.
  • Huomioitavaa taustakuvan suunnittelussa: taustakuva keskitetään sivulle niin, että kuviteltu sisältö on 1190px, mutta koska sisällön näkyvä leveys on 980px, niin oikealle puolelle jää enemmän tilaa tapetin kuvalle. Tapettia ei ole mahdollista kohdistaa millään muulla tavalla.

Katso mallipohja tästä

Lataa tästä PSD-pohja (Psd-pohjan saat ladattua kopioimalla linkin osoitteen uuteen välilehteen.)

Lifestyle: Hyvaterveys.fi, Kodinkuvalehti.fi, Etlehti.fi, Tiede.fi, Vauva.fi, Soppa365.fi 

  • Vinkki: Sisältöalueen (1250 px) voit täyttää valkoisella, jotta saat tapetin kilotavurajoitusten mukaiseksi. Ei kuitenkaan liian tiukkaa rajausta jotta sallii pienen asemointiheiton. Tapetti keskitetään sivulle liitteenä olevan PSD-tiedoston mukaisesti.

Katso mallipohja tästä

Lataa tästä PSD-pohja (Psd-pohjan saat ladattua kopioimalla linkin osoitteen uuteen välilehteen.)

Dynaaminen tapetti

  • Koko: 1600 x 1200 px

  • Kilotavuraja: 300 kt
  • HTML5 tai JPG/PNG
  • Dynaaminen tapetti koostuu yhdestä tiedostosta. Dynaamisen tapetin yhteydessä ei toimiteta erillistä paraatiaineistoa
  • Koko tapetin ja paraatin alue on klikattava.
  • Tapetin toteutuksen tulee olla hillitty ja rauhallinen. Animaation tulee loppua 5 sekunnin jälkeen. Aineisto on hyväksytettävä medialla viimeistään 5 päivää ennen kampanjan alkua.
  • Medialla on oikeus pyytää korjauksia toteutukseen, mikäli tämä katsotaan käyttökokemuksen kannalta tarpeelliseksi.
  • Taustaväri mahdollinen, ilmoita hexa-koodina.
  • Huomioithan, että 1600×1200 -kokoinen tapetti ei skaalaudu näyttöresoluution mukaan, joten pienemmissä näytöissä, viewportin leveys alle 1207 px, osa sisällöstä voi jäädä näkymättä.
  • Dynaamista tapettia ei voida ajaa kolmannen osapuolen tagin kautta.
  • HTML5 dynaaminen tapetti toimii suurimmassa osassa selaimia. On kuitenkin huomioitava, että se ei toimi Internet Explorer 9:ssä tai sitä vanhemmissa selaimissa eikä selaimissa, joista puuttuu HTML5-tuki. Backup-kuva ei ole mahdollinen.
  • Klikkiseurannan lisääminen: löydät tarkemmat ohjeet täältä
  • Ohjelmallisesti ostetun tapetin ohjeet löytyvät täältä.

Toimita seuraavat elementit/tiedot trafiikille:

  • Mainoksen HTML-sivun URL, jos mainos hostataan esim. mainostajan tai mainostoimiston palvelimella TAI zip-tiedosto, joka sisältää mainoksen HTML-sivun ja sen käyttämät kuva-, skripti- ja tyylitiedostot
  • Tapetin ympärille jäävän tilan taustavärin koodi (esim. ”#30821b”) tai malli taustaväristä
  • Tieto käytetäänkö lukittua vai skrollaavaa tapettivaihtoehtoa
  • Kolmannen osapuolen seurantapikselin osoite (valinnainen)

Dynaamisen tapetin asemointi

Uutissivustot

  • Dynaaminen tapetti voi olla lukittu tai skrollaava
  • Sisällön leveys on 980 px, mutta keskitys tapahtuu 1190 px leveyden mukaan (ks. PSD-pohja).
  • Vinkki: Voit täyttää sisältöalueen (980 px) valkoisella, jotta saat tapetin kilotavurajoitusten mukaiseksi. Ei kuitenkaan liian tiukkaa rajausta jotta sallii pienen asemointiheiton. 
    Katso mallipohja tästä
    Lataa tästä PSD-pohjat 
    (Psd-pohjan saat ladattua kopioimalla linkin osoitteen uuteen välilehteen.)

Lifestyle: Hyvaterveys.fi, Kodinkuvalehti.fi, Menaiset.fi, Etlehti.fi, Tiede.fi, Vauva.fi, Soppa365.fi ja Akuankka.fi

  • Dynaaminen tapetti voi olla lukittu
  • Sivustojen sisällön leveys on 1250px. Vinkki: Sisältöalueen (1250 px) voit täyttää valkoisella, jotta saat tapetin kilotavurajoitusten mukaiseksi. Ei kuitenkaan liian tiukkaa rajausta jotta sallii pienen asemointiheiton. 
  • Tapetti keskitetään sivustolle liitteenä olevan PSD-tiedoston mukaisesti
    Katso mallipohja tästä
    Lataa tästä PSD-pohja 
    (Psd-pohjan saat ladattua kopioimalla linkin osoitteen uuteen välilehteen.)

Videotapetti + paraati  

Toteutus koostuu videosta, jonka tulisi olla kokoa 800x600px (media asettaa sen koko sivun kokoiseksi) sekä videon päälle tulevasta 980x400px paraatimainoksesta. Se kannattaa tehdä osittain läpinäkyväksi, jolloin video pyörii sen alla.
Toteutus onnistuu HS.fi, Nyt.fi, Iltasanomat.fi ja Taloussanomat.fi sivustoilla.

Paraati

  • Koko: 980x400 px
  • Tiedostomuoto: jpg, png, HTML5 (max 250kt)
  • Paraati voi olla osittain läpinäkyvä (png tai html5)
  • Paraati on klikattava

Tapetti (video)

  • 800x600 px kokoinen video
  • Tiedostokoko: enintään 3,5 Mt 
  • Kuvataajuus: 25 fps 
  • Tiedostomuoto: mp4 
  • Koodekki: H.264/MPEG-4 AVC
  • Ei ääntä
  • Tapetin alue on klikattava 

Videotaustasta:

  • Video venytetään kattamaan koko taustan, video käynnistyy automaattisesti ja toistetaan luupilla.
  • Video voidaan asettaa pysähtymään käyttäjän scrollatessa alas. Oikeaan yläkulmaan tulee pause-/play-nappula.
  • Video lähtee heti pyörimään kun käyttäjä menee sivustolle (videossa ei voi olla ääntä).