Tekninen ohjeistus 14.5.2014 1 Sisällysluettelo Yleiset tekniset ohjeistukset. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 Panorama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 Paraati. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 Store Locator – Panorama. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 Store Locator – Paraati. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 Splash - Mainos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 Kalenterimainos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Swipe 3D. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10 Videomainos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 Tekstimainos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 Passbook -kuponki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 HTML, HTML5 ja CSS3. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 2 Yleiset tekniset ohjeistukset K U VAT Sallitut tiedostotyypit kuvapohjaisille mainoksille ovat JPG, PNG ja GIF (GIF-animaatiot eivät toimi Android 2.1:llä). Maksimikoko kuville on 50kt/kuva. Tarvittaessa liitä mukaan PSD-tiedosto. Huom! Kuvatiedostot tulee aina toimittaa tuplapikselikoossa. Esimerkki: Kun mainoksen koko on 300x300px, tulee kuvatiedoston olla 600x600px. Tällä varmistetaan mahdollisimman laadukkaan näköiset mainokset myös korkearesoluutioisilla näytöillä. Älypuhelimet eivät tue Flash-animaatioita. SCRIPTIT Kun mainos toimitetaan kuvatiedostojen sijaan scriptinä, tulisi scriptin tukea uudelleenskaalausta tai vaihtoehtoisesti mainos tarvitaan kahdessa leveydessä, 300px ja 320px. ÄÄNI Äänitiedostot tulee toimittaa MP3-formaatissa (192 kbps), maksimissaan 1mb kokoisina. Äänenvoimakkuus ei saa ylittää -1dB:ä. Äänitiedoston tulee olla mono-yhteensopiva stereotiedosto. VIDEO Videotiedostot tulee toimittaa MP4-formaatissa, H.264 codec, ääni AAC-LC max. 48kHz. Kuvanopeus 30 fps, tiedoston koko max. 10mb, resoluutio max. 640x480px, suositeltu maksimipituus 30s. H T M L , H T M L 5 JA C S S 3 HTML, HTML5 ja CSS3 ovat tuettuja, katso sivulta 14 lisätietoja. Lähetäthän koodin viimeistään kuusi työpäivää ennen kampanjan alkua osoitteeseen [email protected] (saatesanat ruotsiksi tai englanniksi) hyväksyntää varten. S E U R A N TA Widespace seuraa ja raportoi mainosnäytöt sekä klikit. Kolmannen osapuolen seurantatagit voi lähettää osoitteeseen [email protected] (saatesanat ruotsiksi tai englanniksi). Katso erilliset ohjeistukset mitä tageja voidaan käyttää eri mainosmuotojen kanssa. M AT E R I A A L I E N TO I M I T U S Materiaalit tulee toimittaa viimeistään kolme työpäivää ennen kampanjan alkua osoitteeseen [email protected] (saatesanat ruotsiksi tai englanniksi). Widespacen toteuttamiin räätälöityihin mainosmuotoihin, ottakaa yhteyttä osoitteeseen [email protected] saadakseen aika estimaatti. Huom! Muistathan mainita, mikäli materiaaleja tulee vaihtaa kampanjan aikana. Jos materiaaleja on useampia, muistathan ilmoittaa selkeästi ajopäivämäärät per materiaali. 3 Panorama Mainoksen koko 300x50, kuvatiedosto tuplapikselikokoisena M A I N O K S E S TA Ideaali liikenteen ohjaamiseen laskeutumissivulle tai relevanttiin sovelluskauppaan. Sopii erinomaisesti myös brändimainontaan. Mainoksen klikkaaminen avaa halutun laskeutumissivun käyttäjän selaimessa. COPYSUOSITUS Mainoksen tekstin tulee olla toimintaan kehottava. Esimerkiksi “Klikkaa tästä”, “lataa sovellus” tai “osallistu kilpailuun”. TA R V I T TAVAT M AT E R I A A L I T 1 banneri (kuvatiedosto toimitetaan koossa 600x100px) S E U R A N TA Impressiopikseli (1 tagi) Klikkitrackeri (1 tagi) Katso sivulta 3 yleiset ohjeistukset. 4 Paraati Mainoksen koko 300x300, kuvatiedosto tuplapikselikokoisena M A I N O K S E S TA Iso mainospinta tarjoaa kustannustehokkaan tavan tuoda markkinointiviestisi sekä brändisi esille ja mahdollistaa välittömän kanssakäymisen kohderyhmän kanssa. Sopii hyvin esimerkiksi brändimainontaan ja lanseerauksiin, mutta myös taktiseen mainontaan. Mainoksen klikkaaminen avaa halutun laskeutumissivun käyttäjän selaimessa. COPYSUOSITUS Mainoksen tekstin tulee olla toimintaan kehottava. Esimerkiksi “Klikkaa tästä”, “lataa sovellus” tai “osallistu kilpailuun”. TA R V I T TAVAT M AT E R I A A L I T 1 banneri (kuvatiedosto toimitetaan koossa 600x600px) 1 äänitiedosto (valinnainen) radiosovelluksia varten. Max 30 sekuntia S E U R A N TA Impressiopikseli (1 tagi) Klikkitrackeri (1 tagi) Katso sivulta 3 yleiset ohjeistukset. Huom! Sulje-nappi lisätään automaattisesti. 5 Store Locator – Panorama Mainoksen koko 300x50, kuvatiedosto tuplapikselikokoisena M A I N O K S E S TA Klikatessa mainos laajenee dynaamiseksi 300x300px kartaksi, joka ohjaa asiakkaan suoraan lähimpään myymälään, jälleenmyyjälle tai vaikkapa tapahtumapaikalle. Kartan jälkeen on mahdollista ohjata kävijä soittamaan haluttuun puhelinnumeroon tai lukemaan lisää halutulta laskeutumissivulta. TA R V I T TAVAT M AT E R I A A L I T 1 banneri (kuvatiedosto toimitetaan koossa 600x100px) 1 Excel-tiedosto, jossa on omissa sarakkeissaan myymälän nimi, katuosoite ja kaupunki. Lisäsarakkeina mahdollista toimittaa aukioloajat ja puhelinnumerot liikkeisiin sekä mahdollisen laskeutumissivun URL. Esimerkkiexcel saatavissa pyynnöstä. COPYSUOSITUS Mainoksen pääviestin tulee olla “Klikkaa lähin myyntipiste”, tai vastaava. S E U R A N TA Impressiopikseli (1 tagi) Klikkitrackerit (2 tagia: 1. Klikki bannerista karttaan. 2. Kartalta mahdolliselle laskeutumissivulle. Mikäli toimitetaan vain yksi klikkitrackeri, mittaamme klikkiä bannerista karttaan) Katso sivulta 3 yleiset ohjeistukset. 6 Store Locator – Paraati Mainoksen koko 300x300, kuvatiedosto tuplapiks elikokoisena M A I N O K S E S TA Klikatessa mainos muuttuu dynaamiseksi kartaksi, joka ohjaa asiakkaan suoraan lähimpään myymälään, jälleenmyyjälle tai vaikkapa tapahtumapaikalle. Kartan jälkeen on mahdollista ohjata kävijä soittamaan haluttuun puhelinnumeroon tai lukemaan lisää halutulta laskeutumissivulta. TA R V I T TAVAT M AT E R I A A L I T 1 banneri (kuvatiedosto toimitetaan koossa 600x600px) 1 Excel-tiedosto, jossa on omissa sarakkeissaan myymälän nimi, katuosoite ja kaupunki. Lisäsarakkeina mahdollista toimittaa aukioloajat ja puhelinnumerot liikkeisiin sekä mahdollisen laskeutumissivun URL. Esimerkkiexcel saatavissa pyynnöstä. COPYSUOSITUS Mainoksen pääviestin tulee olla “Klikkaa lähin myyntipiste”, tai vastaava. S E U R A N TA Impressiopikseli (1 tagi) Klikkitrackerit (2 tagia: 1. Klikki bannerista karttaan. 2. Kartalta mahdolliselle laskeutumissivulle. Mikäli toimitetaan vain yksi klikkitrackeri, mittaamme klikkiä bannerista karttaan) Huom! “Sulje” – nappi lisätään automaattisesti Katso sivulta 3 yleiset ohjeistukset. 7 Splash - Mainos Mainoksen koko 320x480, Panoraman koko 300x50, kuvatiedostot tuplapikselikokoisena M A I N O K S E S TA Laajin mainospinta mobiilissa. Mainos näkyy noin 3-4 sekunnin ajan sovelluksen käynnistyessä. Mainoksessa voidaan käyttää ääntä kolmen sekunnin ajan (radiosovelluksissa). Splash ei ole klikattava, mutta mainosta seuraa 320x48px Panorama, joka on klikattava. TA R V I T TAVAT M AT E R I A A L I T 1 Splash-banneri (kuvatiedosto toimitetaan koossa 640x960px) 1 Panorama-banneri (kuvatiedosto toimitetaan koossa 600x100px) 1 äänitiedosto (valinnainen) radiosovelluksia varten, max 3 sekuntia COPYSUOSITUS Panoramaan suosittelemme toimintaan kehottavaa viestiä. S E U R A N TA Impressiopikseli (1 tagi) Klikkitrackeri (1 tagi) Katso sivulta 3 yleiset ohjeistukset. 8 Kalenterimainos Mainoksen koko 300x300 tai 300x50, kuvatiedosto tuplapikselikokoisena M A I N O K S E S TA Klikattava mainos, joka klikin jälkeen muistuttaa tapahtumasta puhelimen kalenterimuistutuksella. Ideaali ensi-iltoihin, avajaisiin, alennusmyynteihin ja lanseerauksiin. Kalenterimainos on tällä hetkellä ainoastaan tuettu sovelluksissa. TA R V I T TAVAT M AT E R I A A L I T 1 banneri (kuvatiedosto toimitetaan koossa 600x600px tai 600x100px) Kellonaika ja päivämäärä Kalenterimuistutuksen copyteksti COPYSUOSITUS Mainoksessa tulee olla kehotus “Lisää muistutus kalenteriin”. S E U R A N TA Impressiopikseli (1 tagi) Klikkitrackeri (1 tagi) Huom! Muista antaa tekstit myös itse muistutusta varten. Esim. “Älä unohda ensi-iltaa tänään!”. Katso sivulta 3 yleiset ohjeistukset. 9 Swipe 3D Mainoksen koko 300x300, kuvatiedosto tuplapikselikokoisena M A I N O K S E S TA Swipe 3D –mainos on sarja (2-8 kpl) paraatimainoksia. Mainoksessa voi siirtyä kuvasta toiseen pyyhkäisemällä mainosta, jolloin käyttäjälle muodostuu tarina. Swipe sopii myös useamman tuotetarjouksen esittelyyn, ja jokaisesta kuvasta voi ohjata omalle laskeutumissivulle. Swipen jälkeen voidaan hyödyntää myös Store Locator-karttaa sekä kalenterimuistutusta. Swipe-symbolikerros lisätään mainokseen automaattisesti. Symboli katoaa mainoksen päältä ensimmäisen pyyhkäisyn jälkeen. TA R V I T TAVAT M AT E R I A A L I T 2-8 paraatibanneria (kuvatiedostot toimitetaan koossa 600x600px) S E U R A N TA Impressiopikseli (1 tagi) Hipaisuseuranta (1 tagi, ensimmäiset pyyhkäisyt) Klikkitrackeri (1-8 tagia ja erilliset kohdeURL:t) Katso sivulta 3 yleiset ohjeistukset. Haluttaessa Swipe voi pyöriä myös automaattisesti. 10 Videomainos Mainoksen koko 300x150 tai 300x300, kuvatiedosto toimitetaan tuplapikselikokoisena, aloitus- ja lopetusbanneri aina saman kokoisena M A I N O K S E S TA Klikattaessa aloitusbanneria mainos laajentuu koko näytölle ja käynnistää videon. Mainos päättyy klikattavaan lopetusbanneriin, joka johtaa halutulle laskeutumissivulle. Dynaaminen aloitusbanneri aktivoi käyttäjää katsomaan videota näyttämällä kolmea videolta otettua still-kuvaa. TA R V I T TAVAT M AT E R I A A L I T 1 aloitusbanneri, jos ei käytetä dynaamista aloitusbanneria (kuvatiedosto toimitetaan koossa 600x300 tai 600x600) 1 videotiedosto 1 lopetusbanneri (kuvatiedosto toimitetaan koossa 600x300 tai 600x600) COPYSUOSITUS Mainoksen tulee kehottaa toimintaan, esim. “klikkaa nähdäksesi traileri”. Usein tehokkain tapa on lisätä PLAY-symboli kuvana aloitusbanneriin. Widespace lisää oletus PLAY-symbolikerroksen mikäli se puuttuu aloitusbannerista. S E U R A N TA Impressiopikseli (1 tagi) Klikkitrackerit (2 tagia: 1. Klikki käynnistysbannerista videoon. 2. Klikki lopetusbannerista laskeutumissivulle. Mikäli toimitetaan vain yksi klikkitrackeri, mittaamme klikkiä bannerista videoon) Huom! Sulje-nappi lisätään automaattisesti. Katso sivulta 3 yleiset ohjeistukset. 11 Tekstimainos Mainoksen koko 300x50 M A I N O K S E S TA Tekstimainos logon tai ikonin kanssa. Mahdollisuus kolmeen tekstinäkymään (frame), jotka joko vaihtuvat automaattisesti tai ovat vieritettävissä. TA R V I T TAVAT M AT E R I A A L I T 1 logo/ikoni 70x70px 1 tekstitiedosto, maksimissaan 60 merkkiä per näkymä S E U R A N TA Impressiopikseli (1 tagi) Klikkitrackeri (1 tagi) Katso sivulta 3 yleiset ohjeistukset. 12 Passbook -kuponki M A I N O K S E S TA Passbook -kuponki on iPhonen erityisominaisuus. Paraatikokoista (300x300px) aloitusmainosta klikkaamalla käyttäjä voi ladata puhelimeensa kupongin. Kun kuponki on ladattu ja käyttäjä on halutun maantieteellisen sijainnin lähellä, saa hän puhelimeensa push-ilmoituksen, joka kehottaa käyttämään kupongin edun/tarjouksen lähellä olevassa myyntipisteessä. Huom! Passbook-kuponki on saatavissa vain iPhone-puhelimiin, joissa on käyttöjärjestelmänä iOS6 tai uudempi versio. Puhelimeen ladatun kupongin sisältöä ei voida myöhemmin päivittää. Puhelimeen ladatun kupongin voi poistaa vain käyttäjä. C O P YS U O S I T U S Mainoksessa tulee olla toimintaan kehottava aktivointi, esim. “lataa alennuskuponki puhelimeesi tästä”. Suosittelemme myös edun/tarjouksen mahdollisimman selkeää esille tuomista, esim. “Osta hampurilainen, saat toisen kaupan päälle”. TA R V I T TAVAT M AT E R I A A L I T 1 paraatibanneri (kuvatiedosto toimitetaan koossa 600x600px) 1 logo, maksimikoko 488x86px 1 ikoni/logo (näkyy push-ilmoituksissa), maksimikoko 116x116px Kupongin otsikot (header 1 & header 2), tekstit (text 1 & text 2) sekä taustavärin koodi, katso ylläolevat kuvat 1 Excel-tiedosto, jossa kaksi saraketta: “katuosoite” sekä “kaupunki” (valinnainen, jos halutaan, että kuponki ilmoittaa lähellä olevista myyntipisteistä) S E U R A N TA Widespace seuraa ja raportoi kuponkilatausten määrän. Katso sivulta 3 yleiset ohjeistukset. 13 HTML, HTML5 ja CSS3 TEKNISET OHJEISTUKSET HTML, HTML5 sekä CSS3 ovat tuettuja, mutta varmistaaksemme oman koodisi sopimisen yhteen myös julkaisijoidemme koodin kanssa, meillä on muutama vaatimus. Kaikkien ID:den, luokkien, nimien ja funktioiden täytyy loppua seuraavasti: WS_DYN_INS_RAND. Koodissa ei saa olla kommentteja. Kaikki yksittäiset quotet tulee korvata tuplaquoteilla. Esimerkit väärin <div id=”wrapper” class=”bold”> oikein <div id=”wrapperWS_DYN_INS_RAND” class=”boldWS_DYN_INS_RAND”> väärin .bold { font-weight: bold; } oikein .boldWS_DYN_INS_RAND { font-weight: bold; } väärin function makeBold(){ addClass(‘wrapper’, ‘bold’); } oikein function makeBoldWS_DYN_INS_RAND(){ addClassWS_DYN_INS_RAND(“wrapperWS_DYN_INS_RAND”, “boldWS_DYN_INS_RAND”); } TA R V I T TAVAT M AT E R I A A L I T Kaikki koodi, tyylit ja scriptit täytyy sisällyttää yhteen tiedostoon per mainos. Mainoksen tulee tukea uudelleenskaalausta tai vaihtoehtoisesti se pitää toimittaa kahdessa leveydessä, 300px ja 320px. Kuvien tulee olla kaksi kertaa resoluution kokoisia, katso erilliset ohjeistukset eri mainosmuodoista. Lähetä koodi viimeistään kuusi työpäivää ennen kampanjan alkua osoitteeseen [email protected] hyväksyntää varten. Lopulliset materiaalit tulee toimittaa viimeistään kolme työpäivää ennen kampanjan alkua osoitteeseen [email protected]. 14 [email protected] | +46 (0) 8 660 66 90 15
© Copyright 2024