{"id":19508,"date":"2023-09-07T10:48:42","date_gmt":"2023-09-07T08:48:42","guid":{"rendered":"https:\/\/www.dase-analytics.com\/blog\/?p=19508\/"},"modified":"2023-09-13T08:25:39","modified_gmt":"2023-09-13T06:25:39","slug":"co-je-to-datalayer-a-ako-funguje","status":"publish","type":"post","link":"https:\/\/www.dase-analytics.com\/blog\/sk\/co-je-to-datalayer-a-ako-funguje\/","title":{"rendered":"\u010co je to dataLayer a ako funguje?"},"content":{"rendered":"<h2><strong>Ako funguje dataLayer?<\/strong><\/h2>\n<p><strong>Polo\u017eili ste si niekedy ot\u00e1zku ako sa v\u0161etky \u00fadaje o tom, \u010do robia va\u0161i n\u00e1v\u0161tevn\u00edci na webe dostan\u00fa do Google Analytics alebo Facebook Pixel?<\/strong><\/p>\n<p><strong>Stoj\u00ed za t\u00fdm dataLayer. <\/strong><strong>Jednoduch\u00fd, no ve\u013emi \u00fa\u010dinn\u00fd koncept d\u00e1tovej vrstvy, o ktorom sa do\u010d\u00edtate v tomto \u010dl\u00e1nku.<\/strong><\/p>\n<h2><strong>\u010co je dataLayer?<\/strong><\/h2>\n<p>V\u0161eobecne povedan\u00e9 dataLayer, alebo d\u00e1tov\u00e1 vrstva je iba k\u00fasok k\u00f3du, ktor\u00fd pren\u00e1\u0161a inform\u00e1cie medzi webovou str\u00e1nkou a r\u00f4znymi analytick\u00fdmi a marketingov\u00fdmi n\u00e1strojmi.<\/p>\n<p>Technicky je to JavaScriptov\u00fd objekt pou\u017e\u00edvan\u00fd n\u00e1strojom na spr\u00e1vu zna\u010diek ako je Google Tag Manager. Obsahuje v \u0161trukt\u00farovanej podobe d\u00e1ta o prvkoch, udalostiach na str\u00e1nke, interakci\u00e1ch pou\u017e\u00edvate\u013eov a mnohom \u010fal\u0161om.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-19509 size-full\" src=\"https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/1-33.png\" alt=\"dase data layer blog\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/1-33.png 1920w, https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/1-33-300x169.png 300w, https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/1-33-1024x576.png 1024w, https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/1-33-1536x864.png 1536w, https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/1-33-600x338.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><strong>Jeho ve\u013ekou prednos\u0165ou je, \u017ee d\u00e1ta s\u00fa usporiadan\u00e9 v \u0161tandardizovanom form\u00e1te<\/strong>, s\u00fa preh\u013eadn\u00e9 a dobre \u010ditate\u013en\u00e9 aj pre \u010dloveka, nielen pre po\u010d\u00edta\u010dov\u00e9 programy. Okrem toho u\u013eah\u010duje pr\u00e1cu pri nasadzovan\u00ed nov\u00fdch meran\u00ed a eliminuje riziko nekonzistentnosti \u00fadajov, ktor\u00e9 m\u00f4\u017ee vyplyn\u00fa\u0165 z pou\u017eitia viacer\u00fdch n\u00e1strojov zbieraj\u00facich d\u00e1ta.<\/p>\n<h2><strong>Ak\u00e9 d\u00e1ta m\u00f4\u017ee dataLayer obsahova\u0165?<\/strong><\/h2>\n<p>Jednoduch\u00e1 odpove\u010f znie, ak\u00e9 budete chcie\u0165. Treba v\u0161ak bra\u0165 do \u00favahy, \u017ee analytick\u00e9 n\u00e1stroje maj\u00fa definovan\u00fa maxim\u00e1lnu ve\u013ekos\u0165 d\u00e1t, ktor\u00e9 dok\u00e1\u017eu na jeden kr\u00e1t spracova\u0165. Okrem toho by mohol pr\u00edli\u0161 ve\u013ek\u00fd a neoptimalizovan\u00fd dataLayer spoma\u013eova\u0165 na\u010d\u00edtavanie str\u00e1nky.<\/p>\n<p>Aby ste si to vedeli lep\u0161ie predstavi\u0165, takto vyzer\u00e1 jednoduch\u00fd dataLayer po vykonan\u00ed objedn\u00e1vky \u010derven\u00e9ho tri\u010dka zna\u010dky <em>Flexigen<\/em> za <em>16 dol\u00e1rov<\/em> z testovacieho eshopu spolo\u010dnosti <em>Google<\/em>. <a href=\"https:\/\/enhancedecommerce.appspot.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/enhancedecommerce.appspot.com\/<\/a><\/p>\n<p><a href=\"https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/2-31.png\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-19510 size-full\" src=\"https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/2-31.png\" alt=\"dase data layer blog 2 \" width=\"613\" height=\"465\" srcset=\"https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/2-31.png 613w, https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/2-31-300x228.png 300w, https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/2-31-600x455.png 600w\" sizes=\"(max-width: 613px) 100vw, 613px\" \/><\/a><\/p>\n<p>Naj\u010dastej\u0161ie typy \u00fadajov, s ktor\u00fdmi sa v dataLayeri stretnete:<\/p>\n<ul>\n<li><strong>ecommerce d\u00e1ta<\/strong> &#8211; o produktoch a v\u0161etk\u00fdm, \u010do s\u00favis\u00ed s\u00a0predajom<\/li>\n<li><strong>vidite\u013en\u00e9 webov\u00e9 elementy<\/strong> &#8211; ako texty, nadpisy, n\u00e1zvy obr\u00e1zkov alebo tla\u010didiel<\/li>\n<li><strong>markup a cookie d\u00e1ta<\/strong> &#8211; teda d\u00e1ta, ktor\u00e9 nie s\u00fa na str\u00e1nke priamo vidite\u013en\u00e9, ale m\u00f4\u017eeme ich n\u00e1js\u0165 v zdrojovom k\u00f3de str\u00e1nky<\/li>\n<li><strong>d\u00e1ta tret\u00edch str\u00e1n a datab\u00e1zov\u00e9 \u00fadaje<\/strong> &#8211; o pou\u017e\u00edvate\u013eoch alebo n\u00e1kupoch, ktor\u00e9 by boli inak pre analytick\u00e9 n\u00e1stroje \u0165a\u017eko dostupn\u00e9<\/li>\n<\/ul>\n<h2><strong>Ako to vyzer\u00e1 v praxi?<\/strong><\/h2>\n<p><strong>V mnoh\u00fdch pr\u00edpadoch nie je implement\u00e1cia dataLayeru v\u00f4bec potrebn\u00e1, preto\u017ee ju zabezpe\u010d\u00ed Google Tag Manager.<\/strong> Sta\u010d\u00ed skontrolova\u0165 sp\u00fa\u0161\u0165ac\u00ed skript v <em>&lt;head&gt;<\/em> sekcii webovej str\u00e1nky.<\/p>\n<p><a href=\"https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/3-25.png\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-19511 size-full\" src=\"https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/3-25.png\" alt=\"dase data layer blog3 \" width=\"647\" height=\"137\" srcset=\"https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/3-25.png 647w, https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/3-25-300x64.png 300w, https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/3-25-600x127.png 600w\" sizes=\"(max-width: 647px) 100vw, 647px\" \/><\/a><\/p>\n<p>Pokia\u013e sa rozhodnete pre vlastn\u00fa implement\u00e1ciu, deklar\u00e1cia dataLayeru mus\u00ed by\u0165 umiestnen\u00e1 nad prv\u00fdm skriptom Google Tag Managera v sekcii &amp;lt;<em>head&amp;gt;<\/em>. D\u00f4vod je zrejm\u00fd. Inak m\u00f4\u017eete prep\u00edsa\u0165 v\u0161etky \u00fadaje v existuj\u00facom dataLayeri.<\/p>\n<p>Osved\u010den\u00fdm postupom je na za\u010diatku pou\u017ei\u0165 nasleduj\u00faci k\u00fasok k\u00f3du, ktor\u00fd zabezpe\u010d\u00ed vytvorenie nov\u00e9ho dataLayeru, ak neexistuje nejak\u00fd predo\u0161l\u00fd.<\/p>\n<p><a href=\"https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/4-23.png\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-19512 size-full\" src=\"https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/4-23.png\" alt=\"dase data layer blog4\" width=\"627\" height=\"53\" srcset=\"https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/4-23.png 627w, https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/4-23-300x25.png 300w, https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/4-23-600x51.png 600w\" sizes=\"(max-width: 627px) 100vw, 627px\" \/><\/a><\/p>\n<p>N\u00e1sledne m\u00f4\u017eete pomocou <strong>JavaScriptovej met\u00f3dy push<\/strong> zap\u00edsa\u0165 do dataLayeru po\u017eadovan\u00e9 d\u00e1ta.<\/p>\n<p><a href=\"https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/5-18.png\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-19513 size-full\" src=\"https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/5-18.png\" alt=\"dase data layer blog5\" width=\"414\" height=\"40\" srcset=\"https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/5-18.png 414w, https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/5-18-300x29.png 300w\" sizes=\"(max-width: 414px) 100vw, 414px\" \/><\/a><\/p>\n<p>Treba zd\u00f4razni\u0165, \u017ee pokia\u013e chceme udalos\u0165 pou\u017ei\u0165 ako sp\u00fa\u0161\u0165a\u010d v Google Tag Manageri, je potrebn\u00e9 pri volan\u00ed pr\u00edkazu dataLayer.push pou\u017ei\u0165 ako jednu z hodn\u00f4t<strong> n\u00e1zov udalosti.<\/strong> V opa\u010dom pr\u00edpade sa t\u00e1to udalos\u0165 v Google Tag Manageri zobraz\u00ed ako v\u0161eobecn\u00e1 \u201cMessage\u201d, ktor\u00e1 sa ned\u00e1 pou\u017ei\u0165 ako jednozna\u010dn\u00fd trigger.<\/p>\n<p>Napr\u00edklad, ak chceme sledova\u0165 kliknutie na ur\u010dit\u00e9 tla\u010didlo, do dataLayeru prid\u00e1me k\u013e\u00fa\u010d <strong>\u2018event\u2019<\/strong> s hodnotou<strong> \u2018button-click\u2019<\/strong>, ktor\u00e1 sa po stla\u010den\u00ed tla\u010didla objav\u00ed v Tag Manageri.<\/p>\n<p><a href=\"https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/6-14.png\" data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-19514 size-full\" src=\"https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/6-14.png\" alt=\"dase data layer blog6\" width=\"942\" height=\"42\" srcset=\"https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/6-14.png 942w, https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/6-14-300x13.png 300w, https:\/\/www.dase-analytics.com\/blog\/wp-content\/uploads\/6-14-600x27.png 600w\" sizes=\"(max-width: 942px) 100vw, 942px\" \/><\/a><\/p>\n<p>\u00dadaje nemus\u00edme prid\u00e1va\u0165 do dataLayeru po jednom. JavaScriptov\u00fd objekt m\u00f4\u017ee obsahova\u0165 viacero hodn\u00f4t, pokojne aj cel\u00fdch objektov s hodnotami, ktor\u00e9 pushneme do dataLayeru naraz.<\/p>\n<h2><strong>To je v\u0161etko?<\/strong><\/h2>\n<p>Ur\u010dite nie. Hoci je dataLayer jednoduch\u00fd koncept, jeho spr\u00e1vne pou\u017eitie si vy\u017eaduje pl\u00e1novanie, premyslen\u00fd n\u00e1vrh \u0161trukt\u00fary a testovanie. Inak m\u00f4\u017eeme ma\u0165 probl\u00e9my s ch\u00fdbaj\u00facimi \u00fadajmi a neefekt\u00edvnos\u0165ou cel\u00e9ho analytick\u00e9ho ekosyst\u00e9mu.<\/p>\n<p>Bli\u017e\u0161ie inform\u00e1cie o dataLayeri a Google Tag Manageri si m\u00f4\u017eete pre\u010d\u00edta\u0165 <a href=\"https:\/\/developers.google.com\/tag-platform\/tag-manager\/datalayer\" target=\"_blank\" rel=\"noopener\">v ofici\u00e1lnej dokument\u00e1cii<\/a>, alebo v \u010fal\u0161\u00edch \u010dl\u00e1nkoch na na\u0161om blogu. &#x1f596;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ako funguje dataLayer? Polo\u017eili ste si niekedy ot\u00e1zku ako sa v\u0161etky \u00fadaje o tom, \u010do robia va\u0161i n\u00e1v\u0161tevn\u00edci&#8230;<\/p>\n","protected":false},"author":78,"featured_media":19523,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[809,637],"tags":[923,922,921,602,663],"_links":{"self":[{"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/posts\/19508"}],"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\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/comments?post=19508"}],"version-history":[{"count":8,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/posts\/19508\/revisions"}],"predecessor-version":[{"id":19526,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/posts\/19508\/revisions\/19526"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/media\/19523"}],"wp:attachment":[{"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/media?parent=19508"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/categories?post=19508"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/tags?post=19508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}