{"id":14370,"date":"2019-07-09T11:06:03","date_gmt":"2019-07-09T09:06:03","guid":{"rendered":"https:\/\/www.dase-analytics.com\/blog\/?p=14370"},"modified":"2021-10-26T13:14:20","modified_gmt":"2021-10-26T11:14:20","slug":"gtm-tipy-02-formatovanie-hodnot-premennych","status":"publish","type":"post","link":"https:\/\/www.dase-analytics.com\/blog\/sk\/gtm-tipy-02-formatovanie-hodnot-premennych\/","title":{"rendered":"GTM Tipy #02: Form\u00e1tovanie hodn\u00f4t premenn\u00fdch"},"content":{"rendered":"

Koncom minul\u00e9ho roka bola do Google Tag Manager (GTM) pridan\u00e1 u\u017eito\u010dn\u00e1 funkcia. Form\u00e1tovanie hodn\u00f4t premenn\u00fdch. Odosielanie v\u0161etk\u00fdch hodn\u00f4t v konzistentnom form\u00e1te je ve\u013emi d\u00f4le\u017eit\u00e9.<\/strong><\/p>\n

Ak ste chceli zmeni\u0165 form\u00e1t premennej predt\u00fdm, boli ste n\u00faten\u00ed logiku form\u00e1tovania priamo zadefinova\u0165 v JavaScript-ovej premennej. Napr\u00edklad t\u00e1to JS premenn\u00e1\u00a0zmen\u00ed hodnotu dataLayer premennej DL – eventAction<\/b> tak, aby obsahovala iba mal\u00e9 p\u00edsmen\u00e1.<\/span><\/p>\n\n\n\n
function<\/span>(){<\/span>
\n<\/span> \u00a0 <\/span>return<\/span> {{DL - eventAction}}.toLowerCase();<\/span>
\n<\/span>}<\/span><\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

\u010eal\u0161\u00ed pr\u00edklad m\u00f4\u017ee by\u0165 t\u00e1to JS premenn\u00e1, ktor\u00e1 v pr\u00edpade, \u017ee dataLayer premenn\u00e1 DL – eventAction nie je definovan\u00e1 (premenn\u00e1 m\u00e1 hodnotu undefined alebo null), vr\u00e1ti re\u0165azec ‚not available‘. V ostatn\u00fdch pr\u00edpadoch vr\u00e1ti p\u00f4vodn\u00fa hodnotu mal\u00fdmi p\u00edsmenami.<\/span><\/p>\n\n\n\n
function<\/span>(){<\/span>
\n<\/span>\u00a0 <\/span>if<\/span>({{DL - eventAction}} == <\/span>undefined<\/span> || {{DL - eventAction}} == <\/span>null<\/span>){<\/span>
\n<\/span> \u00a0 \u00a0 <\/span>return<\/span> 'not available'<\/span>;<\/span>
\n<\/span>\u00a0 <\/span>else<\/span>{<\/span>
\n<\/span>\u00a0 \u00a0 <\/span>return<\/span> {{DL - eventAction}}.toLowerCase();<\/span>
\n<\/span>\u00a0 }<\/span>
\n<\/span>}<\/span><\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Ve\u013ekou nev\u00fdhodou tak\u00fdchto JS premenn\u00fdch je, \u017ee cel\u00fd GTM kontainer je kv\u00f4li nim nepreh\u013eadn\u00fd.<\/strong> Ka\u017ed\u00fa dataLayer premenn\u00fa, alebo aj premenn\u00fa in\u00e9ho typu, toti\u017e mus\u00edte \u201cprep\u00edsa\u0165\u201d ako JS premenn\u00fa a a\u017e n\u00e1sledne upravi\u0165 jej form\u00e1t do po\u017eadovan\u00e9ho tvaru. Samozrejme, form\u00e1tovanie dataLayer premenn\u00fdch je najlep\u0161ie rie\u0161i\u0165 priamo po\u010das f\u00e1zy implement\u00e1cie,\u00a0 no ur\u010dite neu\u0161kod\u00ed rie\u0161i\u0165 ho aj priamo v GTM. Form\u00e1tovanie premenn\u00fdch aj v GTM v\u00e1m zabezpe\u010d\u00ed, \u017ee v\u0161etky hodnoty premenn\u00fdch (aj tie, ktor\u00e9 bud\u00fa pridan\u00e9 v bud\u00facnosti), bud\u00fa ma\u0165 vami \u0161pecifikovan\u00fd form\u00e1t a bud\u00fa tak konzistentn\u00e9 s predo\u0161l\u00fdmi hodnotami.\u00a0<\/span><\/p>\n

Ak\u00e9 m\u00e1te mo\u017enosti?<\/strong><\/h2>\n

Form\u00e1tovanie premennej n\u00e1jdete v dolnej \u010dasti pri definovan\u00ed premennej ak\u00e9hoko\u013evek typu. Moment\u00e1lne je na v\u00fdber 5 r\u00f4znych mo\u017enost\u00ed:<\/span><\/p>\n