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

2. Youtube-mainonta
Mainostoimisto Kanava.to Oy

3. 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

4. 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

5. 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

6. In-display
6
• YouTube haussa
• YouTube
videolistauksissa,
• Google Display
Networkissa
(samoin kuin myös
hakusanakampanja
voi näkyä)

7. 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

8. 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

9. Youtube-tili
Muista myös..
Oma Youtube-tili
kuntoon
Videomainos pitää
ladata Youtubeen –
mieluiten omalle tilille
9

10. Retargeting-markkinointi
Mainostoimisto Kanava.to Oy

11. Mitä Retargeting-markkinointi on?

12. 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

13. Missä Retargeting-mainos näkyy?

14. 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

15. Mitä Retargeting -markkinointi on?
15

16. Miten Googlen remarketing toimii?

17. 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

18. 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

19. Mainostoimisto Kanava.to Oy

20. HTML 5:sta kohistaan, mutta miksi?

21. 21

22. 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

23. HTML 5:n hyödyt ja haasteet

24. 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 )

25. HTML 5:n hyödyt ja haasteet
25

26. HTML 5:n hyödyt ja haasteet
26
Haasteet:
•Selainten välillä eroja, toimivuus vanhemmissa
selaimissa haasteena

27. HTML 5:n hyödyt ja haasteet
27

28. HTML5 vs. Flash

29. HTML5 vs. Flash
29

30. Tarvitsetko sinä HTML 5 verkkosivut?

31. 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.

32. 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.

33. Summa summarum

34. 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

36. Verkkosivujen tuloksellisuus
Mainostoimisto Kanava.to Oy

37. Mitä tuloksellisuus on?

38. 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

39. Miten kehittää tuloksellisuutta?

40. Konversio-optimointi

41. 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

42. 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

43. Konversio-optimointi
43

44. Flamingo Span konversio-optimointi
44

45. Call-to-Action

46. 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

47. Case Shape
47

48. A/B-testaus

49. 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

50. 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

51. A/B-testaus
51