Ohjeet HTML5-mainoksen tekoon

HTML5-aineisto tulee toimittaa pakattuna tiedostona (.zip), jonka kilotavukoko ei saa ylittää mainosmuotokohtaista kilotavurajaa.

1. Aineiston rakenne

  • Aineisto voi koostua kansiorakenteesta, jossa esimerkiksi tyylitiedostot ja kuvat sijaitsevat omissa kansioissaan.

Esimerkkikuvaus kansiorakenteesta tiedostossa aineisto.zip:

  • Aineistossa on oltava yksi kokoava HTML-tiedosto (esim. index.html).
  • Media sijoittaa aineiston iframe-elementin sisään.
  • Aineiston tyylimäärittelyjen margin-arvoksi tulee asettaa 0, jotta bannerin ulkoreunoille ei ilmesty ylimääräisiä reunaviivoja selaimen oletustyyliasetuksista.

2. Laskeutumissivujen URL-osoitteet aineistossa

  • Laskeutumissivujen URL-osoitteet tulee sijoittaa suoraan aineistoon.
  • Linkin tulee aueta selaimessa uuteen välilehteen.
  • URL-osoitteen tulee alkaa http:// tai https://
  • Mainostajan mahdollinen oma klikkiseuranta asetetaan suoraan aineistoon.
  • Esimerkki laskeutumissivun URL-osoitteen käytöstä:

<a href="http://www.exmple.com" target="_blank">...</a>
<span onclick="window.open('http://www.exmple.com', ‘_blank')">...</span>

Media lisää laskeutumissivujen linkkeihin median oman klikkiseurannan kahdella tavalla:

  • window.open(url, ...) -funktio korvataa vastaavalla funktiolla, joka lisää klikkilaskennan
  • <a> -elementtien href-attribuuttiin lisätään median klikkiseuranta

Seurannan toimivuuden varmistamiseksi, tulee ottaa huomioon seuraavat seikat:

  • Kun median iframe-elementin onload-tapahtuma aktivoituu, kaikkien aineiston linkkien tulee olla alustettuina.
  • Mikäli käytetään AdobeEdgellä valmistettua aineistoa, kaikkien linkkien tulee olla valmiina ennen Edgen compositionReady-tapahtumaa.

Muita huomioitavia asioita

  • Huomioi että vanhemmat selaimet eivät aina tue HTML5-tekniikaa. Aineiston toimituksen yhteydessä on ilmoitettava kampanjasta poissuljettavat selaimet. Poissuljetuille selaimille on mahdollista kohdentaa backup-kuva. Poissuljettavat selaimet vaikuttavat myös kampanjalle tarjolla olevaan kokonaisnäyttömäärään.

  • HTML-aineistoissa on noudatettava aineistojen kilotavu- ja suoritustehorajoituksia ja huomioitava yksittäisten http-kutsujen määrä.

  • Jos mainos lataa resursseja (kuvat, videot, fontit tms.) ulkopuoliselta palvelimelta, täytyy palvelimen kestää mainosjakelun aiheuttama kuormitus.

- ei julkisia javascript-muuttujia

- ei cookieita tai muuta käyttäjäkohtaista dataa

- mainoksen CSS-määrittelyt eivät saa muuttaa julkaisijan sivun tyylimäärittelyjä. CSS-valitsijat on määrittevä niin, että ne koskettavat vain mainoksen elementtejä.

  • Mainosten on tuettava julkaisijan klikkiseurantaa.

Käytämme Spotti.fi-sivustollamme evästeitä parantaaksemme palvelumme käyttökokemusta. Jatkamalla palvelun käyttöä hyväksyt evästeiden käytön. Tutustu päivitettyyn tietosuojakäytäntöömme