Lisäosat

Google Tag Manager

Yhdistä Google Tag Manager kauppaasi ja seuraa kävijöitä, ostoksia ja konversioita yhdestä paikasta

Google Tag Manager (GTM) on Googlen ilmainen kontti, johon voit lisätä erilaisia seurantaskriptejä — kuten Google Analytics 4, Google Ads -konversioseurannan tai Meta Pixelin — ilman että kauppaasi tarvitsee koskea koodin tasolla. Putiikkipalvelussa GTM yhdistetään yhdellä container ID:llä, ja kauppasi alkaa heti lähettää valmiita kaupankäyntitapahtumia.

Ennen kuin aloitat

  • Google Tag Manager -tili osoitteessa tagmanager.google.com
  • Container (säiliö) luotuna tilille — saat siihen tunnuksen muodossa GTM-XXXXXXX
  • Pääsy Putiikkipalvelun hallintapaneelin Lisäosat-osioon

Container vs. Account

Yksi Account (tili) voi sisältää useita Container-säiliöitä. Yksi container vastaa yhtä verkkosivustoa — luo siis erillinen container kullekin Putiikkipalvelu-kaupalle, jos sinulla on niitä useita.

1. Hae container ID Google Tag Managerista

  1. Kirjaudu osoitteeseen tagmanager.google.com
  2. Valitse haluamasi container (tai luo uusi Web-tyyppinen)
  3. Container ID näkyy oikeassa yläkulmassa muodossa GTM-XXXXXXX
  4. Kopioi tunnus

2. Liitä container Putiikkipalveluun

  1. Mene hallintapaneelissa kohtaan Lisäosat → Google Tag Manager → Määritä
  2. Liitä container ID kenttään Container ID
  3. Klikkaa Tallenna

Kentässä lukee nyt vihreä vahvistus, ja takaisin Lisäosat-näkymässä Google Tag Manager -kortin tila vaihtuu Määritetty-merkinnäksi.

Container ID -formaatti

Tunnus alkaa aina merkeillä GTM-. Jos liität vahingossa Google Analyticsin mittaustunnuksen (G-XXXXXXX), seuranta ei toimi — GA4-tunnukset lisätään GTM:n sisältä, eivät suoraan kauppaan.

3. Vahvista, että GTM toimii

GTM:n omassa hallintapaneelissa:

  1. Avaa container
  2. Klikkaa oikeasta yläkulmasta Preview (Esikatselu)
  3. Syötä kauppasi osoite ja klikkaa Connect
  4. Selaile sivustoasi — GTM:n debug-paneelissa pitäisi näkyä tapahtumia (esim. view_item, add_to_cart)

Jos tapahtumia ei näy, varmista että:

  • Olet hyväksynyt evästebannerin analytiikkavalinnat kaupan etusivulla (oletuksena suostumus on kielletty)
  • Container ID on tallennettu oikein hallintapaneelissa
  • Selaimen ad blocker ei estä GTM-skriptin lataamista

Mitä tapahtumia kauppasi lähettää

Kauppasi lähettää GTM:n dataLayeriin valmiita Google GA4 Enhanced E-commerce -muotoisia tapahtumia. Voit käyttää näitä suoraan Google Analyticsissa, Google Adsissa tai missä tahansa GTM-yhteensopivassa työkalussa.

TapahtumaMilloin laukeaaMitä sisältää
view_itemAsiakas avaa tuotesivuntuote-id, nimi, hinta, kategoria, variaatio
add_to_cartLisää ostoskoriin -painiketuote, valittu variaatio, hinta
remove_from_cartTuote poistetaan ostoskoristatuote, määrä, kokonaisarvo
view_cartOstoskori-sivu avataankaikki tuotteet, ostoskorin loppusumma
begin_checkoutKassasivu avataan (Stripe tai Paytrail)kaikki tuotteet, summa, alennuskoodi
purchaseTilaus on maksettutilausnumero, summa, toimituskulu, alennuskoodi, tuotteet

Tapahtuman rakenne

Kaikki tapahtumat noudattavat samaa rakennetta:

{
  event: "purchase",
  ecommerce: {
    transaction_id: "1042",
    currency: "EUR",
    value: 49.90,
    shipping: 5.90,
    coupon: "KESA20",
    items: [
      {
        item_id: "abc123",
        item_name: "Mustikkahillo 250g",
        price: 6.50,
        currency: "EUR",
        quantity: 2,
        item_category: "Hillot",
        item_variant: "250g / Lasipurkki"
      }
    ]
  }
}
  • Hinnat ovat euroissa desimaaleilla (ei sentteinä) — voit verrata suoraan tilauksen näyttämään summaan
  • Variaatiot näkyvät kentässä item_variant muodossa "Koko / Väri"
  • Kategoria poimitaan tuotteen ensimmäisestä kategoriasta

