Analytiikka ja mittaus

Google Tag Managerin asennus ja käyttöönotto WordPressissä

Google Tag Manager on Googlen ilmainen tagien hallintajärjestelmä, jolla ylläpidät sivustosi seuranta- ja markkinointikoodeja yhdestä paikasta. Kun asennat sen kerran, voit jatkossa ottaa käyttöön esimerkiksi GA4-seurannan tai mainospikselin ilman, että kosket sivuston koodiin tai odotat, että koodari ehtii.

Tällä ohjeella luot Tag Manager -kontin, teet Google Tag Managerin asennuksen WordPress-sivustollesi, lisäät GA4-seurannan sen kautta ja testaat kaiken ennen julkaisua. Saat myös suoran vastauksen siihen, tarvitsetko koko työkalua ylipäätään.

Mikä Google Tag Manager on

Google Tag Manager (GTM) on tagien hallintajärjestelmä. Tagi eli tunniste on pieni koodinpätkä, joka lähettää tietoa jollekin palvelulle: GA4 mittaa kävijöitä, mainospikseli kertoo mainosjärjestelmälle konversioista ja niin edelleen.

Ilman Tag Manageria jokainen koodinpätkä lisätään sivustolle erikseen. Tag Managerin kanssa sivustolle asennetaan vain yksi koodi, kontti (englanniksi container), ja kaikki muut koodit lisätään, muokataan ja poistetaan selaimella Tag Managerin hallintapaneelissa.

Kolme peruskäsitettä riittää alkuun:

  • Tagi (tag): koodi, joka tekee jotain, esimerkiksi lähettää sivunäytön GA4:ään.
  • Käynnistin (trigger): sääntö, joka kertoo, milloin tagi laukeaa, esimerkiksi jokaisella sivulatauksella tai tiettyä nappia klikattaessa.
  • Muuttuja (variable): tieto, jota tagit ja käynnistimet käyttävät, esimerkiksi sivun osoite.

Tärkeä ero heti alkuun: Tag Manager ei itse mittaa mitään. Se on jakelukanava, joka asentaa mittauskoodit puolestasi. Kävijätiedot katsot edelleen GA4:stä, et Tag Managerista.

Tarvitsetko Tag Manageria oikeasti?

Et välttämättä. Jos sivustollesi riittää pelkkä GA4-kävijäseuranta, voit asentaa sen suoraan lisäosalla ilman Tag Manageria. Silloin kokonaisuudessa on vähemmän liikkuvia osia.

Tag Manager alkaa maksaa vaivan, kun jokin näistä täyttyy:

  • Sivustollasi on useita seurantakoodeja: GA4:n lisäksi esimerkiksi Meta-pikseli tai Hotjarin kaltainen lämpökarttatyökalu.
  • Haluat mitata tapahtumia (napin klikkaukset, lomakkeiden lähetykset, tiedostolataukset) ilman koodaajaa.
  • Teet muutoksia usein ja haluat testata ne ennen julkaisua sekä palata tarvittaessa vanhaan versioon.

Yksi vanha myytti kannattaa oikaista: Tag Manager ei varsinaisesti nopeuta sivustoasi. Se lataa tagit asynkronisesti eli sivun piirtämistä estämättä, mutta jokainen konttiin lisätty tagi on silti lisäkuorma. Kevyt sivu pysyy kevyenä vain, jos kontissa on pelkästään tarpeellisia tageja.

Tarvitset

  • Google-tilin
  • pääkäyttäjän oikeudet WordPress-sivustoosi (lisäosien asennus)
  • GA4-mittaustunnuksen (G-alkuinen), jos otat GA4:n käyttöön samalla

Luo tili ja kontti

  1. Mene osoitteeseen tagmanager.google.com ja kirjaudu Google-tililläsi.
  2. Valitse Create Account. Anna tilille nimi (yleensä yrityksen nimi) ja valitse maaksi Suomi.
  3. Anna kontille nimi. Vakiintunut tapa on käyttää sivuston osoitetta, esimerkiksi omasivusto.fi.
  4. Valitse alustaksi (Target platform) Web ja napsauta Create.
  5. Hyväksy käyttöehdot.

Tämän jälkeen ruudulle avautuu kaksi koodinpätkää, jotka asennetaan sivustolle seuraavassa vaiheessa. Kontin tunnus on muotoa GTM-XXXXXXX, ja löydät sen ja asennuskoodit myöhemminkin napsauttamalla tunnusta työtilan yläreunassa.

