Tekninen ohjeistus

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