Google Tag Managerin asentaminen helposti

Google Tag Managerin asennus
Santeri Kallio
Santeri Kallio

Digitaalinen markkinointi vaatii yhä enemmän datan keräämistä. Siksi sivustoille pitää asentaa useita koodinpätkiä, pikseleitä ja muita seurantoja. 

Google Tag Manager (GTM) on parhaita vaihtoehtoja markkinoinnin seurantojen, eli tagien hallintaan ja asentamiseen.

Tässä oppaassa neuvon kohta kohdalta, kuinka asennat Google Tag Managerin mahdollisimman helposti verkkosivustolle, kuten WordPress-sivulle.


Sisältö:


Mikä on tagi

Tagilla tarkoitetaan markkinoinnin toiminnallisuuksia, mitä voidaan lisätä verkkosivuille.

Käytännössä tagit ovat sivuston vierailijoille näkymättömiä koodinpätkiä.

Tässä vain muutama esimerkki tageista:

  • Seurantakoodit joilla muut ohjelmat, kuten Google Analytics, HubSpot tai Facebook Business Manager saadaan otettua käyttöön
  • Konversioiden seuranta, kuten uutiskirjetilaus, tiedostolataus tai lomakelähetys
  • Verkkokaupan seuranta, kuten tilausten ja ostoskorikäyttäytymisen seuranta
  • Kävijöiden profiloiminen
  • AB-testaaminen

Tagit ovat siis todella tärkeä osa digitaalista markkinointia sekä yleistä sivustojen mittaamista.


Mikä on Google Tag Manager

Google Tag Manager (GTM) on järjestelmä jolla hallitaan verkkosivuston tai sovelluksen tageja.

Näitä niin kutsuttuja tagienhallintajärjestelmiä on useita, mutta GTM on niistä ylivoimaisesti suosituin. Tageja hallinnoivista verkkosivustoista yli 98% käyttää Google Tag Manageria!

GTM on siis alansa ehdoton kuningas, ja tähän on varsin hyvä syy: Se on jatkuvasti päivittyvä, luotettava, ilmainen ja varsin helppokäyttöinen.

Tilanteesta riippuen Tag Manager saattaa olla vain tapa lisätä muutama seurantakoodi sivustolle, tai se voi olla välttämätön osa suuren verkkosivuston markkinoinnin kehittämistä. 


Google Tag Managerin hyödyt

Monia tagienhallintajärjestelmällä tehtäviä asioita voidaan tehdä myös muilla tavoilla.

Esimerkiksi seurantakoodin voi asentaa sisällönhallinnan lisäosan kautta tai liittämällä sen suoraan sivuston koodiin.

GTM kuitenkin tekee asioista helpompaa säiliön (container) avulla. Säiliö on kuin ylimääräinen, näkymätön paikka verkkosivustollasi, jonne säilötään tageja.

GTM, sivusto ja säiliö

Säiliöön saat yhteyden GTM-tilin kautta. Näin voit tehdä kaiken seurantoihin liittyvän työn Tag Managerin puolella, josta uudet toiminnallisuudet tulevat säiliön kautta toimintaan verkkosivustolla.

Tämän järjestelyn ansiosta Google Tag Managerin käyttämisessä on monia etuja digimarkkinoijille:

Tagienhallinta on nopeaa ja helppoa

Todella usein käy niin, että Google Analyticsin asentamisen jälkeen sivustolle halutaan lisätä ominaisuuksia, kuten konversioseuranta verkkomainonnalle.

Näissä tilanteissa jokainen koodi pitäisi erikseen asentaa sivustolle, ja usein tämä pitää pyytää verkkosivuston tekniseltä kumppanilta.

Nopeinta on lisätä seurannat taginhallinnan kautta. Sinun ei tarvitse sekoilla käyttöoikeuksien kanssa, laskea kehittäjien tuntihintoja tai miettiä minkä sivupäivityksen yhteydessä muutos julkaistaan.

Eniten aikaa säästät jos olet vasta aloittamassa verkkosivuston kanssa, koska voit asentaa kaiken alusta alkaen GTM’llä.

Ei tarvetta koodaamiselle

