Google Tag Manager (GTM) je besplatan Googleov alat koji vam omogućuje upravljanje praćenjem kodova i skripti na vašoj web stranici bez izravnog uređivanja izvornog koda. Ovaj vodič vas vodi kroz cjelokupno postavljanje — stvaranje GTM računa, dodavanje GTM isječka na vašu stranicu i umetanje Smartsupp chat koda kao oznake.
Vodič smo podijelili u sljedeće odjeljke:
Kreirati GTM račun
Ako još nemate Google Tag Manager račun, idite na tagmanager.google.com i prijavite se svojim Google računom. Kliknite Create Account, unesite naziv računa i odaberite svoju državu.
Postavite container za vašu web stranicu. Unesite URL svoje web stranice i odaberite Web kao ciljnu platformu, zatim kliknite Create.
Prihvatite Uvjete pružanja usluge za nastavak.
Instalirati GTM na vašu web stranicu
Nakon što ste kreirali račun, GTM će prikazati dva kodna isječka. Morate ih dodati u HTML vaše web stranice:
Zalijepite prvi isječak što je moguće više u <head> sekciji.
Zalijepite drugi isječak odmah nakon početne <body> oznake.
Savjet: Ako koristite platformu kao što je Wordpress, Shopify ili Prestashop, možda već imate ugrađeni Smartsupp dodatak — provjerite naš vodič za instalaciju za vašu platformu prije korištenja GTM-a.
GTM isječke možete kasnije ponovno pronaći klikom na vaš ID containera (npr. GTM-XXXXXX) na vrhu GTM kontrolne ploče.
Kreirati novu oznaku
U GTM kontrolnoj ploči kliknite Add a new tag (ili idite na Tags > New). Dajte oznaci naziv, na primjer Smartsupp Chat.
Kliknite područje Tag Configuration i odaberite Custom HTML kao vrstu oznake.
Umetnuti Smartsupp kod
Svoj jedinstveni Smartsupp chat kod pronaći ćete u kontrolnoj ploči pod Settings > Chatbox > Installation > Insert code. Kopirajte cijeli kodni isječak.
Zalijepite kod u polje HTML vaše nove oznake u GTM-u. Zatim kliknite odjeljak Triggering ispod i odaberite All Pages — to osigurava da se Smartsupp chat widget učitava na svakoj stranici vaše web stranice.
Napomena: Obavezno zalijepite cijeli kod uključujući <script> oznake. Za razliku od nekih platformi, GTM prihvaća puni HTML uključujući script oznake u vrsti oznake Custom HTML.
Objaviti oznaku
Kliknite Save da biste spremili oznaku, zatim kliknite gumb Submit u gornjem desnom kutu GTM kontrolne ploče.
Dodajte naziv verzije i opis (nije obavezno), zatim kliknite Publish.
Provjeriti instalaciju
Otvorite svoju web stranicu u novoj kartici preglednika i osvježite stranicu. Smartsupp chat widget sada bi trebao biti vidljiv u kutu vaše stranice.
Savjet: Ako ne vidite chat widget, pokušajte očistiti predmemoriju preglednika ili otvoriti svoju stranicu u anonimnom prozoru. Također provjerite je li GTM container kod ispravno instaliran na vašoj web stranici.
Povezani resursi:
Smartsupp instalacija — cjeloviti pregled svih metoda instalacije.
Višejezični chat prozor — postavljanje chat widgeta na više jezika.
Što dalje?
Osnovne postavke chat prozora — prilagoditi boje, poziciju, pozdravne poruke i drugo.
Status chat prozora — saznati kako funkcionira status chat widgeta i kako ga kontrolirati.
Zašto ne vidim chat na svojoj web stranici? — otkloniti najčešće probleme s instalacijom.
Preuzeti dodatke — pregledati sve dostupne integracije s platformama.