Webortaasi 2014

51

description

Mainostoimisto Kanava.to:n webortaasi 2014. Aiheena Youtube-mainonta, Googlen re-marketing, HTML5 ja verkkosivujen tuloksellisuus.

Transcript of Webortaasi 2014

Page 1: Webortaasi 2014
Page 2: Webortaasi 2014

Youtube-mainonta

Mainostoimisto Kanava.to Oy

Page 3: Webortaasi 2014

Yleistä Youtubesta

• Youtube on neljänneksi suosituin sivusto Suomessa ja kolmanneksi suurin globaalisti• Edellä Google.com, Google.fi ja Facebook

• Youtubeen ladataan joka minuutti 100 tuntia videota

• Päivittäin palvelussa katsotaan yli 4 miljardia videota

• Kuukaudessa yli miljardi käyttäjää

• Google omistanut Youtuben vuodesta 2006

3

Page 4: Webortaasi 2014

Mainostaminen Youtubessa

• Google lanseerasi Youtube-mainonnan Suomessa viime vuoden alussa

• Mahdollisuus sekä banner- että videomainontaan

• Osa mainoksista voidaan ostaa ja hallinnoida Adwordsin kautta, kuten Googlen hakusanamainonta

• Osa mainonnasta toimii perinteisellä osta ja varaa myyjältäSuositellaan vain isoille asiakkaille – budjetit yli 10 000 €

• Videomainonta uudistui huhtikuussa, jatkossa:•In-stream -mainonta•In-display -mainonta

4

Page 5: Webortaasi 2014

In-stream

5

• Mainos ennen varsinaista videota

• Mainokset näkyvät vain Youtube-partnereiden videoilla

• Mainoksesta voi hypätä yli 5 sekunnin jälkeen

• Näistä ensimmäisistä 5 sekunneista ei makseta mitään

Page 6: Webortaasi 2014

In-display

6

• YouTube haussa

• YouTube videolistauksissa,

• Google Display Networkissa(samoin kuin myös hakusanakampanja voi näkyä)

Page 7: Webortaasi 2014

Youtube-mainonnan edut

• Laaja kohderyhmä

• Mainokset pystyy kohdistamaan• Esim. ikä, sukupuoli, kaupunki, videoiden avainsanat

• Välitön interaktio

• Videoiden mitattavuus eri luokkaa kuin TV:ssä• Klikit• Näyttömäärät: kuinka moni katsonut 5sek, 25%, 50%, 75% ja 100%

• Mahdollisuus pienellä budjetilla• Päiväbudjetti

• Edullisuus• 0,05 € - 0,10 € / katselukerta

• Ilmaiset 5 sekuntia

7

Page 8: Webortaasi 2014

Videotuotanto

Esimerkkikampanja

•10 sekunnin spotti stillkuvista

•Sisältää:• Käsikirjoitus• Kuvitus• Editointi• Äänisuunnittelu• Spiikkaajan valinta ja spiikkauksen koordinointi• Spiikkaus

•Esimerkkejä:http://www.youtube.com/watch?v=zZX9NvJemSs

http://www.youtube.com/watch?v=O_e7gISz8e4

http://www.youtube.com/watch?v=22PQgbymdhk

8

Page 9: Webortaasi 2014

Youtube-tili

Muista myös..Oma Youtube-tili kuntoon

Videomainos pitää ladata Youtubeen – mieluiten omalle tilille

9

Page 10: Webortaasi 2014

Retargeting-markkinointi

Mainostoimisto Kanava.to Oy

Page 11: Webortaasi 2014

Mitä Retargeting-markkinointi on?

Page 12: Webortaasi 2014

Mitä Retargeting-markkinointi on?

Retargeting (Jälleennäkeminen)

– Kerro kohdennetumpi viestisi toisella kontaktilla.

•Kohdistetaan käyttäjille, jotka ovat käyneet mainostajan sivuilla

•Mainostajan verkkosivuilla vieraillut näkee uuden, tarkennetun verkkomainoksen aiemmin katsomistaan mainostajan tuotteista ja palveluista

Sopii hyvin uutuuksista tiedottamiseen olemassa olevalle asiakaskunnalle

Sopii hyvin toimialoille, joissa ostoprosessit pitkiä, esim. B-to-B

 12

Page 13: Webortaasi 2014

Missä Retargeting-mainos näkyy?

Page 14: Webortaasi 2014

Missä Retargeting-mainos näkyy?

Retargeting-mainonta on järkevää mainosverkostoissa

•Mainoksia kannattaa näyttää mahdollisimman laajasti aiemmin mainostajan omalla sivustolla vierailleiden tavoittamiseksi.

•Mainontaa ei osteta tietylle nettisivuille, vaan mainosverkostoihin, joissa mainokset näkyvät useilla sadoilla nettisivuilla.

Googlella oma retargeting -> remarketing

14

Page 15: Webortaasi 2014

Mitä Retargeting -markkinointi on?

15

Page 16: Webortaasi 2014