Vinkki — purchase-tapahtuma

Tilausvahvistussivun purchase-tapahtuma laukeaa vain kerran tilausta kohden, vaikka asiakas päivittäisi sivun. Tämä estää Google Analyticsia laskemasta samaa tilausta kahteen kertaan.

Suositellut käyttötapaukset

Google Analytics 4

GTM:n yleisin käyttö on GA4-mittauksen lisääminen.

  1. GTM-paneelissa: Tags → New → Google Analytics: GA4 Configuration
  2. Liitä GA4-mittaustunnus (G-XXXXXXX)
  3. Trigger: All Pages
  4. Lisää erilliset tagit Enhanced E-commerce -tapahtumille (purchase, add_to_cart, jne.) — GA4 osaa lukea kauppasi lähettämät tapahtumat suoraan ilman lisäkonfiguraatiota
  5. Julkaise container (Submit)

GA4:n Conversions-osiossa kannattaa merkitä purchase konversioksi, jotta se näkyy raporteissa erikseen.

Jos käytät Google Adsia mainoksiin:

  1. GTM-paneelissa: Tags → New → Google Ads Conversion Tracking
  2. Liitä konversiotunnus ja konversionimike
  3. Trigger: Custom Event → tapahtumanimi purchase
  4. Käytä muuttujia {{ecommerce.value}}, {{ecommerce.transaction_id}} ja {{ecommerce.currency}} arvon ja tilauksen ID:n välittämiseen

Meta Pixel (Facebook/Instagram-mainokset)

  1. GTM-paneelissa: Tags → New → Custom HTML
  2. Liitä Meta Pixelin asennuskoodi (saat sen Meta Events Manageristasta)
  3. Trigger: All Pages
  4. Lisää erikseen tagit Purchase-, AddToCart- ja ViewContent-pikselitapahtumille — käytä triggereinä Putiikkipalvelun lähettämiä tapahtumia (purchase, add_to_cart, view_item)
  5. Aseta tagin Consent Settings → vaadi ad_storage

Evästebanneri ja suostumus

Kun GTM on aktivoitu, kauppasi etusivulle ilmestyy automaattisesti evästebanneri kolmella kategorialla:

  • Välttämättömät — aina päällä, ei kytkettävissä pois
  • Analytiikka — esim. Google Analytics
  • Markkinointi — esim. Google Ads, Meta Pixel

GTM käyttää Googlen Consent Mode v2 -mallia: ennen suostumuksen antamista skriptit lataavat ilman evästeitä, joten kauppasi noudattaa GDPR:ää oletuksena. Heti kun asiakas hyväksyy banneriltä:

  • Analytiikkaanalytics_storage: granted → GA4 alkaa kerätä tilastoja
  • Markkinointiad_storage: granted → Google Ads ja Meta Pixel saavat täyden seurannan

Älä asenna omaa cookie-banneria

Kauppasi mukana toimitettu evästebanneri on jo integroitu GTM:n Consent Modeen. Jos asennat oman bannerin (esim. Cookiebot tai OneTrust) GTM:n kautta, kaksinkertainen suostumus voi rikkoa seurannan. Käytä vain sisäänrakennettua banneria.

Lisäosan poistaminen

  1. Mene Lisäosat → Google Tag Manager
  2. Klikkaa Poista
  3. Vahvista poisto

Kun GTM on poistettu:

  • Container ID poistuu kauppasi koodista välittömästi seuraavalla sivulatauksella
  • Kaupankäyntitapahtumia ei enää lähetetä
  • Evästebanneri katoaa automaattisesti, jos GTM oli ainoa evästeitä vaativa lisäosa

Vianetsintä

OngelmaMahdollinen syy
Tapahtumia ei näy GTM:n esikatselussaEt ole hyväksynyt evästebannerin analytiikkavalintaa
Tapahtumia ei näy GA4:ssä mutta näkyy GTM:ssäGA4-konfiguraatiotagia ei ole julkaistu (Submit) GTM:ssä
purchase-tapahtuma laukeaa kahteen kertaanAsiakas avasi tilausvahvistuksen kahdessa eri välilehdessä — kummassakin se laukeaa kerran
Container ID ei tallennuTunnuksen alku ei ole GTM- — tarkista että kopioit oikean tunnuksen
Mainosseuranta ei toimi inkognito-tilassaBanneri kysyy suostumuksen erikseen jokaisessa istunnossa — tämä on normaalia

Liittyvät aiheet