Mainonnanhallinta Käyttöopastus. Aineiston lisäys. Olli Erjanti Mediareaktori

Transkriptio

1 Mainonnanhallinta Käyttöopastus Aineiston lisäys EmediateAd 3.6 Olli Erjanti

2 Oppaassa käydään läpi seuraavaa: Kuva-aineiston lisäys (gif) Flash-aineiston lisäys Tägiaineiston lisäys Tämä opas on suunnattu trafikoijille, jotka lisäävät kampanja-aineiston itse. Mediareaktori lisää kaikki aineistot Kauppalehdelle ja Alma Medialle (Aamulehti, Satakunnan kansa, Kainuun sanomat, Pohjolan sanomat, Lapin kansa) Iltalehti ja MTV3 lisäävät perusaineistot itse 2

3 EmediateAd järjestelmään kirjautuminen Kirjoita selaimen osoitekenttään: Huomaa 3 Lisää osoite selaimesi kirjanmerkkeihin Kirjoita käyttäjätunnus ja salasana 3

4 Aineiston lisäys - Siirry aineiston lisäykseen 1. Etsi oikea kampanja 2. Lisää aineisto (Things to do) (Add creatives) tai (Creatives) (View) ALMA&KL: Mediareaktori lisää kaikki aineistot IL&MTV: Mediareaktori lisää erikoisaineistot ja erikoisratkaisut 4

5 Kuva-aineiston lisäys kampanjaan Esimerkkinä gif-kuva Huomaa, että myös gif-kuva voi sisältää yksinkertaista animaatiota. 5

6 Kuva-aineiston lisäys - Lisää aineisto Lisää kuvaaineistoja: Image ALMA&KL: Mediareaktori lisää kaikki aineistot IL&MTV: Mediareaktori lisää erikoisaineistot ja erikoisratkaisut 6

7 Aineiston lisäys - Siirry aineiston lisäykseen Kirjoita aineiston nimi Lisää klikkilinkki Sivuosoite, joka aukeaa kun mainosta klikataan hiirellä Alt. Text näytetään, jos selain ei pysty näyttämään itse kuvaa esim. ad blockerin vuoksi Tallenna Lisää gif tiedosto 7

8 Kuva-aineiston lisäys - Testaa 1. Tarkista kuvan näkyvyys Composed JavaScript tilassa 2. Tarkista klikkilinkin toimivuus 3. Tarkista tiedostokoko (esim. ei yli 30 kb) 8

9 Kuva-aineiston lisäys - Testaa aineiston näkyvyys 1. Vaihda Tag type Composed JavaScriptiksi (Show) Muut vaihtoehdot: Iframe, Standalone JavaScript 2. Tarkista aineiston näkyvyys Kuvat, mahdollinen gif- animaatio, aineiston sisällön eettisyys. Testaa aineiston toimivuus lisäksi vielä tuotannossa kampanjan aktivoiduttua (erityisesti sivuasettelu) 3. Tarkista klikkilinkin toimivuus (Paina hiirellä mainosta tai osoitelinkkiä). Aukeaako oikea sivu? 9

10 Kuva-aineiston lisäys VALMIS Kysyttävää? 10

11 Flash-aineiston lisäys kampanjaan Esimerkkinä flash-animaatioaineisto 11

12 Flash-aineiston lisäys - Lisää aineisto Lisää aineistoja: Shockwave Flash ALMA&KL: Mediareaktori lisää kaikki aineistot IL&MTV: Mediareaktori lisää erikoisaineistot ja erikoisratkaisut 12

13 Flash-aineiston lisäys : - Lisää tiedostot Kirjoita aineiston nimi Lisää klikkilinkki Sivuosoite, joka aukeaa kun mainosta klikataan hiirellä Lisää Flash tiedosto Lisää Flashaineiston varakuva (gif) Nk. Back-up-gif, joka näytetään, jos jostain syystä selain ei pysty näyttämään varsinaista flashanimaatiota. Tarkista, että gif kuvan koko (dimensions) on sama kuin mainospaikan Tallenna 13

14 Flash-aineiston lisäys : - Testaa aineisto alustavasti 1. Tarkista aineiston toimivuus (View) Animaatio, ääni, klikkilinkki avaa oikean sivun. Aineiston sisällön eettisyys. Testaa aineiston toimivuus lisäksi vielä tuotannossa kampanjan aktivoiduttua (erityisesti sivuasettelu) 2. Tarkista klikkitägin toimivuus (Test) Klikkitägiä (clicktag) käytetään klikkausten määrän laskentaan flash aineistolla. On tärkeää, että aineiston toimittaja on käyttänyt flashin sisällä oikeaa tägiä. Kysy ohjeet Mediareaktorilta, jos tarpeen. 3. Tarkista tiedostokoko Maksimi: 30 kilotavua riippuen mainospaikasta 14

