{"id":13696,"date":"2017-08-06T11:04:29","date_gmt":"2017-08-06T09:04:29","guid":{"rendered":"https:\/\/www.dase-analytics.com\/blog\/?p=13696"},"modified":"2020-02-06T10:14:52","modified_gmt":"2020-02-06T08:14:52","slug":"ako-vytazit-maximum-z-formularov-na-webe","status":"publish","type":"post","link":"https:\/\/www.dase-analytics.com\/blog\/sk\/ako-vytazit-maximum-z-formularov-na-webe\/","title":{"rendered":"Ako vy\u0165a\u017ei\u0165 maximum z formul\u00e1rov na webe?"},"content":{"rendered":"

Na\u0161i klienti maj\u00fa \u010dasto na str\u00e1nke vlo\u017een\u00e9 formul\u00e1re, pr\u00edpadne r\u00f4zne kalkula\u010dky. Cez ne m\u00f4\u017eem napr\u00edklad kontaktova\u0165 majite\u013ea web str\u00e1nky s odoslan\u00edm \u0161pecifick\u00fdch inform\u00e1ci\u00ed, vypo\u010d\u00edta\u0165 si v\u00fd\u0161ku p\u00f4\u017ei\u010dky, pr\u00edpadne vypo\u010d\u00edta\u0165 v\u00fd\u0161ku m\u00f4jho \u010dist\u00e9ho pr\u00edjmu. Mo\u017enost\u00ed, ako zauja\u0165 n\u00e1v\u0161tevn\u00edkov, je mnoho.\u00a0Je v\u0161ak ve\u013ek\u00e1 \u0161koda, \u017ee ve\u013ea majite\u013eov webstr\u00e1nok tieto \u00fadaje z formul\u00e1rov absol\u00fatne nevyu\u017e\u00edva. Nedok\u00e1\u017ee z nich vy\u0165a\u017ei\u0165 maximum a nevie spravi\u0165 z\u00e1kladn\u00fa anal\u00fdzu z\u00edskan\u00fdch d\u00e1t.\u00a0<\/strong><\/p>\n

Preto sa v tomto \u010dl\u00e1nku pok\u00fasim vysvetli\u0165, ako mo\u017eno vhodne zbiera\u0165 a reprezentova\u0165 d\u00e1ta z kalkula\u010dky na p\u00f4\u017ei\u010dku a kontaktn\u00e9ho formul\u00e1ra. <\/span><\/p>\n

\u010co budeme trackova\u0165?<\/strong><\/h2>\n

Najlep\u0161ie je vysvetli\u0165 trackovanie na pr\u00edklade. Preto som naprogramoval t\u00fato DASE p\u00f4\u017ei\u010dkov\u00fa kalkula\u010dku spolu s DASE kontaktn\u00fdm formul\u00e1rom. T\u00e1 simuluje formul\u00e1re, ktor\u00e9 sa nach\u00e1dzaj\u00fa na re\u00e1lnych web str\u00e1nkach. Jedn\u00e1 sa v\u0161ak skuto\u010dne len o simul\u00e1ciu a preto ani kalkula\u010dka, ani formul\u00e1r ni\u010d neodosielaj\u00fa.<\/span><\/p>\n

DASE p\u00f4\u017ei\u010dkov\u00e1 kalkula\u010dka<\/h3>\n
\n

Vyberte si po\u010det mesiacov spl\u00e1cania p\u00f4\u017ei\u010dky:<\/p>\n

<\/p>\n

12<\/span> mesiacov<\/p>\n

Ak\u00e1 m\u00e1 by\u0165 ve\u013ekos\u0165 p\u00f4\u017ei\u010dky?<\/p>\n

<\/p>\n

7000<\/span> \u20ac<\/p>\n

Vypo\u010d\u00edta\u0165<\/div>\n

Mesa\u010dn\u00e1 spl\u00e1tka: <\/span><\/p>\n

 <\/p>\n

DASE kontaktn\u00fd formul\u00e1r<\/h3>\n

Odosla\u0165<\/div>\n
<\/div>\n<\/div>\n

S ak\u00fdmi n\u00e1strojmi trackujeme?<\/strong><\/h2>\n

Na to, aby sme mohli trackova\u0165 \u00fadaje, potrebujeme ma\u0165 vlo\u017een\u00fd do str\u00e1nky Google Analytics<\/a> (potrebn\u00fd na vyhodnotenie d\u00e1t) spolu s Google Tag Managerom<\/a> (potrebn\u00fd na technick\u00fd zber d\u00e1t). Tieto dva n\u00e1stroje n\u00e1m dodaj\u00fa potrebn\u00fa silu, aby sme na konci cel\u00e9ho trackovania urobili vhodn\u00fa anal\u00fdzu. \u00a0<\/span><\/p>\n

 <\/p>\n

<\/h2>\n

\"Google<\/p>\n

D\u00f4le\u017eit\u00e9 je ma\u0165 tieto dva n\u00e1stroje nastaven\u00e9 spr\u00e1vne. M\u00f4\u017ee sa toti\u017e sta\u0165, \u017ee budeme ma\u0165 perfektne nastaven\u00e9 trackovanie, no n\u00e1\u0161 Google Analytics \u00fa\u010det n\u00e1m tieto \u00fadaje skresl\u00ed o +\/- 100 %. Jednou z pr\u00ed\u010din m\u00f4\u017eu by\u0165 <\/span>zle nastaven\u00e9 filtre<\/span><\/a>, zl\u00e9 umiestnenie trackovacieho k\u00f3du v zdrojovom k\u00f3de str\u00e1nky alebo nespr\u00e1vne nastaven\u00e9 GTM tagy.<\/span><\/p>\n

 <\/p>\n

Ak\u00fa strat\u00e9giu trackovania zvol\u00edme?<\/h2>\n

Pred t\u00fdm, ako sa pust\u00edme do trackovania \u00fadajov, je v\u017edy d\u00f4le\u017eit\u00e9 zamyslie\u0165 sa nad t\u00fdm, ak\u00e9 \u00fadaje pre n\u00e1s maj\u00fa zmysel, a v ktorom momente ich budeme zbiera\u0165.<\/span><\/p>\n

Pre <\/span>DASE p\u00f4\u017ei\u010dkov\u00fa<\/b> kalkula\u010dku <\/b>m\u00f4\u017eeme zbiera\u0165 \u00fadaje o ka\u017edom pohybe vrchn\u00e9ho a spodn\u00e9ho slidera v momentoch, ke\u010f n\u00edm pou\u017e\u00edvate\u013e pos\u00fava. Dostaneme tak mno\u017estvo \u00fadajov.<\/span><\/p>\n

No pre\u010do by som to robil? Nebud\u00fa pre n\u00e1s tieto \u00fadaje <\/span>irelevantn\u00e9<\/b>?\u00a0<\/span>Bud\u00fa. Mysl\u00edm si, \u017ee nie je d\u00f4le\u017eit\u00e9 vedie\u0165, ako pou\u017e\u00edvate\u013e pos\u00faval sliderom. D\u00f4le\u017eit\u00e9 je to, ktor\u00e1 suma, spolu so splatnos\u0165ou v mesiacoch ho zaujala, rovnako aj mesa\u010dn\u00e1 spl\u00e1tka. A to len v tom momente, ke\u010f pou\u017e\u00edvate\u013e klikne na tla\u010didlo VYPO\u010c\u00cdTA\u0164. <\/span><\/p>\n

\"\u00faverov\u00e1<\/p>\n

Pre <\/span>DASE<\/b> kontaktn\u00fd formul\u00e1r<\/b> s\u00fa pre n\u00e1s zauj\u00edmav\u00e9 \u00fadaje o tom, odkia\u013e u\u017e\u00edvate\u013e poch\u00e1dza a ak\u00e1 je jeho profesia. A to v momente, ke\u010f klikne na tla\u010didlo ODOSLA\u0164. \u00a0<\/span><\/p>\n

\"\u00faverov\u00e1<\/p>\n

Praktick\u00fd tip<\/b>: \u00a0<\/span>Nikdy, skuto\u010dne nikdy <\/b>netrackujte e-mail a osobn\u00e9 \u00fadaje u\u017e\u00edvate\u013ea (PII)<\/a>. Nie je to leg\u00e1lne a Google v\u00e1m m\u00f4\u017ee zablokova\u0165 cel\u00fd Google Analytics \u00fa\u010det. <\/span><\/p>\n

Technick\u00e9 trackovanie s Google Tag Managerom<\/h2>\n

V tomto momente u\u017e vieme, ak\u00e9 \u00fadaje chceme trackova\u0165, a v ktorom momente ich chceme trackova\u0165 (stla\u010denie tla\u010didla).\u00a0<\/span>Preto n\u00e1m ni\u010d nebr\u00e1ni v tom, aby sme pomocou Google Tag Managera vytvorili 2 potrebn\u00e9 tagy pod\u013ea nasleduj\u00facej sch\u00e9my.<\/span><\/p>\n

Nastavenie tagu pre DASE p\u00f4\u017ei\u010dkov\u00fa kalkula\u010dku<\/strong><\/h3>\n

Pri kliknut\u00ed na tla\u010didlo VYPO\u010c\u00cdTA\u0164 sa do Google Analytics po\u0161l\u00fa \u00fadaje z horn\u00e9ho obr\u00e1zka. Dynamicky sa bud\u00fa generova\u0165 \u00fadaje o po\u010dte mesiacov spl\u00e1cania p\u00f4\u017ei\u010dky (bud\u00fa ulo\u017een\u00e9 vo vlastnej dimenzii s indexom 1), \u00fadaje o ve\u013ekosti p\u00f4\u017ei\u010dky (bud\u00fa ulo\u017een\u00e9 vo vlastnej dimenzii s indexom 2) a \u00fadaje o mesa\u010dnej spl\u00e1tke (bud\u00fa ulo\u017een\u00e9 vo vlastnej dimenzii s indexom 3). \u00dadaje v Action a Label sa tie\u017e generuj\u00fa dynamicky pod\u013ea toho, \u010do sa nach\u00e1dza vo vlastnej dimenzii<\/a> 1 a 2. <\/span><\/p>\n

\"GTM<\/p>\n

Na to, aby sme mohli ulo\u017ei\u0165 \u00fadaj z formul\u00e1ra do vlastnej dimenzie, treba pozna\u0165 z\u00e1klady \u0161trukt\u00fary HTML a z\u00e1klady JavaScriptu<\/a> \u2013 v na\u0161om pr\u00edpade jQuery.\u00a0Zostroj\u00edme si preto v Google Tag Manageri 3 Custom JavaScript variable. Na to vyberieme CSS selector HTML prvku, ktor\u00fd potrebujeme:<\/p>\n

\"CSS<\/p>\n

 <\/p>\n

A takto bud\u00fa potom vyzera\u0165 tri custom JavaScript variables. <\/span><\/p>\n\n\n\n\n
Vlastn\u00e1 dimenzia 1 \u2013 mesiace<\/span><\/td>\nVlastn\u00e1 dimenzia 2 \u2013 v\u00fd\u0161ka p\u00f4\u017ei\u010dky<\/span><\/td>\nVlastn\u00e1 dimenzia 3 \u2013 mesa\u010dn\u00e1 spl\u00e1tka<\/span><\/td>\n<\/tr>\n
function<\/span>(){<\/span><\/p>\n

\u00a0<\/span>return<\/span> $<\/span>(<\/span>„#rangeMonths“<\/span>).<\/span>val<\/span>();<\/span>}<\/span><\/td>\n

function<\/span>(){<\/span><\/p>\n

\u00a0<\/span>return<\/span> $<\/span>(<\/span>„#rangeMoney“<\/span>).<\/span>val<\/span>();<\/span>}<\/span><\/td>\n

function<\/span>(){<\/span><\/p>\n

\u00a0<\/span>return<\/span> $<\/span>(<\/span>„#monthlyFee“<\/span>).<\/span>val<\/span>();<\/span>}<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Teraz treba vytvori\u0165 u\u017e len trigger \u2013 sp\u00fa\u0161\u0165a\u010d n\u00e1\u0161ho tagu.\u00a0<\/span>T\u00fdm bude kliknutie na tla\u010didlo VYPO\u010c\u00cdTA\u0164. Preto si nastav\u00edme trigger len na tie tla\u010didl\u00e1, ktor\u00fdch klik ID je<\/span> counter<\/span>.<\/span><\/p>\n

Takto si m\u00f4\u017eeme technicky predstavi\u0165 cel\u00fd GTM Tag aj s triggerom. <\/span><\/p>\n

 <\/p>\n

\"\u00faverov\u00e1<\/p>\n

Nastavenie tagu pre DASE kontaktn\u00fd formul\u00e1r<\/strong><\/h3>\n

Toto nastavenie sa ve\u013emi podob\u00e1 na nastavenie DASE p\u00f4\u017ei\u010dkovej kalkula\u010dky.<\/span><\/p>\n

\"track<\/p>\n

Do vlastnej dimenzie 4 vlo\u017e\u00edme \u00fadaj o bydlisku a do vlastnej dimenzie 5 \u00fadaj o povolan\u00ed.\u00a0<\/span>Zostroj\u00edme si v Google Tag Manageri 2 Custom JavaScript variable pomocou CSS selektoru dan\u00e9ho prvku.<\/p>\n

\"trackovanie<\/p>\n

A takto vyzeraj\u00fa 2 custom JavaScript variables:<\/span><\/p>\n\n\n\n\n
Vlastn\u00e1 dimenzia 4 \u2013 bydlisko<\/span><\/td>\nVlastn\u00e1 dimenzia 5 \u2013 povolanie<\/span><\/td>\n<\/tr>\n
function<\/span>(){<\/span><\/p>\n

\u00a0<\/span>return<\/span> $<\/span>(<\/span>„#regionSlovakia“<\/span>).<\/span>val<\/span>();<\/span>}<\/span><\/td>\n

function<\/span>(){<\/span><\/p>\n

\u00a0<\/span>return<\/span> $<\/span>(<\/span>„#myJob“<\/span>).<\/span>val<\/span>();<\/span>}<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Poslednou vecou, ktor\u00fa mus\u00edm vytvori\u0165, je trigger n\u00e1\u0161ho tagu.\u00a0<\/span>T\u00fdm bude kliknutie na tla\u010didlo ODOSLA\u0164. Preto si nastav\u00edme trigger len na tie tla\u010didl\u00e1, ktor\u00fdch klik ID je<\/span> sendMeEmail<\/span>.<\/span><\/p>\n

Takto si m\u00f4\u017eeme technicky predstavi\u0165 cel\u00fd GTM Tag aj s triggerom. <\/span><\/p>\n

\"trigger<\/p>\n

Ke\u010f sme hotov\u00ed s celkovou GTM implement\u00e1ciou, odpor\u00fa\u010dam v\u0161etky tagy otestova\u0165, a nakoniec kontajner publishn\u00fa\u0165. <\/span><\/p>\n

Nastavenie Google Analytics<\/h2>\n

V Google Analytics potrebujeme nastavi\u0165 vlastn\u00e9 dimenzie. Pre lep\u0161ie pochopenie toho, ako funguj\u00fa, je tu <\/span>tento \u010dl\u00e1nok<\/span><\/a>.<\/span><\/p>\n

Po ich \u00faspe\u0161nom nastaven\u00ed budeme ma\u0165 tak\u00fdto preh\u013ead v Google Analytics:<\/span><\/p>\n

\"\"<\/p>\n

Anal\u00fdza<\/h2>\n

Kone\u010dne prich\u00e1dzame k tomu, pre\u010do sme v\u0161etko toto robili. Z Google Analytics sme dostali po p\u00e1r t\u00fd\u017ed\u0148och potrebn\u00e9 \u00fadaje, ktor\u00e9 teraz m\u00f4\u017eeme vhodne vizualizova\u0165 napr\u00edklad pomocou Excelu alebo Google Data Studia. Ke\u010f\u017ee chceme urobi\u0165 vhodn\u00fa anal\u00fdzu, mus\u00edme \u00fadaje zoskupi\u0165 a pretriedi\u0165. A\u017e potom zist\u00edme napr\u00edklad:<\/span><\/p>\n

\"graf\"<\/p>\n

V\u00e4\u010d\u0161ina pou\u017e\u00edvate\u013eov na\u0161ej str\u00e1nky m\u00e1 z\u00e1ujem o dlhodob\u00e9 spl\u00e1canie p\u00f4\u017ei\u010dky.<\/span><\/p>\n

\"graf<\/p>\n

Najviac \u013eud\u00ed m\u00e1 z\u00e1ujem o p\u00f4\u017ei\u010dku s najv\u00e4\u010d\u0161ou ve\u013ekos\u0165ou.<\/span><\/p>\n

\"graf<\/p>\n

Najv\u00e4\u010d\u0161ia skupina pou\u017e\u00edvate\u013eov na\u0161ej str\u00e1nky pracuje v IT odvetv\u00ed.<\/span><\/p>\n

\"graf<\/p>\n

Skoro polovica pou\u017e\u00edvate\u013eov, ktor\u00e1 n\u00e1s kontaktovala, poch\u00e1dza zo stredn\u00e9ho Slovenska.<\/span><\/p>\n

Na \u010do to bolo v\u0161etko dobr\u00e9?<\/h2>\n

Tieto anal\u00fdzy mo\u017eno medzi sebou i \u010falej sp\u00e1ja\u0165, pod\u013ea toho, \u010do chceme \u010falej sk\u00fama\u0165. M\u00f4\u017eeme si v\u0161\u00edma\u0165 vz\u0165ah medzi d\u013a\u017ekou spl\u00e1cania p\u00f4\u017ei\u010dky a jej ve\u013ekos\u0165ou. Rovnako mo\u017eno sk\u00fama\u0165 <\/span>korel\u00e1ciu<\/b> medzi ve\u013ekos\u0165ou p\u00f4\u017ei\u010dky, zamestnan\u00edm a bydliskom. Mo\u017eno formulova\u0165 \u010fal\u0161ie <\/span>hypot\u00e9zy <\/b>a tie \u010falej <\/span>implementova\u0165 <\/b>na str\u00e1nke.\u00a0<\/span><\/p>\n

\u010eal\u0161ou zauj\u00edmavou mo\u017enos\u0165ou je vytvorenie <\/span>remarketingu <\/b>len pre u\u017e\u00edvate\u013eov, ktor\u00ed prejavili z\u00e1ujem o vysok\u00fa p\u00f4\u017ei\u010dku napr\u00edklad s dlhou dobou spl\u00e1cania.\u00a0<\/span>Rovnako mo\u017eno len pre bonitn\u00fdch pou\u017e\u00edvate\u013eov alebo pou\u017e\u00edvate\u013eov vracaj\u00facich sa na n\u00e1\u0161 DASE p\u00f4\u017ei\u010dkov\u00fd formul\u00e1r zapn\u00fa\u0165 \u0161peci\u00e1lny <\/span>banner s extra z\u013eavou<\/b>, ktor\u00e1 im pom\u00f4\u017ee rozhodn\u00fa\u0165 sa pre n\u00e1\u0161 produkt r\u00fdchlej\u0161ie.<\/span><\/p>\n

\u00dadaje o bydlisku n\u00e1m dok\u00e1\u017eu napoveda\u0165, kde m\u00f4\u017eeme v bud\u00facnosti otvori\u0165 nov\u00fa pobo\u010dku.<\/span><\/p>\n

Anal\u00fdzam sa medze neklad\u00fa a m\u00f4\u017eeme sk\u00fama\u0165 \u00fadaje skuto\u010dne dopodrobna. Av\u0161ak treba si by\u0165 vedom\u00fd, \u017ee pre ka\u017ed\u00fd druh biznisu s\u00fa d\u00f4le\u017eit\u00e9 in\u00e9 d\u00e1ta. V\u0161eobecn\u00fd recept na dokonal\u00fa anal\u00fdzu neexistuje. Preto sa v\u017edy treba zam\u00fd\u0161\u013ea\u0165 a kl\u00e1s\u0165 si ot\u00e1zky (na \u010do mi to bude dobr\u00e9?, ak\u00e9 inform\u00e1cie dostanem?) e\u0161te predt\u00fdm, ako za\u010dneme robi\u0165 technick\u00fa implement\u00e1ciu.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Na\u0161i klienti maj\u00fa \u010dasto na str\u00e1nke vlo\u017een\u00e9 formul\u00e1re, pr\u00edpadne r\u00f4zne kalkula\u010dky. Cez ne m\u00f4\u017eem napr\u00edklad kontaktova\u0165 majite\u013ea web…<\/p>\n","protected":false},"author":64,"featured_media":13731,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[340,200],"tags":[603,602,372],"_links":{"self":[{"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/posts\/13696"}],"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\/64"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/comments?post=13696"}],"version-history":[{"count":21,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/posts\/13696\/revisions"}],"predecessor-version":[{"id":15209,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/posts\/13696\/revisions\/15209"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/media\/13731"}],"wp:attachment":[{"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/media?parent=13696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/categories?post=13696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/tags?post=13696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}