Asenna konttikoodi WordPressiin

Lisäosalla (suositus useimmille)

Helpoin ja turvallisin tapa on lisäosa, joka sijoittaa koodit oikeille paikoilleen jokaiselle sivulle. Suosituin vaihtoehto on ilmainen GTM4WP, jolla on yli 700 000 aktiivista asennusta ja jota ylläpidetään edelleen aktiivisesti:

  1. Valitse WordPressin hallinnassa Lisäosat → Lisää uusi lisäosa ja hae nimellä GTM4WP.
  2. Napsauta Asenna nyt ja sitten Ota käyttöön.
  3. Avaa lisäosan asetukset, liitä kontin tunnus (GTM-XXXXXXX) sille varattuun kenttään ja tallenna.

GTM4WP osaa lisäksi täyttää niin sanottua datakerrosta (data layer) esimerkiksi WooCommerce-verkkokaupan tiedoilla, mistä on hyötyä verkkokaupan mittaamisessa myöhemmin.

Vaihtoehtojakin on: kevyt GTM Kit ja Googlen oma Site Kit -lisäosa hoitavat saman perustehtävän. Tärkeintä on, että konttikoodi on sivustolla täsmälleen kerran.

Käsin ilman lisäosaa

Jos et halua uutta lisäosaa, voit lisätä koodit itse. Napsauta Tag Managerissa kontin tunnusta, niin näet molemmat koodinpätkät ja ohjeet:

  • <script>-osa sijoitetaan mahdollisimman ylös sivun <head>-osioon.
  • <noscript>-osa sijoitetaan heti avaavan <body>-tagin jälkeen.

WordPressissä tämä onnistuu esimerkiksi koodinpätkälisäosalla (kuten WPCode) tai lapsiteeman kautta. Älä muokkaa teeman tiedostoja suoraan, sillä teeman päivitys pyyhkii muutoksesi. Samat kaksi koodinpätkää toimivat millä tahansa verkkosivustolla, joten sama asennustapa käy myös muille alustoille kuin WordPressille.

Lisää GA4-tagi

Tarvitset GA4-mittaustunnuksen. Löydät sen GA4:stä kohdasta Hallinta → Datavirrat: valitse sivustosi datavirta ja kopioi G-alkuinen mittaustunnus.

  1. Valitse Tag Managerin työtilassa Tags → New.
  2. Anna tagille nimi, esimerkiksi GA4 koko sivusto.
  3. Valitse tagin tyypiksi Google Tag. Tämä tagityyppi korvasi aiemman GA4 Configuration -tagin, johon vanhemmat ohjeet vielä viittaavat.
  4. Liitä Tag ID -kenttään GA4-mittaustunnuksesi.
  5. Valitse Triggering-kohdassa käynnistimeksi Initialization - All Initialization Events, jolloin tagi latautuu jokaisella sivulla mahdollisimman aikaisin.
  6. Napsauta Save.

Perusseuranta on tässä. Kun myöhemmin haluat mitata yksittäisiä tapahtumia ja määrittää niistä avaintapahtumia eli konversioita, käytät Google Analytics: GA4 Event -tagityyppiä.

Testaa esikatselutilassa

Tag Managerin paras ominaisuus on se, että kaiken voi testata ennen julkaisua.

  1. Napsauta työtilan oikeasta yläkulmasta Preview. Google Tag Assistant avautuu.
  2. Kirjoita sivustosi osoite ja napsauta Connect. Sivustosi avautuu uuteen ikkunaan.
  3. Selaa sivustoa muutaman sivun verran ja palaa Tag Assistant -välilehdelle. Näet, mitkä tagit laukesivat (Tags Fired) ja mitkä eivät.
  4. Tarkista vielä GA4:n Tosiaikainen-raportista, että kävijädata liikkuu.

Esikatselu näkyy vain sinulle. Muille kävijöille sivusto toimii koko ajan kuten ennenkin.

Julkaise muutokset

Mikään Tag Managerissa tekemäsi muutos ei näy kävijöille ennen julkaisua.

  1. Napsauta työtilan oikeasta yläkulmasta Submit.
  2. Valitse Publish and Create Version.
  3. Anna versiolle nimi (esimerkiksi GA4 käyttöön) ja lyhyt kuvaus muutoksista.
  4. Napsauta Publish.

