Google Tag Manager (GTM) on Googlen ilmainen työkalu, jolla hallinnoit helposti kaikki sivustosi seurantakoodit ja skriptit ilman, että tarvitsee muokata sivuston lähdekoodia suoraan. Tässä oppaassa käydään koko asennusprosessi läpi – GTM-tilin luomisesta, GTM-säilön lisäämisestä sivustolle sekä Smartsupp-chat-koodin lisäämisestä tagina.
Olemme jakaneet oppaan seuraaviin osiin:
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 Luo tili, kirjoita tilin nimi ja valitse maa.
Luo säilö verkkosivustoasi varten. Syötä verkkosivustosi URL-osoite ja valitse Web käyttöalustaksi, sitten napsauta Luo.
Hyväksy käyttöehdot jatkaaksesi.
Asenna GTM verkkosivustollesi
Kun olet luonut tilin, GTM näyttää kaksi koodinpätkää. Sinun pitää lisätä nämä molemmat verkkosivustosi HTML:ään:
Liitä ensimmäinen koodinpätkä mahdollisimman korkealle <head>-osioon.
Liitä toinen koodinpätkä heti <body>-tunnisteen jälkeen.
Vinkki: Jos käytät alustaa kuten WordPress, Shopify tai PrestaShop, niissä voi olla valmiiksi Smartsupp-liitännäinen — tarkista asennusohje alustallesi ennen GTM:n käyttöä.
Voit päästä GTM-koodinpätkiin myöhemminkin klikkaamalla säiliön tunnusta (esim. GTM-XXXXXX) GTM-hallintapaneelin yläreunassa.
Luo uusi tagi
GTM-hallintapaneelissa valitse Lisää uusi tagi (tai siirry kohtaan Tunnisteet > Uusi). Anna tagille esim. nimi Smartsupp Chat.
Klikkaa Tagin määritys -aluetta ja valitse tyypiksi Mukautettu HTML.
Lisää Smartsupp-koodi
Löydät oman yksilöllisen Smartsupp-chat-koodisi hallintapaneelista kohdasta Asetukset → Kanavat → Live chat → Asennus. Kopioi koko koodinpätkä.
Liitä koodi uuden tagin HTML-kenttään GTM:ssä. Klikkaa sitten Laukaiseva-osio ja valitse Kaikki sivut — näin Smartsupp-chat-widget latautuu jokaiselle verkkosivustosi sivulle.
Huom: Muista liittää koko koodi mukaan lukien <script>-tunnisteet. Toisin kuin joillakin alustoilla, GTM hyväksyy täydet HTML-koodit, mukaan lukien script-tunnisteet Mukautettu HTML -tag-tyypissä.
Julkaise tagi
Klikkaa Tallenna tallentaaksesi tagin, ja sen jälkeen klikkaa Lähetä oikeasta yläkulmasta GTM-hallintapaneelissa.
Lisää version nimi ja kuvaus (valinnainen) ja klikkaa Julkaise.
Tarkista asennus
Avaa verkkosivustosi uudessa selainvälilehdessä ja päivitä sivu. Smartsupp-chat-widgetin pitäisi nyt näkyä sivustosi reunassa.
Vinkki: Jos et näe chat-widgetiä, kokeile tyhjentää selaimen välimuisti tai avaa sivu incognito-tilassa. Varmista myös, että GTM-säiliön koodi on asennettu oikein verkkosivustollesi.
Liittyvät resurssit:
Smartsuppin asennus — kattava yleiskatsaus kaikkiin asennustapoihin.
Monikielinen chat-ikkuna — ota käyttöön chat-widget useilla kielillä.
Mitä seuraavaksi?
Chat-ikkunan perusasetukset — Mukauta värit, sijainti, tervetuloviestit ja paljon muuta.
Chat-ikkunan tila — Katso kuinka chat-widgetin tila toimii ja miten sitä hallitaan.
Miksi en näe chattia verkkosivustollani? — Ratkaisut yleisimpiin näkyvyysongelmiin.
Lataa liitännäiset — Tutustu kaikkiin saatavilla oleviin alusta-integraatioihin.