Google Tag Manager (GTM) on Googlen ilmainen työkalu, jolla voit hallita verkkosivustosi seurantakoodeja ja skriptejä muokkaamatta lähdekoodia suoraan. Tämä opas käy läpi koko käyttöönoton — GTM-tilin luomisen, GTM-koodinpätkän lisäämisen sivustollesi ja Smartsupp-chat-koodin lisäämisen tagina.
Olemme jakaneet oppaan seuraaviin osioihin:
Luo GTM-tili
Jos sinulla ei vielä ole Google Tag Manager -tiliä, siirry osoitteeseen tagmanager.google.com Ja kirjaudu sisään Google-tililläsi. Napsauta Luo tili, anna tilillesi nimi ja valitse maasi.
Luo verkkosivustollesi säilö. Anna verkkosivustosi URL ja valitse Verkko Kohdealustaksi ja napsauta sitten Luo.
Hyväksy käyttöehdot jatkaaksesi.
Asenna GTM verkkosivustollesi
Kun olet luonut tilisi, GTM näyttää kaksi koodinpätkää. Sinun on lisättävä ne verkkosivustosi HTML-koodiin:
Liitä ensimmäinen koodinpätkä mahdollisimman ylös <head> -osioon.
Liitä toinen koodinpätkä heti avaavan <body> -tagin jälkeen.
Vinkki: Jos käytät esimerkiksi WordPress-, Shopify- tai PrestaShop-alustaa, käytettävissäsi saattaa jo olla sisäänrakennettu Smartsupp-liitännäinen — tutustu alustasi Asennusoppaaseemme Ennen GTM:n käyttöä.
Voit tarkastella GTM-koodinpätkiä myös myöhemmin napsauttamalla säilösi ID:tä (esim. GTM-XXXXXX) GTM-hallintapaneelin yläosassa.
Luo uusi tagi
Napsauta GTM-hallintapaneelissa Lisää uusi tagi (tai siirry kohtaan Tagit > Uusi). Anna tagillesi nimi, esimerkiksi Smartsupp-chat.
Napsauta Tagin määritys -aluetta ja valitse Muokattu HTML Tagin tyypiksi.
Lisää Smartsupp-koodi
Löydät yksilöllisen Smartsupp-chat-koodisi hallintapaneelin kohdasta Asetukset > Chat-ikkuna > Asennus > Lisää koodi. Kopioi koko koodinpätkä.
Liitä koodi uuden GTM-tagisi HTML -kenttään. Napsauta sitten alla olevaa Laukaisu -osiota ja valitse Kaikki sivut — näin varmistat, että Smartsupp-chat-widget latautuu verkkosivustosi jokaisella sivulla.
Huomautus: Varmista, että liität koko koodin, myös <script> -tagit. Toisin kuin jotkin alustat, GTM hyväksyy koko HTML-koodin, myös script-tagit, kun tagin tyyppi on Muokattu HTML.
Julkaise tagi
Napsauta Tallenna -painiketta tallentaaksesi tagisi ja napsauta sitten Lähetä -painiketta GTM-hallintapaneelin oikeassa yläkulmassa.
Lisää version nimi ja kuvaus (valinnainen) ja napsauta sitten Julkaise.
Tarkista asennus
Avaa verkkosivustosi uudessa selaimen välilehdessä ja päivitä sivu. Smartsupp-chat-widgetin pitäisi nyt näkyä sivustosi kulmassa.
Vinkki: Jos chat-widget ei näy, kokeile tyhjentää selaimesi välimuisti tai avata sivustosi incognito-ikkunassa. Varmista myös, että GTM-säilön koodi on asennettu verkkosivustollesi oikein.
Aiheeseen liittyvät resurssit:
Smartsuppin asennus — kattava yleiskatsaus kaikista asennustavoista.
Monikielinen chat-ikkuna — ota chat-widget käyttöön useilla kielillä.
Mitä seuraavaksi?
Chat-ikkunan perusasetukset — Mukauta värejä, sijaintia, tervetuloviestejä ja muita asetuksia.
Chat-ikkunan tila — Opi, miten chat-widgetin tila toimii ja miten voit hallita sitä.
Miksi chat ei näy verkkosivustollani? — Selvitä yleisimmät asennusongelmat.
Lataa liitännäisiä — Tutustu kaikkiin saatavilla oleviin alustaintegraatioihin.