Jokainen julkaisu tallentuu versioksi. Jos jokin menee rikki, voit palauttaa edellisen version muutamalla napsautuksella. Tämä on Tag Managerin suurimpia etuja käsin lisättyihin koodeihin verrattuna.

GA4 ja mainospikselit asettavat evästeitä, joten EU:ssa tarvitset evästebannerin, joka kysyy kävijältä suostumuksen ennen kuin tagit laukeavat. Pelkkä banneri ei riitä, jos tagit laukeavat suostumuksesta riippumatta.

Googlen consent mode välittää kävijän valinnat Googlen tageille neljänä signaalina: ad_storage, analytics_storage, ad_user_data ja ad_personalization. Kaksi viimeistä tulivat Consent Mode v2:n myötä, ja Google on edellyttänyt niitä ETA-alueella maaliskuusta 2024 alkaen, jos käytät Googlen mainosominaisuuksia, esimerkiksi remarketingia Google Adsissa.

Käytännössä helpoin reitti on valita suostumustyökalu (CMP eli consent management platform), jolla on valmis Tag Manager -integraatio: esimerkiksi Cookiebotilla, Usercentricsillä ja Complianzilla on valmiit tagimallit Tag Managerin mallipohjagalleriassa. Työkalu hoitaa signaalit puolestasi, ja Tag Managerin Consent Overview -näkymästä näet tagiesi suostumusasetukset yhdellä silmäyksellä.

Yleiset virheet

  • Julkaisu unohtuu. Esikatselussa kaikki toimii, mutta livesivustolla ei tapahdu mitään, koska muutokset jäivät lähettämättä. Tarkista, ettei työtilassa ole julkaisemattomia muutoksia.
  • GA4 asennetaan kahteen kertaan. Jos mittaustunnus on sekä lisäosassa (tai teemassa) että Tag Managerissa, jokainen sivunäyttö kirjautuu tuplana. Valitse yksi asennustapa ja poista muut.
  • Testaus tehdään mainoseston kanssa. Monet mainosten esto-ohjelmat estävät Tag Managerin kokonaan. Jos tagit eivät laukea, kokeile yksityistä selausikkunaa ilman estolaajennuksia.
  • Oma suostumus jäi antamatta. Jos data ei liiku testissä, tarkista, hyväksyitkö itse evästeet sivustollasi testatessasi.
  • Konttiin kertyy roinaa. Vuosien varrella kertyneet käyttämättömät tagit hidastavat sivustoa. Käy kontti läpi silloin tällöin ja poista tarpeeton.

Usein kysyttyä

Mitä Google Tag Manager tekee?

Google Tag Manager asentaa ja hallinnoi sivustosi seuranta- ja markkinointikoodeja eli tageja. Sivustolle lisätään yksi konttikoodi, minkä jälkeen kaikki tagit lisätään, muokataan ja poistetaan selaimessa Tag Managerin hallintapaneelissa. Sivuston koodiin ei tarvitse koskea enää asennuksen jälkeen.

Onko Google Tag Manager seurantatyökalu?

Ei varsinaisesti. Tag Manager ei itse kerää eikä tallenna kävijätietoja, vaan se on jakelujärjestelmä, joka lataa varsinaiset mittaustyökalut, kuten GA4:n tai Meta-pikselin. Se, mitä sivustollasi oikeasti seurataan, riippuu konttiin lisätyistä tageista, ei Tag Managerista itsestään.

Miksi Google Tag Manageria kannattaa käyttää?

Suurimmat hyödyt ovat nopeus ja hallinta: uuden seurantakoodin käyttöönotto ei vaadi koodaajaa, muutokset voi testata esikatselutilassa ennen julkaisua ja jokainen julkaisu tallentuu versioksi, johon voi palata. Jos sivustollasi on vain yksi seurantakoodi, hyöty jää pieneksi; useamman koodin kanssa se on merkittävä.

Kannattaako Google Tag Manager estää?

Kävijänä voit estää sen siinä missä muutkin seurantakoodit, ja monet mainosestäjät tekevät sen oletuksena. Sivuston omistajana asia kannattaa tiedostaa toisin päin: koska osa kävijöistä estää Tag Managerin, kaikki kävijät eivät koskaan näy analytiikassasi, ja GA4:n luvut ovat aina hieman todellista liikennettä pienemmät.

Linkit