Koodaaminen ei ehkä ole juuri sinun juttusi.

Siitä huolimatta tulet tarvitsemaan markkinoinnin toiminnallisuudet sivustolle.

GTM’n avulla näitä kaikkia seurantoja voi asentaa sivustolle jopa ilman koodaamista. 

Mikä parasta, monet tagit (mukaanlukien Google Analytics) löytyvät valmiina pohjina. Apua GTM’n käyttöön on myös aina tarjolla ilmaiseksi (yksi kattavin paikka ohjeille on Simo Ahavan blogi).

Vähemmän riskiä virheille

Yksi asia on aina varmaa.

Koodin lisääminen sivustolle voi hajottaa sivuston.

Välillä turhankin helposti.

Yksi suurimpia etuja Tag Managerilla työskennellessä on, että kaikki muutokset voi aina testata.

Jos siis sattuu käymään niin huonosti, että uusi asentamasi tagi hidastaa tai rikkoo sivustolla jotain, saat tietää siitä jo testausvaiheessa.

Näin ollen voit jättää muutoksen tekemättä, eikä kukaan muu vierailija joudu kärsimään virheestä.

Ja vaikka löytäisit virheen vasta päivien jälkeen seurannan tekemisestä, voit GTM’n puolella palauttaa hetkessä viimeisimmän toimivan version.

Katsotaan nyt kohta kohdalta miten Google Tag Manager asennetaan.


1. Google Tag Manager-tilin tekeminen

Kirjaudu Google-tilille

Aloita tilin luominen menemällä osoitteeseen tagmanager.google.com.

Sinua pyydetään tällöin kirjautumaan Google-tilille, mikä myös tulee samaan käyttöoikeuden Tag Managerin tiliin.

Kirjaudu Google-tilillä

Valitse sopiva Google-tili tätä ajatellen. Tag Managerin tilin tekemisen jälkeen voit antaa lisää käyttöoikeuksia muille Google-tileille.

Nimeä Tag Manager-tili

Tili toimii kuin ylätasona, mikä sisältää useita säiliöitä (container).

GTM-tili ja -säiliöt

Hyvä käytäntö on, että tilille annetaan esimerkiksi yrityksen nimi.

GTM tilin nimeäminen

Aseta myös tilille maa, jonka kielellä haluat nähdä palveluehdot, kuten ”Suomi”.

Nimeä säiliö

Säiliö on sivustolle asennettavien tagien säilytyspaikka.

Hyvä käytäntö on nimetä säiliö sen sivuston mukaan, minne aiot asettaa sen (kuten esimerkkisivusto.fi). Näin erotat ne helposti toisistaan.

Luo uusi GTM-säiliö

Jos aiot asentaa säiliön verkkosivustolle, valitse kohdekäyttöympäristöksi ”Verkko”.

Paina sitten ”Luo” ja hyväksy lopuksi käyttöehdot.

Tag Managerin tilisi on tämän jälkeen tehty. Nyt sinulla on myös (tietylle verkkosivustolle nimetty) säiliö valmiina asennuksen seuraavaa vaihetta varten.


2. Säiliön asentaminen

Pelkkä tili ei yksin riitä tagienhallintaan. Vasta GTM-säiliön lisäämisen (ja julkaisemisen) jälkeen sivustosi pystyy ottamaan vastaa tageja ja tekemään niillä jotakin.

Säiliön asentamiseen on kaksi vaihtoehtoa:

  1. Jos verkkosivustosi tukee lisäosien käyttämistä, eli se on rakennettu esimerkiksi WordPressillä tai Magentolla, voit asentaa GTM-säiliön lisäosalla. 
  2. Voit myös liittää säiliön suoraan sivuston koodiin, jos tämä on tuttua.

Alla näet tarkemmat ohjeet kuhunkin vaihtoehtoon.


Google Tag Managerin asennus WordPress-lisäosalla

WordPressilla on useita vaihtoehtoja, joilla voit asentaa GTM:n: Kirjoita vain lisäosien hakupalkkiin “Google Tag Manager”.

