YRITTÄJÄ, tule mukaan omiesi pariin! Liity Yrittäjiin.

JÄSEN, oletko jo ladannut Yrittäjät-sovelluksen puhelimeesi? Lataa sovellus Androidille tai Applelle.

Yrittäjämedian aineisto-ohjeet

Sallitut formaatit (desktop ja mobiili)

  • Kuva-aineistot: jpg-, gif tai png-formaatissa
  • HTML5: Katso tarkemmat ohjeet alla
  • 3rdpartytag: DoubleClick Tag tai muu kolmannen osapuolen tagi (asiakkaan oma järjestelmä, jonka palvelimelta aineistoja kutsutaan). Tämän tulee olla SSL yhteensopiva.
  • Flash-aineistoja ei tueta (fla- ja swf-tiedostoja)

Aineistolinkissä ei ole suositeltavaa käyttää skandinaavisia kirjaimia, koska kaikki selaimet eivät välttämättä tue niitä oikein.

HTML5-aineistot

Aineiston tiedostokoko lasketaan kaikista mainokseen liittyvistä tiedostoista (kuvat, scriptit, fontit, tyylitiedostot jne).

Jokainen yksittäinen tiedostolataus kuormittaa ja pidentää mainoksen/sivun latausta, joten kannattaa pitää tiedostojen määrä maltillisena. Vältä kaikkea turhaa, mitä mainos ei käytä (kuten fontteja, kuvia jne).

  • Jotta ensilataus pysyy mahdollisimman pienenä, suositeltavaa olisi optimoida kuvat ja tiedostot, sekä lataamalla raskaat tiedostot viivytetysti tai vasta käyttäjän aktivoinnista (esim. mouseover tai klikkaus).
  • Aineistossa tulee olla yksi index.html – tiedosto. Aineisto voi koostua kansiorakenteesta, jossa esimerkiksi tyylitiedostot ja kuvat sijaitsevat omissa kansioissaan tai vaihtoehtoisesti kaikki tiedostot voivat olla samalla tasolla kansiorakenteessa. Aineistot tulee olla SSL yhteensopivia (https-muodossa).
  • Toivottavaa olisi saada html5-zipatut aineistot jonkun tiedostosiirto-ohjelman linkin takaa ladattavana (esim. WeTransfer tai Dropxbox jne.), koska zipatut tiedostot usein jäävät palomuuriin kiinni.
  • Merkistö on oletuksena UTF-8.
  • Linkkien tulee avautua uuteen välilehteen.
  • Määrittele html5-aineiston koko meta-tag tietoon, jotta mainos näkyy varmasti oikean kokoisena: Kokomääritteiden tulee olla kiinteitä mittoja.
  • jQuery käyttö ei ole suositeltavaa HTML5 mainoksissa.

Klikkitagien määrittäminen

  • Esimerkki clickTAGin laittamisesta html:ään: [Loput aineiston koodista tulee tähän.]
  • Aineiston täytyy käyttää clickTAG-muuttujaa linkin uudelleen ohjausta varten: Video bannerin sisällä Videobanneri voidaan toistaa kaikkien perusbannereiden paikoilla HTML5-aineistona.
  • Videon tulee toistua perusbannerin mainosalueen sisäpuolella.
  • Jos bannereissa käytetään videota, niin videon äänet tulee käynnistäessä olla aina pois päältä.
  • Äänet voivat käynnistyä ainoastaan käyttäjän aloitteesta, kuten mouseover tai klikki.

Lisätietoja aiheesta

DoubleClick for Publishers Help, HTML5 requirements

IAB HTML5 for Digital Advertising v2.0