HTML5-mainokset

HTML5-mainos on kuin pieni ja kevyt HTML-sivu. Voit käyttää mainoksen rakentamiseen työkalua kuten Notepad++, CofeeCup, Sublime, Notepad tai animointityökaluja kuten Adobe Edge tai Google Web Designer.

Yleisohjeet

  • HTML5 mainosten ohjeet koskevat myös tagin takaa ajettavia aineistoja.

  • Aineiston tulee olla SSL (HTTPS) yhteensopiva.

  • Desktop-kampanjoissa tulee käyttää iframe-tageja.

  • On suositeltavaa, että kaikki mainoksessa käytettävät tiedostot, kuten esimerkiksi mainoksessa käytetyt kuvat, JavaScript-kirjastot, fonttitiedostot ja CSS-tiedostot latautuvat kyseisen kolmannen osapuolen toimijan palvelimilta, eivät sijaitse jaetuilla palvelimilla.

  • Linkkien tulee avautua uuteen välilehteen (_blank).

  • Määritä mainoksille uniikit tunnisteet, luokat, muuttujat ja funktiot.

  • Aineiston bodyn margin-arvoksi tulee asettaa 0, jotta bannerin ulkoreunoille ei ilmesty ylimääräisiä reunaviivoja.

  • Huomioi, että mainos julkaistaan median sivulla/sovelluksessa iframen sisällä.

  • Tarkista että klikkiseuranta on tehty ohjeistuksemme mukaisesti.

  • HTML oletusmerkistö on UTF-8

  • Pidä tiedostojen määrä järkevänä, jokainen yksittäinen tiedostolataus kuormittaa ja pidentää mainoksen/sivun latausta. Mainoksen ensilatauksen requestien määrä tulee olla 15.

Zip-muodossa toimitettava aineisto

  • Huomioi aineiston kokorajoitukset.

  • Mainoksen tulee latautua zip-paketin juuressa olevasta index.html-tiedostosta.

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

  • Zip-paketin tulee sisältää kaikki mainokseen liittyvät tiedostot.

  • Kaikki mainokseen liittyvät tiedostot (kuvat, skriptitiedostot, fontit, tyylitiedostot) tulee laskea mainoksen tiedostokokoon mukaan.

Mobiililaitteilla näytettävä aineisto

  • Testaa mainos iOS, Android ja Windows Phone alustoilla. Aineiston tulee toimia vähintään iOS9+, Android 4.4+ ja WP 8.1+ alustaversioissa.

  • Ilmoita aineiston toimituksen yhteydessä jos mainos toimii vain jollain tietyillä alustoilla tai tietyillä laitteilla.