Jos haluat tehdä perusasennuksen nopeasti ja ottaa mahdollisesti käyttöön myös edistyneitä ominaisuuksia, suosittelen lisäosaa Google Tag Manager for WordPress (GTM4WP). 

GTM4WP-lisäosa WordPressiin

Kyseisen lisäosan saat käyttöön näin:

  1. Kirjaudu Worpress-tilisi hallintaan
  2. Valitse vasemmanpuoleisesta valikosta “Lisäosat” > “Lisää uusi”
  3. Kirjoita hakukenttään “google tag manager for wordpress”
  4. Valitse samanniminen lisäosa ja paina “Asenna nyt”
  5. Ota lisäosa käyttöön valitsemalla “Ota käyttöön”
  6. Mene Google Tag Managerissa tekemääsi tiliin, ja kopio etusivulla yläpalkissa näkyvä säiliösi GTM-alkuinen yksilöllinen tunnus
    Kopioi GTM-tunnus
  7. Palaa WordPressin hallintaan, ja valitse vasemmanpuoleisesta valikosta “Asetukset” > “Google Tag Manager”
  8. Mene valikossa “General”-välisivulle, ja liitä Tag Managerissa kopioimasi tunnus kohtaan “Google Tag Manager ID”. Jätä lisäkoodin asennusvaihtoehdoksi ”Footer of the page” (tämän tarpeellisuus on nimittäin kyseenalainen)
    Ota GTM4WP-lisäosa käyttöön
  9. Paina “Tallenna muutokset”, niin työ Wordpessin puolella on valmis. Seuraavaksi julkaise säiliö kohdassa 3.

Google Tag Manager asennus Magento-lisäosalla

Magenton Marketplacessa on useita vaihtoehtoja, kun kirjoitat hakuun “Google Tag Manager”.

GTM Magento-lisäosat

Valitsemastasi lisäosasta riippuen saatat tarvita yksilöllistä GTM-säiliösi tunnusta. Tämän voit kopioida Tag Managerin hallinnan yläpalkista:

Kopioi GTM-tunnus

Mene tämän jälkeen lisäosan asetuksiin. Liitä tunnus kenttään jossa sitä pyydetään, ja tallenna muutokset. Voit siirtyä julkaisemaan säiliön kohdassa 3.


Asentaminen kopioitavalla koodilla

Tag Managerin voi myös asentaa liittämällä verkkosivustolle koodinpätkän.

Se ei välttämättä ole yhtä helppoa kuin lisäosan käyttäminen, mutta se on varma tapa pitää GTM:n säiliö verkkosivustollasi.

  1. Kirjaudu Google Tag Manageriin Google-tililläsi
  2. Valitse säiliö jonka haluat asentaa
  3. Mene Järjestelmänvalvoja-valikkoon ja valitse “Asenna Google Tag Manager”
    GTM järjestelmänvalvoja
  4. Kopio kummatkin koodinpätkät talteen
    Kopio GTM-seurantakoodit
  5. Mene verkkosivustosi hallintajärjestelmän kautta paikkaan josta voit hallita sivustosi HTML-koodia. Huomioi, että Tag Managerin seurantakoodit pitää saada jokaiselle sivulle verkkosivustossasi.
  6. Liitä ylempi <script> -alkuinen koodi mahdollisimman lähelle koodin <head> -osion alkua
  7. Liitä alempi <noscript> -alkuinen koodi mahdollisimman lähelle koodin <body> -osion alkua

3. Säiliön julkaiseminen

Säiliö on nyt sivustollasi joko lisäosalla tai koodinpätkän avulla? Hieno juttu!

Seuraavaksi pitää vielä julkaista säiliö.

Tag Managerissa on nimittäin versionhallinta, jota voidaan käyttää esimerkiksi tagien testaamiseen ennen varsinaista julkaisua.

Tämä ominaisuus voi ensin aiheuttaa harmaita hiuksia, sillä vain julkaistun säiliön tagit tulevat toimintaan verkkosivustolla

