Google Tag Manager (GTM) on Googlen ilmainen työkalu, jonka avulla voit hallita seurantakoodeja ja skriptejä verkkosivustollasi ilman, että muokkaat lähdekoodia suoraan. Tämä ohje opastaa sinut koko asennuksen läpi – GTM-tilin luonnista ja GTM-koodin lisäämisestä sivustollesi Smartsupp-chat-koodin lisäämiseen 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. Klikkaa Create Account, syötä tilin nimi ja valitse maa.
Määritä säilö verkkosivustollesi. Syötä verkkosivustosi URL ja valitse Web kohdealustaksi, ja klikkaa sitten Create.
Hyväksy käyttöehdot jatkaaksesi.
Asenna GTM verkkosivustollesi
Tilin luonnin jälkeen GTM näyttää kaksi koodinpätkää. Sinun täytyy lisätä nämä verkkosivustosi HTML-koodiin:
Liitä ensimmäinen koodinpätkä mahdollisimman ylös <head>-osioon.
Liitä toinen koodinpätkä heti avautuvan <body>-tunnisteen jälkeen.
Vinkki: Jos käytät alustaa kuten WordPress, Shopify tai PrestaShop, siellä saattaa jo olla sisäänrakennettu Smartsupp-liitännäinen – tarkista asennusoppaamme omalle alustallesi ennen kuin käytät GTM:ää.
Voit avata GTM-koodit myöhemminkin klikkaamalla säilösi ID:tä (esim. GTM-XXXXXX) GTM-hallintapaneelin yläreunassa.
Luo uusi tagi
GTM-hallintapaneelissa klikkaa Add a new tag (tai mene kohtaan Tags > New). Anna tagille nimi, esimerkiksi Smartsupp chat.
Klikkaa Tag configuration -aluetta ja valitse tagin tyypiksi Custom HTML.
Lisää Smartsupp-koodi
Löydät yksilöllisen Smartsupp-chat-koodisi hallintapaneelista kohdasta Settings > Chat box > Installation > Insert code. Kopioi koko koodinpätkä.
Liitä koodi uuden tagisi HTML-kenttään GTM:ssä. Klikkaa sen jälkeen alla olevaa Triggering-osiota ja valitse All pages – tämä varmistaa, että Smartsupp-chat-widget latautuu jokaiselle verkkosivusi sivulle.
Huom: Varmista, että liität koko koodin, mukaan lukien <script>-tunnisteet. Toisin kuin jotkin alustat, GTM hyväksyy täyden HTML:n, mukaan lukien script-tunnisteet Custom HTML -tagityypissä.
Julkaise tagi
Klikkaa Save tallentaaksesi tagin ja klikkaa sitten Submit-painiketta GTM-hallintapaneelin oikeassa yläkulmassa.
Lisää version nimi ja kuvaus (valinnainen) ja klikkaa sitten Publish.
Varmista asennus
Avaa verkkosivustosi uudessa selainvälilehdessä ja päivitä sivu. Smartsupp-chat-widgetin pitäisi nyt näkyä sivustosi nurkassa.
Vinkki: Jos et näe chat-widgetiä, yritä tyhjentää selaimen välimuisti tai avata sivustosi incognito-ikkunassa. Varmista myös, että GTM-säilön koodi on asennettu oikein verkkosivustollesi.
Liittyvät ohjeet:
Smartsupp-asennus – yleiskatsaus kaikkiin asennustapoihin.
Monikielinen chat-ikkuna – ota chat-widget käyttöön useilla kielillä.
Mitä seuraavaksi?
Chat-ikkunan perusasetukset – mukauta värejä, sijaintia, tervetuloviestejä ja muuta.
Chat-ikkunan tila – opi, miten chat-widgetin tila toimii ja miten hallitset sitä.
Miksi en näe chattia verkkosivustollani? – ratkaise yleisimmät asennusongelmat.
Lataa liitännäisiä – tutustu kaikkiin saatavilla oleviin alustaintegraatioihin.