HTML5 banneriaineistot

Tietoisku HTML5 banneriaineistoista

29.10.2019
Oddy HTML5 bannerit

Banneriaineistot voidaan toimittaa kuva- (png, gif ja jpg) tai HTML5 -muodossa. Suosittelemme vahvasti animoitujen ja toiminnallisten aineistojen tekemistä HTML5 -muotoon.

HTML5 (Hypertext Markup Language) tarjoaa mainostajalle mahdollisuuden tehdä näyttäviä, toiminnallisia mainosmuotoja desktopiin, mobiiliin ja tablettiin. Toiminnallisilla mainoksilla on huomattavasti positiivisempi brändimielikuva verrattuna staattisiin bannereihin ja niihin reagoidaan klikkaamalla myös herkemmin kuin perinteisiin still-bannereihin. HTML5-bannereiden avulla saat täydet tehot irti ostetusta mainospaikasta.

Periaatteessa animaatiota sisältävien bannereiden tekeminen on helppoa. Varsinainen haaste voi tulla kuitenkin vastaan, kun banneri on valmis ja se julkaistaan, miten banneri saadaan toimimaan erilaisten mainosjärjestelmien kanssa. Oikein tehdyt HTML5-bannerit saadaan toimimaan hyvin erilaisten mainosjärjestelmien kanssa.

HTML5-aineiston ensilatauksen maksimikoko tuplasti suurempi verrattuna perinteisen kuva-aineiston maksimikokoon. Esimerkiksi boksi 300x250 px jpg/png-kuvatiedoston maksimikoko on 40 kt, kun taas vastaavan HTML5- aineiston ensilatauksen maksimikoko on yleensä 80-100 kt. Tämä mahdollistaa toiminnallisuuksien helpomman upottamisen banneripintaan ilman, että bannerista tulee liian raskas.

Miksi toiminnalliset HTML5-bannerit?

  1. Huo­mat­ta­vasti posi­tii­vi­sempi brändimielikuva
  2. Toi­min­nal­lisia ban­ne­reita kli­ka­taan herkemmin
  3. Täydet tehot irti oste­tusta mainospaikasta
  4. HTML5-​aineiston ensi­la­taus voi olla pai­nol­taan jopa tuplasti suurempi ver­rat­tuna kuva-aineistoon
  5. Erotu kil­pai­li­jois­tasi, harva ymmärtää hyötyjä tai osaa tuottaa HTML5-aineistoja
  6. Oikein tehdyt HTML5-​bannerit saadaan toi­mi­maan hyvin eri­laisten mai­nos­jär­jes­tel­mien kanssa

HTML5 esimerkkitoteutuksia – Klikkaa ja katso!

HTML5 aineisto-​ohjeet

HTML5-bannerit ovat käytännössä sivuun linkitettyjä omia HTML-sivuja. Ne eivät saisi hidastaa eikä häiritä isäntäsivun toimintaa. Aineisto-ohjeissa kerrotaan, millaisia JavaScript kirjastoja saa käyttää tai mitä funktioita ei pitäisi käyttää. Miten linkit tehdään ja kaikkea vastaavaa teknistä. Aineisto-ohjeet kattavat periaatteet, joita bannereiden on noudatettava. Selkeitä käytännön ohjeita HTML5-bannereiden tekoon ei ole juurikaan tarjolla. HTML5 aineistoja ei kovinkaan moni osaa vielä tehdä, minkä vuoksi hyvin usein mainostajat joutuvat kääntymään taitavan graafikon puoleen. Meidän Janne Vidgren taitaa myös HTML5-aineistojen teon. 🙂 Pyydä tarjous!

IAB on laatinut yleiset HTML5-ohjeet.

Lataa tästä HTML5 -aineisto-ohje Google AdManageriin.

Kirjoittaja: Jenna Leino

Haluatko kuulla lisää?

Ota yhteyttä  blogin kirjoittajaan!

Tutustu myös muihin blogeihimme

Lisää luet­tavaa

Laita meille viestiä!

Tarvitsetko apua mainonnassa ja markkinoinnissa? Haluatko tehdä markkinointia, joka toimii? Kerro tarkemmin, missä tarvitset apua tai jätä yhteystietosi, niin otamme sinuun yhteyttä.

Anna Oddyn auttaa!

Lue mielenkiintoisia blogipostauksiamme
Tutustu palveluihimme
Tutustu asiakkaisiimme