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

Lue lisää Google Tag Managerista ja sen käytöstä tästä oppaastani:


OPAS: Mikä on Google Tag Manager ja miten sitä käytetään



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!

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


Santeri Kallio profiilikuva

Santeri Kallio

Data-analyytikko (Reaktor) – Kouluttaja

Blogissani näytän miten voit näkyä paremmin netissä ja parantaa myyntiä datalla … Lue lisää

Vastaa

Sähköpostiosoitettasi ei julkaista.