Suosittelen julkaisemaan ensimmäisen version heti säiliön asentamisen jälkeen. Näin saat vähintäänkin harjoitusta muutosten julkaisemisesta.

  1. Mene sivulle “Yleiskatsaus”. Täällä näet kaikki muutokset mitkä julkaisu tuo toimintaan (säiliön ensimmäisen julkaisun yhteydessä ei välttämättä mitään).
    GTM yleiskatsaus
  2. Paina oikeasta yläkulmasta “Lähetä”
    Lähetä GTM versio
  3. Anna versiolle nimi, kuten “Säiliön julkaisu”
    Nimeä GTM Versio
  4. Halutessasi voit antaa kuvauksen säiliölle
    Julkaise GTM versio
  5. Paina lopuksi “Julkaise”. Lyhyen (tökerösti suomennetun) animaation jälkeen säiliösi on julkaistu sivustolle!

Säiliön toiminnan varmistaminen

Säiliön pitäisi nyt olla julkaistu.

Silti saatat kysyä yhä itseltäsi: Toimiiko Google Tag Manager varmasti sivustollani?

Helpoiten voit tarkastaa tämän Chrome-selaimen Google Tag Assistant-lisäosalla.

Tag Assistant on tarkoitettu varmistamaan Google-ohjelmistojen tagien toiminta. Tässä tapauksessa varmistamme, että juuri GTM on asennettu oikein.

Toimi näin:

  1. Avaa Chrome-selain
  2. Lataa Google Tag Assistant-lisäosa painamalla “Lisää Chromeen” > “Lisää laajennus”
    Lisää Tag Assistant Chromeen
  3. Klikkaa selaimen (oikean yläpalkin) laajennuksen ikonista Tag Assistant auki, ja anna sille lupa tarkistaa tageja painamalla ”Done”
    Avaa Google Tag Assistant
  4. Mene verkkosivustolle josta haluat varmistaa säiliön julkaisemisen
  5. Klikkaa Tag Assistantin ikonia ja aktivoi tarkastus painamalla “Enable”
    Aloita Google Tag Assistant
  6. Lataa sivu uudelleen 
  7. Klikkaa uudelleen Tag Assistantin ikonia avataksesi raportti
    Katso Tag Assistant raportti

Yllä olevassa raportissa näkyy että sivustolla on “Google Tag Manager”, mikä vihreän värin perusteella toimii moitteettomasti.

Muut värivaihtoehdot ovat sininen (toimiva mutta ei normaalisti käyttöön otettu), keltainen (pieni ongelma) ja punainen (toiminnan estävä ongelma).

Huomioi kuitenkin, että jos käytät selaimessa Adblockeria, se saattaa häiritä GTM:n toimintaa.

Jos siis olet varma, että säiliö on julkaistu, mutta raportin tulos ei ole vihreä, kokeile ottaa Adblocker pois kyseisellä sivulla lisäosan asetuksista. Lisäksi voi kestää hetki, että kuva vaihtaa väriä sinisestä vihreäksi, mutta sillä ei ole väliä.

Kun raportti näyttää vihreää valoa, säiliö on varmasti julkaistu.


Loppusanat

Tag Managerin asentaminen on kuin investointi sivuston tulevaisuuteen:

Sen tekeminen vaatii hieman työtä, mutta lopputuloksena säästät paljon aikaa tulevaisuudessa, kun tarvitset seurantoja markkinointia varten.

Entä mitä kannattaa tehdä seuraavaksi?

Ota käyttöön tageja joita tarvitset!

Mahdollisuudet ovat rajattomat. Voit esimerkiksi aloittaa kävijädatan keräämisen Google Analyticsilla, tai selvittää Google Search Consolen avulla mikä hakukonelöydettävyytesi on.

Parasta on myös siirtään sivustolla jo olevat vanhat seurantakoodit Google Tag Manageriin. Vain silloin voit hallita kaikkea yhdellä työkalulla, mikä on juuri GTM:n suurin vahvuus.

Palaan tähän aiheeseen toisessa kirjoituksessa.


Santeri Kallio profiilikuva

Santeri Kallio

Web-analyytikko – Quru Oy Helsinki – Kauppatieteiden maisteri

Blogissani näytän miten dataohjattua markkinointia tehdään käytännössä … Lue lisää

Vastaa

Sähköpostiosoitettasi ei julkaista.