15 Flash-aineiston lisäys - Testaa aineiston näkyvyys 1. Vaihda Tag type Composed JavaScriptiksi (Show) Muut vaihtoehdot: Iframe, Standalone JavaScript 2. Tarkista aineiston näkyvyys Kuvat, animaatio, ääni, Aineiston sisällön eettisyys. Testaa aineiston toimivuus lisäksi vielä tuotannossa kampanjan aktivoiduttua (erityisesti sivuasettelu) 3. Tarkista klikkilinkin toimivuus (Paina hiirellä mainosta tai osoitelinkkiä). Aukeaako oikea sivu? 15

16 Flash-aineiston lisäys - Testaa klikkitägin toimivuus 1. Klikkaa mainosta 2. Jos flashin kliktägin laskenta toimii, näkyy seuraava ilmoitus. Jos tägi ei toimi, ilmoita mainoksen tekijälle. Ohjeita tägin oikeasta muodosta saa Mediareaktorilta. 16

17 Flash-aineiston lisäys VALMIS Kysyttävää? 17

18 Tägiaineiston lisäys kampanjaan Esimerkkinä tägiaineisto Third party tag = Selaimissa käytettävän JavaScript ohjelmointikielen koodi. Ns. kolmannen osapuolen tägi on mainostoimistojen käyttämä tägi, jolla he laskevat itse EmediateAd-järjestelmästä riippumattomasti mainoksen näyttökerrat. Mainostoimistot haluavat tehdä näin, koska usein ne näyttävät samaa mainoskampanjaa eri medioissa ja haluavat yhtenäiset tilastot. Kun käytetään ulkopuolista tägiaineistoa, tulee mainoksen varsinainen kuvaaineisto kolmannen osapuolen järjestelmästä. Tägiaineisto voi siis ladata kuvaa, flashia tai melkein mitä tahansa. Vaikka kolmannen osapuolen tägin lisääminen on yksinkertainen tekstin kopiointitehtävä, tulee tägien kanssa käytännössä eniten ongelmia. Yhdenkin välilyönnin puuttuminen saattaa johtaa mainoksen puuttumiseen tai html-sivupohjan asettelun rikkoutumiseen ja ongelman selvitys voi viedä paljonkin aikaa. Tämä johtuu tägien moninaisuudesta ja monimutkaisuudesta. Ks. Mediareaktorin tägiohje tunnetuista tägeistä. Tägeistä ei ole olemassa mitään standardia. 18

19 Tägiaineiston lisäys - Lisää HTML-aineisto Lisää tägiaineistoja: HTML ALMA&KL: Mediareaktori lisää kaikki aineistot IL&MTV: Mediareaktori lisää erikoisaineistot ja erikoisratkaisut 19

20 Tägiaineiston lisäys : - Lisää tiedostot Kirjoita aineiston nimi Klikkilinkki syötetään tägiaineistossa yleensä JavaScript koodin sisälle. Jos tägi lataa flashaineiston, on linkki flashin sisällä Lisää tägin tekstitiedosto Tallenna 20

21 Tägiaineiston lisäys - Testaa 1. Tarkista mainoksen näkyvyys Composed JavaScript tilassa 2. Tarkista klikkilinkin toimivuus 21

22 Tägiaineiston lisäys - Testaa aineiston näkyvyys 1. Vaihda Tag type Composed JavaScriptiksi (Show) Muut vaihtoehdot: Iframe, Standalone JavaScript 2. Tarkista aineiston näkyvyys Kuvat, animaatio, ääni, Aineiston sisällön eettisyys. Testaa aineiston toimivuus lisäksi vielä tuotannossa kampanjan aktivoiduttua (erityisesti sivuasettelu) 3. Tarkista klikkilinkin toimivuus (Paina hiirellä mainosta tai osoitelinkkiä). Aukeaako oikea sivu? Tägiaineistoissa klikkilinkki kirjoitetaan tägikoodiin tai flashin sisälle 22

23 Tägiaineiston lisäys - Tägin JavaScript koodi Tägin JavaScript koodi voi näyttää tältä. Jokaisella tägiaineistojen toimittajalla on oma eri koodinsa. Koodin avulla selain osaa hakea mainoksen kolmannen osapuolen järjestelmästä. Myös EmediateAd laskee näytöt ja klikit Jos tägikoodi ei toimi, Mediareaktori selvittää asian 23

24 Varoittava esimerkki: IL etusivu Lufthansa kampanja rikkoo koko sivun asettelun. Tägiaineistosta puuttui rivivaihto. Virhe näkyi vain Internet Explorerissa 24

25 Tägiaineiston lisäys VALMIS Kysyttävää? 25

26 Lisätietoja: Mediareaktorin päivystys: Puhelin: Sähköposti: Arkisin