Miten Googlen remarketing toimii?

Page 17: Webortaasi 2014

Miten Googlen remarketing toimii?

• Perustetaan kampanja Adwordissa

• Asennetaan verkkosivuille seurantapikseli, joka saadaan Adwordsista

• Tehdään bannerit- Mobiiliin mahdollista saada omat bannerit

• Bannereita tarvitaan useita- Sitä parempi näkyvyys mitä enemmän bannereita

• Kampanja lähtee liveksi, kun seurantapikseli aikana omilla verkkosivuilla yli 100 kävijää

Maksetaan vain klikeistä

Voidaan asettaa haluttu päiväbudjetti

17

Page 18: Webortaasi 2014

Mitä se maksaa? Hinnat alv 0 %

Klikit noin 1 €

Esimerkkikampanja

Avaimet käteen:

•Adwords-kampanjan pystytyksen

•Seurantakoodin asennuksen

•Bannereiden suunnittelun ja toteutuksen (still bannerit, 7 kpl)

•Kampanjan koordinoinnin

•Raportoinnin

18

Page 19: Webortaasi 2014

Mainostoimisto Kanava.to Oy

Page 20: Webortaasi 2014

HTML 5:sta kohistaan, mutta miksi?

Page 21: Webortaasi 2014

21

Page 22: Webortaasi 2014

HTML 5:sta kohistaan, mutta miksi?

HTML5 on ollut kuluvan vuoden aikana runsaasti esillä

- Uuden ajan teknologia, runsaasti hypeä

- Web-sivut ja palvelut, ja joka takaa niiden toimivuuden mobiililaitteissa.

- Mobiililaitteissa flash tuki lopettu

-Alustasta ja käyttöjärjestelmästä riippumaton kieli

•HTML5 on vanhan tutun HTML-kielen viimeisin versio. HTML5 on paranneltu versio vanhasta kielestä, ja se sisältää monia uusia ominaisuuksia, jotka helpottavat ja laajentavat web-kehityksen mahdollisuuksia.

•HTML5:sta kehitetään yhä, ja valmiin standardin odotetaan valmistuvan vuoden 2014 aikana.

•Uudenaikaiset selaimet kuitenkin tukevat jo monia HTML5:n ominaisuuksia.

22

Page 23: Webortaasi 2014

HTML 5:n hyödyt ja haasteet

Page 24: Webortaasi 2014

HTML 5:n hyödyt ja haasteet

24

Tekniset hyödyt:

• Samat toiminnot useilla laitteilla

• Saavutettavuus

• Video- ja audiotuki sekä animoinnit

• Siistimpi koodi nopeuttaa ohjelmointia

• Fiksumpi tietojen taltiointi kuin vanhassa html:ssä

• Interaktiivisuus (canvas vs flash, drag n´ drop )

Page 25: Webortaasi 2014

HTML 5:n hyödyt ja haasteet

25

Page 26: Webortaasi 2014

HTML 5:n hyödyt ja haasteet

26

Haasteet:

•Selainten välillä eroja, toimivuus vanhemmissa selaimissa haasteena

Page 27: Webortaasi 2014

HTML 5:n hyödyt ja haasteet

27

Page 28: Webortaasi 2014

HTML5 vs. Flash

Page 29: Webortaasi 2014

HTML5 vs. Flash

29

Page 30: Webortaasi 2014

Tarvitsetko sinä HTML 5 verkkosivut?

Page 31: Webortaasi 2014

Tarvitsetko sinä HTML 5 verkkosivut?

31

Kyllä, jos :

• tarvitset monipuolisesti Interaktiivisia tai monimediaalisia ominaisuuksia sivuillasi

• etkä halua eriIlisiä ohjelmien ja liitännäisten latauksia tai asennuksia

• ja sivujen on toimittava samanlaisena eri alustoissa, myös mobiilissa.

Page 32: Webortaasi 2014

Tarvitsetko sinä HTML 5 verkkosivut?

32

Et tarvitse HTML5 sivuja välttämättä:

•HTML-kielellä rakennetut sivut ovat aina näkyneet kaikilla laitteilla

•Perinteiset verkkosivut toimivat erinomaisesti mobiililaitteissa myös ilman erillistä HTML5 suunnittelua, jos sivu on suunniteltu hyvin ja tehty responsiiviseksi

•HTML5 helpottaa kehittäjien työtä mobiilipalveluiden rakentamisessa, mutta HTML5 ei yksinään kuitenkaan takaa automaattisesti responsiivisuutta tai hyvää mobiilikokemusta.

Page 33: Webortaasi 2014

Summa summarum

Page 34: Webortaasi 2014

Summa summarum

• HTML5:sta hyödynnetään jo jokapäiväisessä verkkosivusuunnittelussa.

• Se helpottaa kehittäjien työtä ja mahdollistaa monimediaalisen ja interaktiivisen sisällön toteutuksen sivustoilla

