{"id":16845,"date":"2020-10-21T16:12:14","date_gmt":"2020-10-21T14:12:14","guid":{"rendered":"https:\/\/www.dase-analytics.com\/blog\/?p=16845\/"},"modified":"2021-10-26T13:30:16","modified_gmt":"2021-10-26T11:30:16","slug":"novy-google-tag-manager-preview-mode-tag-assistant","status":"publish","type":"post","link":"https:\/\/www.dase-analytics.com\/blog\/sk\/novy-google-tag-manager-preview-mode-tag-assistant\/","title":{"rendered":"Nov\u00fd Google Tag Manager Preview Mode: Tag Assistant"},"content":{"rendered":"

Minul\u00fd t\u00fd\u017ede\u0148 Google pri\u0161iel s \u00faplne nov\u00fdm Preview m\u00f3dom v Google Tag Manager-i. Pre t\u00fdch z v\u00e1s, ktor\u00ed nevedia, \u010do to Preview mode v GTM je – Preview mode umo\u017e\u0148uje n\u00e1h\u013ead zmien v GTM kontajneri bez toho, aby ste zmeny museli najsk\u00f4r publikova\u0165. To znamen\u00e1, \u017ee sa vyu\u017e\u00edva najm\u00e4 pri testovan\u00ed, aby ste sa ubezpe\u010dili, \u017ee v\u0161etky zmeny vykonan\u00e9 v GTM funguj\u00fa presne pod\u013ea predst\u00e1v.<\/strong><\/p>\n

Mo\u017enos\u0165 vr\u00e1ti\u0165 sa k star\u00e9mu zobrazeniu neexistuje, tak\u017ee v\u00e1m nezost\u00e1va ni\u010d in\u00e9, len sa s nov\u00fdm Preview m\u00f3dom nau\u010di\u0165 pracova\u0165. \u010co v\u0161ak ur\u010dite nie je na \u0161kodu, ke\u010f\u017ee oproti svojmu predchodcovi pon\u00faka mno\u017estvo vylep\u0161en\u00ed. Pozrite sa teda, \u010do so sebou nov\u00fd Preview mode prin\u00e1\u0161a a ako s n\u00edm efekt\u00edvne pracova\u0165.<\/span><\/p>\n

Priv\u00edtajte Tag Assistant<\/strong><\/h2>\n

Roz\u0161\u00edrenie Google Tag Assistant patrilo k z\u00e1kladnej v\u00fdbave pri testovan\u00ed GTM kontajnerov u\u017e roky.<\/span>Tag Assistant je roz\u0161\u00edrenie v prehliada\u010di, ktor\u00e9 upravovalo nedostatky, ktor\u00e9 mal star\u00fd Preview mode a dopl\u0148ovalo jeho funkcionalitu. <\/span>\u010ci\u017ee, ak ste potrebovali odsledova\u0165 ak\u00e9 tagy sa na str\u00e1nke odpa\u013euj\u00fa, alebo ako vyzer\u00e1 dataLayer, vyu\u017eili ste GTM Preview mode. Ak ste potrebovali presnej\u0161\u00ed report toho, \u010do a v akom form\u00e1te sa do Google Analytics odoslalo, siahli ste po roz\u0161\u00edren\u00ed Tag Assistant.<\/span><\/p>\n

Nov\u00fd GTM Preview mode vych\u00e1dza pr\u00e1ve z roz\u0161\u00edrenia Tag Assistant. Tento GTM Preview mode budete m\u00f4c\u0165 vyu\u017ei\u0165 aj bez nain\u0161talovan\u00e9ho roz\u0161\u00edrenia, no roz\u0161\u00edrenie v\u00e1m spr\u00edstupn\u00ed \u010fal\u0161ie funkcie. \u010ci\u017ee ak ste Tag Assistant doteraz nevyu\u017e\u00edvali, teraz je vhodn\u00fd \u010das sa s t\u00fdmto roz\u0161\u00edren\u00edm zozn\u00e1mi\u0165. \u010ealej v \u010dl\u00e1nku budem nov\u00fd GTM Preview mode ozna\u010dova\u0165 ako Tag Assistant.<\/span><\/p>\n

Pre\u010d\u00edtajte si \u010dl\u00e1nok: Ako si u\u013eah\u010di\u0165 testovanie implement\u00e1cie? Vysk\u00fa\u0161ajte t\u00fdchto 5 chrome roz\u0161\u00edren\u00ed!<\/span><\/a><\/div>\n

Nov\u00fd debug panel<\/strong><\/h2>\n

Ak ste spustili Preview mode GTM kontajnera v predch\u00e1dzaj\u00facej verzii a nav\u0161t\u00edvili ste str\u00e1nku s t\u00fdmto GTM kontajnerom, v dolnej \u010dasti sa v\u00e1m zobrazil panel zobrazuj\u00faci inform\u00e1cie o eventoch, dataLayeri, tagoch a ich triggeroch. Nev\u00fdhodou tohto panelu bolo, \u017ee ak ste sa preklikli z jednej str\u00e1nky na druh\u00fa, hist\u00f3ria z prvej str\u00e1nky sa nezachovala. To sp\u00f4sobovalo probl\u00e9my, ak ste napr\u00edklad chceli testova\u0165, \u010di sa spr\u00e1vne odpa\u013euje tag pri vyplnen\u00ed formul\u00e1ru, no po vyplnen\u00ed formul\u00e1ru ste boli okam\u017eite presmerovan\u00ed na \u010fakovn\u00fa str\u00e1nku. V tak\u00fdchto pr\u00edpadoch ste boli odk\u00e1zan\u00ed hlavne na r\u00f4zne in\u00e9 aplik\u00e1cie alebo roz\u0161\u00edrenia.<\/span><\/p>\n

\"Debug<\/a><\/p>\n

Uk\u00e1\u017eka star\u00e9ho GTM preview m\u00f3du<\/em><\/p>\n

Tag Assistant v\u0161ak na\u010d\u00edtava svoj vlastn\u00fd debuggovac\u00ed tab. Tento tab a jeho obsah je teda kompletne oddelen\u00fd od str\u00e1nky, ktor\u00fa testujete. To znamen\u00e1, \u017ee pokia\u013e sa aj preklik\u00e1vate viacer\u00fdmi str\u00e1nkami, debugovac\u00ed tab sa nemen\u00ed, \u010d\u00edm si v sebe uchov\u00e1va aj hist\u00f3riu z\u00e1znamov z predch\u00e1dzaj\u00facich str\u00e1nok.<\/span><\/p>\n

Tag Assistent preview mode spust\u00edte \u00faplne rovnako – kliknut\u00edm na \u2018Preview\u2019 v pravej hornej \u010dasti.<\/span><\/p>\n

\"\"<\/p>\n

Navy\u0161e je teraz mo\u017en\u00e9 spusti\u0165 Tag Assistent preview mode aj na ak\u00fako\u013evek predo\u0161l\u00fa verziu GTM kontajnera. Ak chcete spusti\u0165 preview mode na jednu z predch\u00e1dzaj\u00facich verzi\u00ed, v hornom menu vyberte \u2018Versions\u2019, v zozname predch\u00e1dzaj\u00facich verzi\u00ed vyberte verziu, ktor\u00fa chcete debuggova\u0165, kliknutite na tri bodky v pravej \u010dasti a vyberte mo\u017enos\u0165 \u2018Preview\u2019.<\/span><\/p>\n

\"\"<\/a><\/p>\n

Po kliknut\u00ed na \u2018Preview\u2019 sa otvor\u00ed nov\u00fd tab s Tag Assistant-om. Aby ste spustili preview mode, mus\u00edte zada\u0165 adresu, na ktor\u00fa budete po kliknut\u00ed na \u2018Start\u2019 presmerovan\u00ed. Samozrejme, webov\u00e1 adresa, ktor\u00fa zad\u00e1te mus\u00ed obsahova\u0165 GTM kontajner, ktor\u00fd sa sna\u017e\u00edte testova\u0165.<\/span><\/p>\n

Pod tla\u010didlom \u2018Start\u2019 sa nach\u00e1dza checkbox, ktor\u00fdm viete zak\u00e1za\u0165 pridanie preview parametra k zadanej URL adrese. Vo v\u0161eobecnosti sa odpor\u00fa\u010da ponecha\u0165 tento checkbox ozna\u010den\u00fd, no niektor\u00e9 weby sa pridan\u00edm parametera m\u00f4\u017eu sta\u0165 nefunk\u010dn\u00fdmi.<\/span><\/p>\n

\"\"<\/a><\/p>\n

Ak sa Tag Assistent \u00faspe\u0161ne prepojil so zadanou adresou, uvid\u00edte potvrdzovacie okno.\u00a0<\/span><\/p>\n

\"\"<\/a><\/p>\n

Taktie\u017e na webe, s ktor\u00fdm je Tag Assistant prepojen\u00fd uvid\u00edte v pravom dolnom rohu mal\u00e9 popup okno, ktor\u00e9 o tomto prepojen\u00ed informuje. Po zavret\u00ed tohto popupu (kliknut\u00edm na X v hornom rohu) sa prepojenie preru\u0161\u00ed (vyma\u017ee sa cookie prvej strany __TAG_ASSISTANT) a Preview mode sa ukon\u010d\u00ed.<\/span><\/p>\n

\"\"<\/a><\/p>\n

Inform\u00e1cie, ktor\u00e9 s\u00fa zobrazovan\u00e9 sa takmer v\u00f4bec nezmenili. V \u013eavej \u010dasti je zoznam eventov v takom porad\u00ed, v akom nastali (1). Tieto eventy s\u00fa teraz v\u0161ak zoskupen\u00e9 pod\u013ea str\u00e1nok, na ktor\u00fdch sa zaznamenali. Tak\u017ee \u013eahko m\u00f4\u017eete prep\u00edna\u0165 medzi str\u00e1nkami, ktor\u00e9 ste v r\u00e1mci va\u0161ej testovacej session nav\u0161t\u00edvili.\u00a0<\/span><\/p>\n

Po vybrat\u00ed konkr\u00e9tneho eventu v \u013eavom paneli si v hlavnom okne m\u00f4\u017eete zobrazi\u0165 odp\u00e1len\u00e9 a neodp\u00e1len\u00e9 tagy, aktu\u00e1lne hodnoty premenn\u00fdch, aktu\u00e1lnu podobu dataLayer-u \u010di chybov\u00e9 hl\u00e1senia (2). Novinkou je zobrazenie volania API (3). Pod\u013ea toho, \u010di debuggujete dataLayer implement\u00e1ciu (GTM) alebo gtag.js, v tejto \u010dasti uvid\u00edte bu\u010f dataLayer.push() funkciu, alebo funkciu gtag().\u00a0<\/span><\/p>\n

Zauj\u00edmavou mo\u017enos\u0165ou je prep\u00ednania medzi gtag.js a dataLayer-om (v pr\u00edpade ak z ak\u00e9hoko\u013evek d\u00f4vodu m\u00e1te na webe gtag.js implement\u00e1ciu, ako aj GTM) (4).<\/span><\/p>\n

\"\"<\/a><\/p>\n

Z\u00e1ver<\/strong><\/h2>\n

Nov\u00fd Tag Assistant preview mode kone\u010dne oddelil debug v\u00fdpisy od samotn\u00e9ho webu, \u010d\u00edm kone\u010dne umo\u017e\u0148uje navig\u00e1ciu medzi v\u0161etk\u00fdmi str\u00e1nkami, ktor\u00e9 ste nav\u0161t\u00edvili v r\u00e1mci testovacej session. T\u00fdm, \u017ee je debug panel presunut\u00fd do samostatn\u00e9ho okna, debugovanie mobiln\u00fdch verzi\u00ed str\u00e1nok (alebo iframe-ov) bude taktie\u017e omnoho jednoduch\u0161ie.\u00a0<\/span><\/p>\n

Za spomenutie stoj\u00ed aj fakt, \u017ee Tag Assistant preview mode vytv\u00e1ra cookie prvej strany (1st party cookie), zatia\u013e \u010do predo\u0161l\u00e1 verzia GTM Preview mode fungovala na z\u00e1klade cookie tretej strany (3rd party cookie). To znamen\u00e1, \u017ee aj v prehliada\u010doch, ktor\u00e9 Cookies tret\u00edch str\u00e1n blokuj\u00fa (napr. Safari), by ste mali by\u0165 schopn\u00ed spusti\u0165 preview mode bez v\u00e4\u010d\u0161\u00edch probl\u00e9mov.<\/span><\/p>\n

Celkovo zmeny hodnot\u00edm ve\u013emi pozit\u00edvne a te\u0161\u00edm sa na mo\u017en\u00e9 \u010fal\u0161ie funkcie, ktor\u00e9 bud\u00fa do Tag Assistant-a v bud\u00facnosti pridan\u00e9.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Minul\u00fd t\u00fd\u017ede\u0148 Google pri\u0161iel s \u00faplne nov\u00fdm Preview m\u00f3dom v Google Tag Manager-i. Pre t\u00fdch z v\u00e1s, ktor\u00ed…<\/p>\n","protected":false},"author":62,"featured_media":16852,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[809,639],"tags":[602,663,796,797],"_links":{"self":[{"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/posts\/16845"}],"collection":[{"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/users\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/comments?post=16845"}],"version-history":[{"count":7,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/posts\/16845\/revisions"}],"predecessor-version":[{"id":17908,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/posts\/16845\/revisions\/17908"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/media\/16852"}],"wp:attachment":[{"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/media?parent=16845"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/categories?post=16845"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/tags?post=16845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}