{"id":5805,"date":"2020-04-30T11:57:35","date_gmt":"2020-04-30T09:57:35","guid":{"rendered":"https:\/\/seekandhit.com\/?p=5805\/"},"modified":"2020-04-30T11:57:35","modified_gmt":"2020-04-30T09:57:35","slug":"osnove-google-tag-managera","status":"publish","type":"post","link":"https:\/\/seekandhit.com\/hr\/upravljanje-podacima\/osnove-google-tag-managera\/","title":{"rendered":"Osnove Google Tag Managera"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p>Donositi va\u017ene poslovne odluke bez ispravnih podataka je originalni recept za katastrofu. Kao i sve ostalo ni digitalni marketing nije nikakva iznimka. Neovisno o namjeni i veli\u010dini web stranice ili aplikacije neke tvrtke, potrebno je znati kako ju korisnici koriste da bismo mogli donositi relevantne odluke. U tom nam najvi\u0161e poma\u017ee Google Tag Manager pomo\u0107u kojeg postavljamo tracking na stranicu ili aplikacije te mo\u017eemo ispratiti sve aktivnosti koje korisnici rade.<\/p>\n<p>&nbsp;<\/p>\n<h3><strong>\u0160to je Google Tag Manager (GTM)<\/strong><\/h3>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Google Tag Manager je Googleov besplatan alat pomo\u0107u kojeg mo\u017eemo postavljati i upravljati <\/span><i><span style=\"font-weight: 400\">tagovima <\/span><\/i><span style=\"font-weight: 400\">na stranici ili aplikaciji bez da radimo direktne promjene u izvornom kodu. <\/span><i><span style=\"font-weight: 400\">Tagovi <\/span><\/i><span style=\"font-weight: 400\">su isje\u010dci koda koje dodajemo na stranicu naj\u010de\u0161\u0107e sa svrhom prikupljanja podataka i njihovog slanja na neku drugu platformu (Google Analytics, Facebook, itd.). Pomo\u0107u <\/span><i><span style=\"font-weight: 400\">tagova <\/span><\/i><span style=\"font-weight: 400\">mo\u017eemo pratiti sve radnje koje korisnik radi na web stranici, od scrollanja i vremena zadr\u017eavanja na pojedinoj stranici do obavljenjih transakcija ili poslanih formi. \u0160to vi\u0161e informacija imamo o radnjama korisnika to \u0107emo bolje mo\u0107i optimizirati na\u0161e ogla\u0161iva\u010dke napore da kvalitetnije ciljamo one korisnike koji bi na\u0161em klijentu mogli donijeti najbolje rezultate.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Da bismo koristili GTM, nije nu\u017eno poznavati Javascript niti imati napredna znanja iz HTML-a i CSS-a (osim za naprednije primjene), a najva\u017enije od svega kori\u0161tenjem GTM-a ne moramo pitati i \u010dekati developera da ne\u0161to ubaci na stranicu ve\u0107 to mo\u017eemo sami. GTM je ujedno i jedinstvena platforma na kojoj mo\u017eemo postaviti sve <\/span><i><span style=\"font-weight: 400\">tagove <\/span><\/i><span style=\"font-weight: 400\">(Google Analytics, Adwords, Facebook, Twitter tagovi, itd.) na jednom mjestu. Osim \u0161to mo\u017eemo pratiti radnje korisnika, pomo\u0107u GTM-a mo\u017eemo i mijenjati podatke na stranici ili unutar aplikacije, odnosno mo\u017eemo raditi \u0161to nam padne na pamet te kao takav predstavlja veliki izvor mo\u0107i i ne preporu\u010da se davati pristup bilo kome.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<h3><strong>Kako napraviti Google Tag Manager ra\u010dun?<\/strong><\/h3>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Kako bismo zapo\u010deli koristiti Google Tag Manager sve \u0161to je potrebno je prijaviti se sa svojim ra\u010dunom na <\/span><a href=\"https:\/\/tagmanager.google.com\/\"><span style=\"font-weight: 400\">slu\u017ebenoj stranici<\/span><\/a><span style=\"font-weight: 400\"> te napraviti ra\u010dun i imenovati <\/span><i><span style=\"font-weight: 400\">container <\/span><\/i><span style=\"font-weight: 400\">u kojeg \u0107emo ubacivati sve na\u0161e <\/span><i><span style=\"font-weight: 400\">tagove<\/span><\/i><span style=\"font-weight: 400\">.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-5820\" src=\"https:\/\/seekandhit.com\/wp-content\/uploads\/2020\/04\/SS_GTM-Create-Account-800x442.png\" alt=\"Kreiranje GTM ra\u010duna\" width=\"800\" height=\"442\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Kada smo to napravili dobit \u0107emo dva isje\u010dka koda koje moramo ubaciti na vrh svake stranice na kojoj \u017eelimo imati koristi od Google Tag Managera. Ubacivanje tih kodova mo\u017ee se napraviti samostalno ako imate znanja i pristup kodu stranice, neki CMS-ovi nude odre\u0111ene plug-ine koji to rje\u0161avaju umjesto vas, a najsigurnije je zamoliti web developera koji brine o toj stranici da to ubaci umjesto vas, ako niste sigurni kako.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-5823\" src=\"https:\/\/seekandhit.com\/wp-content\/uploads\/2020\/04\/SS_GTM-Code-Snippets.png\" alt=\"Ubacivanje kodova za GTM\" width=\"713\" height=\"493\" \/><\/p>\n<h3><strong>Osnove Google Tag Managera<\/strong><\/h3>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Jednom kada smo napravili GTM ra\u010dun za klijenta te kada smo postavili GTM-ov tracking kod na vrh svake stranice naj\u010de\u0161\u0107e \u0107emo se suo\u010davati sa sljede\u0107im pojmovima:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tag<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Trigger<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Variable<\/span><\/li>\n<\/ul>\n<p>Kao \u0161to smo ve\u0107i spomenuli tagovi su isje\u010dci koda koji naj\u010de\u0161\u0107e prikupljaju podatke o aktivnostima korisnika na stranici koji te podatke negdje \u0161alju (Google Analytics, Facebook, Google Ads, itd.). Svaki tag na stranici ima specifi\u010dnu ulogu te da bi se on aktivirao kada korisnik ne\u0161to nama od interesa napravi (npr. ispuni formu), on mora imati uza se i trigger. Trigger govori tagu kada \u0107e se on aktivirati i njega definiramo ovisno o tome \u0161to \u017eelimo pratiti. Triggeri oslu\u0161kuju stranicu ili aplikaciju za evente koje \u017eelimo pratiti, a dodatno ih specificiramo pomo\u0107u filtera. Eventom specificiramo koju radnju korisnika \u017eelimo pratiti (posjet stranici, klikove na elemente, vrijeme zadr\u017eavanja na stranici, itd.), a filterom definiramo uvjet koji kada se zadovolji \u0107e dati znak tagu da se aktivira. Filtere dalje mo\u017eemo razgrani\u010diti na varijable, operatore i vrijednosti.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-5827\" src=\"https:\/\/seekandhit.com\/wp-content\/uploads\/2020\/04\/SS_GTM-Filteri-800x155.png\" alt=\"Kreiranje triggera za GTM\" width=\"800\" height=\"155\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Primjerice, imamo u sklopu weba i blog koji je definiran URL-om \u201cseekandhit.com\/blog\u201d i \u017eelimo vidjeti koliko na\u0161ih posjetitelja \u010dita blog u potpunosti. Unutar triggera postavili bismo event \u201cScroll Depth\u201d jer \u0107emo ra\u010dunati da oni korisnici koji su proscrollali cijeli sadr\u017eaj stranice su ujedno i pro\u010ditali sadr\u017eaj na\u0161eg blog \u010dlanka.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-5842\" src=\"https:\/\/seekandhit.com\/wp-content\/uploads\/2020\/04\/Trigger-type_Final-560x800.png\" alt=\"Vrste triggera GTM\" width=\"560\" height=\"800\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Nakon \u0161to smo odabrali ispravan event u sklopu filtera \u0107emo definirati dva uvjeta, prvi da postotak scrollanja stranice mora iznositi 100%, a drugi da stranica u svom URL-u mora sadr\u017eavati izraz \/blog jer bi u suprotnom se na\u0161 tag aktivirao svaki put kada netko proscrolla bilo koji dio na\u0161eg weba u potpunosti.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-5833\" src=\"https:\/\/seekandhit.com\/wp-content\/uploads\/2020\/04\/Trigger_filter-800x558.png\" alt=\"Definiranje uvjeta za triggere GTM\" width=\"800\" height=\"558\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Jednom kada smo ovo napravili, uspje\u0161no smo izradili na\u0161 prvi trigger koji \u0107e provjeravati svaki put kada se ispune gore navedeni uvjeti. Trigger sam po sebi ne\u0107e ni\u0161ta raditi, sve dok ga ne pridru\u017eimo nekom tagu pomo\u0107u kojeg \u0107emo sakupljati i slati dalje informacije o korisnicima koji blog \u010dlanke \u010ditaju u potpunosti.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-5835\" src=\"https:\/\/seekandhit.com\/wp-content\/uploads\/2020\/04\/Tag-800x583.png\" alt=\"GTM - Tag\" width=\"800\" height=\"583\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Opisani scenario nije idealan s obzirom da \u0107e sigurno biti korisnika koji \u0107e do\u0107i na blog i proscrollati ga cijelog bez da su ga pro\u010ditali, ali zato mo\u017eemo dodati jo\u0161 jedan uvjet da budemo sigurniji, a to je minimalno vrijeme provedeno na stranici (npr. 45 sekundi).<\/p>\n<p>U gornjem primjeru kao varijablu koristili smo \u201cPage URL\u201d, ali to nije jedina varijabla koju mo\u017eemo koristiti. U idu\u0107em \u010dlanku \u0107emo se posvetiti vi\u0161e razli\u010ditim vrstama varijabli, a za sada \u0107emo se zadr\u017eati na njihovoj definiciji. Varijable sadr\u017ee vrijednost koju trigger mora provjeriti kako bi znao ho\u0107e li se aktivirati ili ne. Tag uspore\u0111uje vrijednost varijable s definiranom vrijedno\u0161\u0107u varijable u triggeru te ukoliko se one poklapaju tag \u0107e se aktivirati.<\/p>\n<p>S varijablama smo do\u0161li do kraja osnova GTM-a, a samo smo zagrebali povr\u0161inu.<\/p>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<h3><strong>Zaklju\u010dak<\/strong><\/h3>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">S postavljenim trackingom imamo puno \u0161iru sliku o na\u0161im korisnicima, mo\u017eemo vidjeti profil osobe koja radi najve\u0107i broj konverzija, analizirati gdje korisnici naj\u010de\u0161\u0107e odustaju od kupovine i sukladno tome utvrditi postoje li problemi sa stranicom ili aplikacijom. U kontekstu ogla\u0161avanja i razvijanja strategije razvoja tvrtke, tracking je od presudne va\u017enosti jer ako ne pratimo kvalitetno rezultate ogla\u0161iva\u010dkih napora onda ne mo\u017eemo ni znati odakle to\u010dno nam dolaze potencijalni klijenti i koji kanali su za to zaslu\u017eni.<\/span><\/p>\n<p>U idu\u0107em \u010dlanku o GTM-u \u0107emo detaljnije pristupiti varijablama i cjelokupnom procesu izrade tagova. Nastavite pratiti na\u0161 blog kako ne biste propustili nastavak pri\u010de o GTM-u i na\u0161e ostale \u010dlanke.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Donositi va\u017ene poslovne odluke bez ispravnih podataka je originalni recept za katastrofu. Kao i sve ostalo ni digitalni marketing nije nikakva iznimka. Neovisno o namjeni i veli\u010dini web stranice ili aplikacije neke tvrtke, potrebno je znati kako ju korisnici koriste da bismo mogli donositi relevantne odluke. U tom nam najvi\u0161e poma\u017ee Google Tag Manager [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[72],"tags":[73,74,75,76,77],"_links":{"self":[{"href":"https:\/\/seekandhit.com\/hr\/wp-json\/wp\/v2\/posts\/5805"}],"collection":[{"href":"https:\/\/seekandhit.com\/hr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seekandhit.com\/hr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seekandhit.com\/hr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/seekandhit.com\/hr\/wp-json\/wp\/v2\/comments?post=5805"}],"version-history":[{"count":0,"href":"https:\/\/seekandhit.com\/hr\/wp-json\/wp\/v2\/posts\/5805\/revisions"}],"wp:attachment":[{"href":"https:\/\/seekandhit.com\/hr\/wp-json\/wp\/v2\/media?parent=5805"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seekandhit.com\/hr\/wp-json\/wp\/v2\/categories?post=5805"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seekandhit.com\/hr\/wp-json\/wp\/v2\/tags?post=5805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}