• HTML5 merkitys korostuu erityisesti silloin kun sivuston sisältö on interaktiivista tai mediapainotteista ja sivujen kohderyhmä tulee sivuille mobiililaitteilla

• Perinteisten sivujen toiminta mobiililaitteissa ei edellytä HTML5:n hyödyntämistä

34

Page 35: Webortaasi 2014
Page 36: Webortaasi 2014

Verkkosivujen tuloksellisuus

Mainostoimisto Kanava.to Oy

Page 37: Webortaasi 2014

Mitä tuloksellisuus on?

Page 38: Webortaasi 2014

Mitä tuloksellisuus on?

Tuloksellisuus

– “lisää kauppaa, lisää rahaa”

•Verkkokaupoilla tuloksellisuudella tarkoitetaan suoraan myynnin lisäämistä

•Yhtä hyvin tuloksellisuudella voidaan tarkoittaa yhteydenottoja, tarjouspyyntöjä, uutiskirjeen tilauksia, työhakemuksia ym.

Jotta voidaan kehittää tuloksellisuutta, niin verkkosivuille pitää määritellä tavoite

Verkkosivujen tuloksellisuus liittyy jossain määrin kaikkeen liiketoimintaan

 38

Page 39: Webortaasi 2014

Miten kehittää tuloksellisuutta?

Page 40: Webortaasi 2014

Konversio-optimointi

Page 41: Webortaasi 2014

Konversio-optimointi

Konversio-optimointi

•Optimoinnilla parannetaan sivuston tuottamia tuloksia halutun tavoitteen mukaisesti

•Tavoitteita voi olla esimerkiksi:- Ostotapahtumien määrän lisääminen

- Keskimääräisen ostosumman kasvattaminen

- Tarjouspyyntöjen ja yhteydenottojen määrän lisääminen

- Asiakasrekisterin kasvattaminen

•Konversio-optimoinnissa tutkitaan kävijöiden käyttäytymistä verkkosivuilla ja korjataan havaitut ongelmakohdat

•Muutoksia voi olla esimerkiksi:-Ostoskorilinkin selkeytys-Toimitustapojen parempi esille tuonti-Eri sanamuodot yhteystietolomakkeessa

41

Page 42: Webortaasi 2014

Konversio-optimointi

Mittaaminen

•Keskimääräinen konversio on yleensä 2 %

•Mittaaminen onnistuu Google Analyticsissa- Erikseen E-commerce –analytiikka

•Analyticsia voi käyttää monella tavalla hyödyksi konversioita parantamalla

- Mitkä kohdat sivuilla saavat eniten klikkejä

- Missä kohtaa ostoskoria tiputaan pois

- Ym.

42

Page 43: Webortaasi 2014

Konversio-optimointi

43

Page 44: Webortaasi 2014

Flamingo Span konversio-optimointi

44

Page 45: Webortaasi 2014

Call-to-Action

Page 46: Webortaasi 2014

Call-To-Action

• Call-to-Action (CtA) aktivoi käyttäjän suorittamaan halutun toimenpiteen verkkosivuilla– Yleensä banneri, painike, tai vastaava erillinen elementti sivustolla

• Toimenpide voi olla esim:- Uutiskirjeen tilaaminen

- Verkkokaupan käyttäjäksi rekisteröityminen

- Tarjouspyynnön jättäminen

• Eniten Call-to-Actioniin pystyy vaikuttamaan sanoilla - Maksa ja rekisteröidy vs. Rekisteröidy nyt, saat 5 €:n alennuskupongin

- Liity jäseneksi vs. Aloita kuntoilu tänään

- Tilaa uutiskirje vs. Tilaa uutiskirjeemme - voit milloin tahansa perua sen, jos koet, ettei siitä ole sinulle hyötyä

46

Page 47: Webortaasi 2014

Case Shape

47

Page 48: Webortaasi 2014

A/B-testaus

Page 49: Webortaasi 2014

A/B-testaus

• Pelkästään asiantuntemuksella ei aina voida tietää mikä toimii

A/B-testaus

• Vertaillaan (yleensä) kahta eri sivuvaihtoehtoa käyttäjillä

• Käytännössä verkkosivusta on kaksi versiota esillä, joihin liikenne jaetaan

• Tuloksia voidaan seurata Google Analyticsissa Content Experiment -työkalulla

49

Page 50: Webortaasi 2014

A/B-testaus

• A/B-testauksella voidaan tutkia muun muassa seuraavia asioita:- Otsikoiden tai aktivointikohtien sanavalinnat

- Tarjouksen tai hinnan sijoittelu ja korostus

- Värit

- Painikkeiden sijainnit ja tekstit

• Kannattaa testata, sillä kuluttajien käyttäytyminen ei ole ennustettavaa ja oma mutu-tuntuma usein väärä

• A/B-testaus kannattaa olla jatkuvaa tekemistä, koska käytännössä voidaan testata vain yhtä muutosta kerrallaan

• A/B-testauksen aika riippuu sivuston kävijämääristä

50

Page 51: Webortaasi 2014

A/B-testaus

51