Prijeđite na glavni sadržaj

Google Tag Manager

Kako instalirati Smartsupp na svoju web stranicu pomoću alata Google Tag Manager — od izrade GTM računa do objave oznake s vašim kodom chata Smartsupp.

Napisao/la Michal Jindra

Google Tag Manager (GTM) besplatan je Googleov alat koji vam omogućuje upravljanje kodovima za praćenje i skriptama na vašoj web stranici bez izravnog uređivanja izvornog koda. Ove vas upute vode kroz cijelo postavljanje — izradu GTM računa, dodavanje GTM isječka koda na vašu stranicu i umetanje koda chata Smartsupp kao oznake.

Upute smo podijelili u sljedeće odjeljke:


Izraditi GTM račun

Ako još nemate račun za Google Tag Manager, otvorite tagmanager.google.com i prijavite se svojim Google računom. Kliknite Izraditi račun, unesite naziv računa i odaberite svoju državu.

Postavite spremnik za svoju web stranicu. Unesite URL svoje web stranice i odaberite Web kao ciljnu platformu, a zatim kliknite Izraditi.

Prihvatite Uvjete pružanja usluge da biste nastavili.


Instalirati GTM na svoju web stranicu

Nakon izrade računa GTM će prikazati dva isječka koda. Trebate ih dodati u HTML svoje web stranice:

  • Zalijepite prvi isječak koda u odjeljak <head> što je moguće bliže vrhu.

  • Zalijepite drugi isječak koda odmah nakon početne oznake <body> .

Savjet: Ako koristite neku od platformi kao što su WordPress, Shopify ili PrestaShop, možda već imate ugrađeni dodatak Smartsupp — pogledajte naše Upute za instalaciju za svoju platformu prije korištenja GTM-a.

Isječcima GTM koda možete pristupiti i kasnije klikom na ID svojeg spremnika (npr. GTM-XXXXXX) pri vrhu kontrolne ploče GTM-a.


Izraditi novu oznaku

Na kontrolnoj ploči GTM-a kliknite Dodati novu oznaku (ili otvorite Oznake > Novo). Dodijelite oznaci naziv, primjerice Smartsupp chat.

Kliknite područje Konfiguracija oznake i odaberite Prilagođeni HTML kao vrstu oznake.


Umetnuti Smartsupp kod

Pronađite svoj jedinstveni kod chata Smartsupp na kontrolnoj ploči pod Postavke > Chat prozor > Instalacija > Umetnuti kod. Kopirajte cijeli isječak koda.

Zalijepite kod u polje HTML svoje nove oznake u GTM-u. Zatim kliknite odjeljak Pokretanje u nastavku i odaberite Sve stranice — time se osigurava učitavanje widgeta chata Smartsupp na svakoj stranici vaše web stranice.

Napomena: Obavezno zalijepite cijeli kod, uključujući oznake <script> . Za razliku od nekih platformi, GTM prihvaća potpuni HTML, uključujući oznake script, za vrstu oznake Prilagođeni HTML.


Objaviti oznaku

Kliknite Spremi da biste spremili oznaku, a zatim kliknite gumb Poslati u gornjem desnom kutu kontrolne ploče GTM-a.

Dodajte naziv i opis verzije (neobavezno), a zatim kliknite Objaviti.


Provjeriti instalaciju

Otvorite svoju web stranicu u novoj kartici preglednika i osvježite stranicu. Widget chata Smartsupp sada bi trebao biti vidljiv u kutu vaše stranice.

Savjet: Ako ne vidite widget chata, pokušajte očistiti predmemoriju preglednika ili otvoriti svoju stranicu u anonimnom prozoru. Također provjerite je li kod GTM spremnika ispravno instaliran na vašoj web stranici.

Povezani resursi:


Što dalje?

💡 Trebate dodatnu pomoć? Obratite se našem Timu za podršku — rado ćemo vam pomoći!

Jesmo li odgovorili na vaše pitanje?