{"id":13995,"date":"2019-01-29T15:10:20","date_gmt":"2019-01-29T13:10:20","guid":{"rendered":"https:\/\/www.dase-analytics.com\/blog\/?p=13995"},"modified":"2019-02-12T13:54:52","modified_gmt":"2019-02-12T11:54:52","slug":"realny-cas-straveny-na-stranke","status":"publish","type":"post","link":"https:\/\/www.dase-analytics.com\/blog\/sk\/realny-cas-straveny-na-stranke\/","title":{"rendered":"Re\u00e1lny \u010das str\u00e1ven\u00fd na str\u00e1nke. Viete, ako ho mera\u0165?"},"content":{"rendered":"

Google Analytics poskytuje mnoho u\u017eito\u010dn\u00fdch preh\u013eadov a ukazovate\u013eov, ktor\u00e9 u\u013eah\u010duj\u00fa pr\u00e1cu s d\u00e1tami. Treba v\u0161ak vedie\u0165, ako s\u00fa jednotliv\u00e9 metriky po\u010d\u00edtan\u00e9.<\/b><\/p>\n

Jednou z metr\u00edk, ktor\u00e1 b\u00fdva nespr\u00e1vne ch\u00e1pan\u00e1, je aj \u010cas str\u00e1ven\u00fd na str\u00e1nke. Ako sa meria? Pre\u010do je nevhodn\u00e9 sledova\u0165 dan\u00fa metriku pre niektor\u00e9 str\u00e1nky? \u010c\u00edm vieme t\u00fato metriku nahradi\u0165, aby boli d\u00e1ta pravdivej\u0161ie?<\/b><\/p>\n

Pre\u010do nie je \u010cas str\u00e1ven\u00fd na str\u00e1nke ide\u00e1lnou metrikou?<\/span><\/h2>\n

\u010cas str\u00e1ven\u00fd na str\u00e1nke, ako aj Priemern\u00fd \u010das str\u00e1ven\u00fd na str\u00e1nke, meria Google Analytics na z\u00e1klade<\/span> \u010dasov\u00fdch zna\u010diek<\/b>. To znamen\u00e1, \u017ee zaznamen\u00e1, <\/span>kedy pou\u017e\u00edvate\u013e na str\u00e1nku pri\u0161iel <\/b>(za\u010diato\u010dn\u00e9 Zobrazenie str\u00e1nky) a <\/span>kedy sa preklikol na \u010fal\u0161iu str\u00e1nku<\/b> (\u010fal\u0161ie Zobrazenie str\u00e1nky alebo spustenie Udalosti). <\/span><\/p>\n

Probl\u00e9m nast\u00e1va vtedy, ke\u010f pou\u017e\u00edvate\u013e od\u00edde zo str\u00e1nky (tzv. Opustenie str\u00e1nky <\/span>\u2013<\/span> Bounce). V takom pr\u00edpade Analytics<\/span> strat\u00ed inform\u00e1ciu o druhej \u010dasovej zna\u010dke<\/b>, a t\u00fdm p\u00e1dom nevie vypo\u010d\u00edta\u0165 \u010cas str\u00e1ven\u00fd na str\u00e1nke. N\u00e1sledne v reportoch vid\u00edme, \u017ee pou\u017e\u00edvatelia, ktor\u00ed odi\u0161li zo str\u00e1nky, maj\u00fa dan\u00fd \u010das rovn\u00fd 0. <\/span><\/p>\n

Uve\u010fme si pr\u00edklad blogov\u00e9ho \u010dl\u00e1nku \u2013 pou\u017e\u00edvate\u013e pr\u00edde z vyh\u013ead\u00e1vania na konkr\u00e9tny blogov\u00fd \u010dl\u00e1nok, pre\u010d\u00edta si ho a od\u00edde. Ako to vyhodnot\u00ed Analytics? Prirad\u00ed mu \u010das str\u00e1ven\u00fd na str\u00e1nke rovn\u00fd 0, hoci v skuto\u010dnosti \u010d\u00edtal \u010dl\u00e1nok 5 min\u00fat. <\/span>Pokia\u013e vyhodnocujeme blogov\u00e9 \u010dl\u00e1nky na z\u00e1klade \u010casu str\u00e1ven\u00e9ho na str\u00e1nke, m\u00f4\u017ee toto skreslenie vies\u0165 k nespr\u00e1vnej interpret\u00e1cii d\u00e1t<\/b>. Rovnak\u00fd princ\u00edp sa uplat\u0148uje aj pri <\/span>V\u00fdstupn\u00fdch str\u00e1nkach (Exit Pages)<\/span><\/i>.<\/span><\/p>\n

Ako teda odmera\u0165 \u010das tak, aby sme ho vedeli vyu\u017ei\u0165 pre v\u0161etk\u00fdch n\u00e1v\u0161tevn\u00edkov?<\/span><\/p>\n

Nastavenie merania Re\u00e1lneho \u010dasu str\u00e1ven\u00e9ho na str\u00e1nke<\/span><\/h2>\n

Najjednoduch\u0161\u00edm sp\u00f4sobom, ako <\/span>odmera\u0165 Re\u00e1lny \u010das str\u00e1ven\u00fd na str\u00e1nke, je pou\u017ei\u0165 Google Tag Manager<\/b>. <\/span><\/p>\n

Postup je nasledovn\u00fd:<\/span><\/p>\n

    \n
  1. zaznamenanie prvej \u010dasovej zna\u010dky (uskuto\u010dnenie zobrazenia str\u00e1nky),<\/span><\/li>\n
  2. zaznamenanie druhej (poslednej \u010dasovej zna\u010dky) <\/span>\u2013<\/span> ke\u010f pou\u017e\u00edvate\u013e opust\u00ed str\u00e1nku a vypo\u010d\u00edtanie rozdielu medzi jednotliv\u00fdmi \u010dasmi <\/span>\u2013<\/span> re\u00e1lne str\u00e1ven\u00fd \u010das na str\u00e1nke a odoslanie tohto \u010dasu do GTM,<\/span><\/li>\n
  3. preposlanie re\u00e1lneho \u010dasu do Analyticsu prostredn\u00edctvom zna\u010dky Na\u010dasovanie (User Timing Tag).<\/span><\/li>\n<\/ol>\n

    Pustime sa teda do toho. \ud83d\ude42<\/span><\/p>\n

    1. Z\u00edskanie prvej \u010dasovej zna\u010dky<\/span><\/h3>\n

    Tento krok n\u00e1m u\u013eah\u010duje samotn\u00fd Google Tag Manager, preto\u017ee prv\u00e1 \u010dasov\u00e1 zna\u010dka sa z\u00edskava pri na\u010d\u00edtan\u00ed <\/span>gtm.start<\/span>. T\u00fato premenn\u00fa v\u0161ak mus\u00edme vytiahnu\u0165 z dataLayera. Preto si vytvor\u00edme nov\u00fa <\/span>dataLayer Premenn\u00fa (dataLayer Variable)<\/span><\/i> pre <\/span>g<\/span><\/em>tm.start<\/span><\/em><\/span>. Premenn\u00fa m\u00f4\u017eeme nazva\u0165 <\/span>\u201e<\/span>Page Load Start Time\u201d.<\/span><\/p>\n

    \"\"

    Page Load Start Time<\/p><\/div>\n

    2. Vypo\u010d\u00edtanie Re\u00e1lneho \u010dasu str\u00e1ven\u00e9ho na str\u00e1nke<\/span><\/h3>\n

    Aby sme vypo\u010d\u00edtali <\/span>Re\u00e1lne str\u00e1ven\u00fd \u010das na str\u00e1nke<\/b>, potrebujeme vytvori\u0165 skript, ktor\u00fd n\u00e1m to umo\u017en\u00ed. Skript prid\u00e1me cez <\/span>Zna\u010dku (Tag) Vlastn\u00e9 HTML (Custom HTML)<\/span><\/i>, ktor\u00fd:<\/span><\/p>\n

      \n
    1. vypo\u010d\u00edta re\u00e1lny \u010das na str\u00e1nke,<\/span><\/li>\n
    2. odo\u0161le t\u00fato inform\u00e1ciu do dataLayera,<\/span><\/li>\n
    3. a toto v\u0161etko sprav\u00ed vtedy, ke\u010f pou\u017e\u00edvate\u013e od\u00edde zo str\u00e1nky.<\/span><\/li>\n<\/ol>\n

      T\u00fato zna\u010dku si m\u00f4\u017eeme nazva\u0165 <\/span>\u201e<\/span>HTML – beforeunload\u201d:<\/span><\/p>\n

      \"\"

      HTML – beforeunload<\/p><\/div>\n

      Ni\u017e\u0161ie prip\u00e1jam aj skript:<\/p>\n

      <script><\/span><\/code><\/p>\n

      window.addEventListener(\"beforeunload\", function(e) {<\/span><\/code><\/p>\n

      dataLayer.push({<\/span><\/code><\/p>\n

      'event' : 'beforeunload',<\/span><\/code><\/p>\n

      'timeOnPage' : new Date().getTime() - {{Page Load Start Time}}<\/span><\/code><\/p>\n

      });<\/span><\/code><\/p>\n

      });<\/span><\/code><\/p>\n

      <\/script><\/span><\/code><\/p>\n

      Pozor: T\u00fato zna\u010dku sp\u00fa\u0161\u0165ame <\/span>bu\u010f na v\u0161etk\u00fdch str\u00e1nkach, alebo len na t\u00fdch, kde potrebujeme mera\u0165 Re\u00e1lne str\u00e1ven\u00fd \u010das na str\u00e1nke<\/b> (napr. blog). <\/span><\/p>\n

      Skript funguje tak, \u017ee <\/span>vytvor\u00ed na str\u00e1nke Event Listener, ktor\u00fd hovor\u00ed GTMku, aby spustil skript len vtedy, ke\u010f pou\u017e\u00edvate\u013e od\u00edde zo str\u00e1nky<\/b>. N\u00e1sledne <\/span>timeOnPage<\/span><\/em><\/span> sl\u00fa\u017ei na vypo\u010d\u00edtanie rozdielu medzi \u010dasom, ktor\u00fd zaznamenal dan\u00fd Event a \u010dasom pr\u00edchodu na str\u00e1nku.<\/span><\/p>\n

      3. \u00a0Preposlanie Re\u00e1lneho \u010dasu str\u00e1ven\u00e9ho na str\u00e1nke do Analyticsu<\/span><\/h3>\n

      Aby sme mohli<\/span> odosla\u0165 Re\u00e1lne str\u00e1ven\u00fd \u010das na str\u00e1nke do Analyticsu, mus\u00edme ho najsk\u00f4r z\u00edska\u0165 z dataLayera<\/b>. Preto si potrebujeme vytvori\u0165 \u010fal\u0161iu <\/span>dataLayer Premenn\u00fa (dataLayer Variable)<\/span><\/i>, ktor\u00e1 n\u00e1m vytiahne premenn\u00fa <\/span>timeOnPage<\/span><\/em><\/span>. T\u00fato <\/span>dataLayer Premenn\u00fa<\/span><\/i> m\u00f4\u017eeme nazva\u0165 <\/span>\u201e<\/span>Real Time on Page\u201d.<\/span><\/p>\n

      \"\"

      Real Time on Page<\/p><\/div>\n

      \u010ealej si treba vytvori\u0165 nov\u00fd <\/span>Sp\u00fa\u0161\u0165a\u010d (Trigger) Vlastn\u00e1 udalos\u0165 (Custom Event)<\/span><\/i>, ktor\u00e9ho hodnota bude<\/span> beforeunload<\/span><\/em><\/span> a m\u00f4\u017eeme ho nazva\u0165 <\/span>\u201e<\/span>Event <\/span>\u2013<\/span> beforeunload\u201d.<\/span><\/p>\n

      \"\"

      Event \u2013 beforeunload<\/p><\/div>\n

       <\/p>\n

      Tento Sp\u00fa\u0161\u0165a\u010d m\u00f4\u017eeme spusti\u0165 bu\u010f pre v\u0161etky <\/span>Vlastn\u00e9 Udalosti (All Custom Events),<\/span><\/i> alebo ho m\u00f4\u017eeme nastavi\u0165 len pre konkr\u00e9tne udalosti. <\/span><\/p>\n

      Ja som zvolila druh\u00fa mo\u017enos\u0165, aby som <\/span>vyl\u00fa\u010dila t\u00fdch pou\u017e\u00edvate\u013eov, ktor\u00ed pri\u0161li na str\u00e1nku a nechali ju otvoren\u00fa pr\u00edli\u0161 dlho<\/b> (je vysok\u00fd predpoklad, \u017ee obsah ne\u010d\u00edtaj\u00fa a na dan\u00fa str\u00e1nku zabudli). Po istom \u010dase v\u0161ak m\u00f4\u017eu t\u00fato str\u00e1nku zavrie\u0165, a t\u00fdm p\u00e1dom sa do Analyticsu odo\u0161le nov\u00fd hit, ale u\u017e bez Zobrazenia str\u00e1nky (Pageview). <\/span><\/p>\n

      Aby sme zabr\u00e1nili dodato\u010dn\u00fdm Rel\u00e1ci\u00e1m, nastav\u00edme \u010das na menej ako 1 800 000 milisek\u00fand, \u010do je 1 800 sek\u00fand, \u010do sa rovn\u00e1 30 min\u00fatam. Tento \u010das je z\u00e1rove\u0148 \u010dasom, ktor\u00fdm kon\u010d\u00ed predvolen\u00e1 Rel\u00e1cia v Analyticse. Samozrejme, pokia\u013e m\u00e1te v Analyticse nastaven\u00fd \u010das skon\u010denia Rel\u00e1cie inak, je vhodn\u00e9 upravi\u0165 aj tento Sp\u00fa\u0161\u0165a\u010d tak, aby sa zhodoval s dan\u00fdm \u010dasom.<\/span><\/p>\n

      Posledn\u00e1 vec, ktor\u00fa potrebujeme vytvori\u0165, je <\/span>Zna\u010dka (Tag)<\/i><\/b> pre Analytics<\/b>. T\u00fato zna\u010dku nazvime <\/span>\u201e<\/span>Timing <\/span>\u2013<\/span> beforeunload\u201d. <\/span><\/p>\n

      Typ sledovania<\/span><\/i> zvol\u00edme Na\u010dasovanie (Timing), <\/span>Premenn\u00e1<\/span><\/i> bude Time. <\/span>Kateg\u00f3riu<\/span><\/i> pomenujeme Time on Page. <\/span>Hodnotu (Value)<\/span><\/i> prid\u00e1me ako dynamick\u00fa premenn\u00fa {{Real Time on Page}} a pre <\/span>\u0160t\u00edtok (Label)<\/span><\/i> prid\u00e1me dynamick\u00fa premenn\u00fa {{Page Path}}. <\/span><\/p>\n

      Nakoniec si zvol\u00edme ID pre <\/span>Google Analytics Settings<\/span><\/i>, kam chceme d\u00e1ta posiela\u0165. V mojom pr\u00edpade pou\u017eijem Premenn\u00fa Google Analytics Settings. <\/span><\/p>\n

      Ke\u010f chceme, aby sa n\u00e1m d\u00e1ta odosielali spr\u00e1vne, mus\u00edme prida\u0165 do <\/span>Pol\u00ed na nastavenie (Fields to Set) <\/span><\/i>transport<\/span><\/span><\/em> a hodnotu <\/span>beacon<\/span><\/span><\/em>. Aby sme tak mohli urobi\u0165, treba za\u0161krtn\u00fa\u0165 mo\u017enos\u0165 <\/span>Povoli\u0165 prep\u00edsanie nastaven\u00ed v tejto zna\u010dke<\/span><\/i>. <\/span><\/p>\n

      Toto <\/span>nastavenie n\u00e1m zabezpe\u010d\u00ed, aby sa Google Analytics hit odosielal a\u017e vtedy, ke\u010f pou\u017e\u00edvate\u013e skon\u010d\u00ed prehliadanie<\/b> (bez tohto nastavenia by Analytics odsekol dan\u00fd hit s ukon\u010den\u00edm prehliadania).<\/span><\/p>\n

      \"\"

      Timing \u2013 beforeunload<\/p><\/div>\n

      Ako Sp\u00fa\u0161\u0165a\u010d prid\u00e1me Event <\/span>\u2013<\/span> beforeunload, ktor\u00fd sme vytvorili predt\u00fdm. N\u00e1sledne je dobr\u00e9 otestova\u0165 nastavenia cez GTM Preview Mode, pr\u00edpadne pou\u017ei\u0165 aj <\/span>Google Analytics Debugger<\/span><\/a>. Netreba v\u0161ak zabudn\u00fa\u0165 na to, \u017ee<\/span> v\u00fdsledn\u00fd \u010das budete vidie\u0165 a\u017e vtedy, ke\u010f od\u00eddete zo str\u00e1nky<\/b>.<\/span><\/p>\n

      \"\"

      Google Analytics Debugger<\/p><\/div>\n

      Ako to vyzer\u00e1 v Google Analytics reportoch?<\/span><\/h2>\n

      V Analyticse m\u00f4\u017eeme n\u00e1js\u0165<\/span> z\u00e1kladn\u00fd report v \u010dasti Spr\u00e1vanie <\/b>\u2013<\/b> R\u00fdchlos\u0165 webu <\/b>\u2013<\/b> Trvanie aktiv\u00edt pou\u017e\u00edvate\u013eov (User Timings)<\/b>. Pr\u00edpadne m\u00f4\u017eeme vyu\u017ei\u0165 aj Vlastn\u00fd report. Vtedy do Analyticsu prid\u00e1me <\/span>tento report<\/span><\/a>, ktor\u00fd si n\u00e1sledne m\u00f4\u017eeme upravi\u0165 pod\u013ea svojich potrieb.<\/span><\/p>\n

      \"\"

      User Timings Report<\/p><\/div>\n

      D\u00fafam, \u017ee v\u00e1m tento \u010dl\u00e1nok <\/span>pom\u00f4\u017ee pri upresnen\u00ed meran\u00ed<\/b>, a v kone\u010dnom d\u00f4sledku aj spr\u00e1vnom vyhodnoten\u00ed n\u00e1v\u0161tevnosti a spr\u00e1vania sa pou\u017e\u00edvate\u013eov na webovej str\u00e1nke. <\/span><\/p>\n

      Z\u00e1rove\u0148 by som rada po\u010fakovala <\/span>blogu<\/span><\/a> analytical42.com, z ktor\u00e9ho som \u010derpala in\u0161pir\u00e1ciu. Budem rada za ak\u00e9ko\u013evek ot\u00e1zky, pr\u00edpadne sk\u00fasenosti s meran\u00edm Re\u00e1lneho \u010dasu str\u00e1ven\u00e9ho na str\u00e1nke, ktor\u00e9 m\u00f4\u017eete prida\u0165 do koment\u00e1rov. \ud83d\ude09<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

      Google Analytics poskytuje mnoho u\u017eito\u010dn\u00fdch preh\u013eadov a ukazovate\u013eov, ktor\u00e9 u\u013eah\u010duj\u00fa pr\u00e1cu s d\u00e1tami. Treba v\u0161ak vedie\u0165, ako s\u00fa…<\/p>\n","protected":false},"author":68,"featured_media":14024,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[639,200],"tags":[633,636,634,602,635],"_links":{"self":[{"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/posts\/13995"}],"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\/68"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/comments?post=13995"}],"version-history":[{"count":10,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/posts\/13995\/revisions"}],"predecessor-version":[{"id":14023,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/posts\/13995\/revisions\/14023"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/media\/14024"}],"wp:attachment":[{"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/media?parent=13995"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/categories?post=13995"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/tags?post=13995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}