{"id":18891,"date":"2022-10-19T11:38:39","date_gmt":"2022-10-19T09:38:39","guid":{"rendered":"https:\/\/www.dase-analytics.com\/blog\/?p=18891\/"},"modified":"2022-10-24T10:33:52","modified_gmt":"2022-10-24T08:33:52","slug":"google-data-studio-ako-okorenit-vase-reporty","status":"publish","type":"post","link":"https:\/\/www.dase-analytics.com\/blog\/sk\/google-data-studio-ako-okorenit-vase-reporty\/","title":{"rendered":"Google Data Studio – 5 tipov, ako okoreni\u0165 vzh\u013ead va\u0161ich reportov"},"content":{"rendered":"

Vytvori\u0165 preh\u013ead v Data Studiu, ktor\u00fd je nielen funk\u010dn\u00fd, ale aj dobre vyzer\u00e1, m\u00f4\u017ee zabra\u0165 ve\u013emi ve\u013ea \u010dasu. Tipy a triky v tomto \u010dl\u00e1nku v\u00e1m pom\u00f4\u017eu trochu z toho \u010dasu u\u0161etri\u0165.<\/strong><\/p>\n

Mimochodom, kr\u00e1tko po nap\u00edsan\u00ed \u010dl\u00e1nku sa Data Studio premenovalo a po novom sa vol\u00e1 Looker Studio. Na tipy a triky pop\u00edsan\u00e9 v tomto \u010dl\u00e1nku v\u0161ak t\u00e1to zmena zatia\u013e nem\u00e1 \u017eiaden vplyv.<\/p>\n

 <\/p>\n

1. Cel\u00fd preh\u013ead vo firemn\u00fdch farb\u00e1ch<\/h2>\n

 <\/p>\n

Ak ste si prech\u00e1dzali nejak\u00fd r\u00fdchlokurz pr\u00e1ce s data studiom, o tomto triku ste u\u017e ur\u010dite po\u010duli. No popri v\u0161etk\u00fdch ostatn\u00fdch nastaveniach a funkci\u00e1ch ste na\u0148 mo\u017eno zabudli (ako aj ja).<\/p>\n

Nech je to akoko\u013evek, tento u\u017eito\u010dn\u00fd trik si ur\u010dite zasl\u00fa\u017ei miesto v tomto zozname.<\/p>\n

Na to, aby ste si v\u00e1\u0161 preh\u013ead farebne prisp\u00f4sobili firemn\u00fdm farb\u00e1m, v\u00e1m sta\u010d\u00ed obr\u00e1zok v\u00e1\u0161ho loga. Nahr\u00e1te ho a data studio v\u00e1m z neho vyextrahuje farebn\u00fa paletu<\/strong>, ktor\u00fa v\u00e1m namixuje do troch r\u00f4znych kombin\u00e1ci\u00ed. Ak sa v\u00e1m nejak\u00e1 z nich zap\u00e1\u010di, m\u00f4\u017eete ju ihne\u010f pou\u017ei\u0165.<\/p>\n

 <\/p>\n

Vyextrahova\u0165 farebn\u00fa paletu z obr\u00e1zka viete nieko\u013ek\u00fdmi sp\u00f4sobmi:<\/h3>\n
    \n
  1. Ak u\u017e m\u00e1te v preh\u013eade pou\u017eit\u00fd obr\u00e1zok, pod\u013ea ktor\u00e9ho chcete prisp\u00f4sobi\u0165 farby preh\u013eadu, sta\u010d\u00ed na\u0148 klikn\u00fa\u0165 prav\u00fdm tla\u010didlom a z ponuky vybra\u0165 \u201eExtrahova\u0165 z obr\u00e1zka mot\u00edv\u201c<\/strong> (\u201eExtract theme from image\u201c)
    \n\"Data<\/a><\/li>\n
  2. Ak obr\u00e1zok v preh\u013eade nem\u00e1te, kliknite prav\u00fdm na pr\u00e1zdne miesto vo va\u0161om preh\u013eade (teda na pozadie preh\u013eadu) a z ponuky vyberte \u201eMot\u00edv a rozlo\u017eenie\u201c (\u201eTheme and Layout\u201c). V pravom bo\u010dnom menu, ktor\u00e9 sa v\u00e1m uk\u00e1\u017ee, kliknite na \u201eExtrahova\u0165 z obr\u00e1zka mot\u00edv\u201c \u00faplne dole. Teraz m\u00e1te dve mo\u017enosti \u2013 bu\u010f nahr\u00e1te obr\u00e1zok priamo z po\u010d\u00edta\u010da, alebo prid\u00e1te odkaz na nejak\u00fd obr\u00e1zok na webe<\/strong>.\"Data<\/a><\/li>\n<\/ol>\n

    Tak\u017ee napr\u00edklad z n\u00e1\u0161ho DASE loga mi data studio pon\u00faklo tak\u00e9to tri (alebo teda dva) mot\u00edvy:<\/p>\n

     <\/p>\n

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

     <\/p>\n

    Samozrejme, nemus\u00edte pou\u017ei\u0165 len va\u0161e logo, pokojne experimentujte a pou\u017eite hocijak\u00fd in\u00fd obr\u00e1zok,<\/strong> ktor\u00e9ho farby sa v\u00e1m p\u00e1\u010dia. Takto z\u00edskan\u00fd mot\u00edv v\u00e1\u0161ho preh\u013eadu potom m\u00f4\u017eete \u010falej upravova\u0165 <\/strong>v \u010dasti Mot\u00edv a rozlo\u017eenie \u2192 Prisp\u00f4sobi\u0165.<\/p>\n

     <\/p>\n

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

     <\/p>\n

    Ve\u013ekou v\u00fdhodou tejto funkcie je nielen to, \u017ee v\u00e1m hne\u010f \u201eprefarb\u00ed\u201c u\u017e pridan\u00e9 komponenty v preh\u013eade, ale aj to, \u017ee ke\u010f si v nastaveniach nejak\u00e9ho elementu otvor\u00edte ponuku farieb, okrem predvolen\u00fdch z\u00e1kladn\u00fdch farieb v\u00e1m automaticky pon\u00fakne farby z va\u0161ej palety<\/strong>.<\/p>\n

     <\/p>\n

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

     <\/p>\n

    2. Ako jednoducho skop\u00edrova\u0165 form\u00e1t<\/h2>\n

     <\/p>\n

    Vedeli ste, \u017ee ak si jeden element naform\u00e1tujete pod\u013ea va\u0161ich predst\u00e1v, viete jeho form\u00e1t ve\u013emi jednoducho skop\u00edrova\u0165 aj na \u010fal\u0161ie elementy?<\/p>\n

    Najprv skop\u00edrujte element, ktor\u00e9ho form\u00e1t chcete prenies\u0165 a kliknite prav\u00fdm na element, ktor\u00fd m\u00e1 jeho form\u00e1t zdedi\u0165. Z ponuky vyberte \u201ePrilepi\u0165 \u0161peci\u00e1lne\u201c \u2192 \u201ePrilepi\u0165 iba \u0161t\u00fdl\u201c<\/strong>. T\u00e1to funkcia najlep\u0161ie funguje, ak kop\u00edrujete form\u00e1t medzi rovnak\u00fdmi typmi elementov.<\/p>\n

     <\/p>\n

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

     <\/p>\n

    Pri takomto kop\u00edrovan\u00ed form\u00e1tu sa v\u00e1m m\u00f4\u017ee hodi\u0165 e\u0161te jeden tip \u2013 ozna\u010denie elementov rovnak\u00e9ho typu na str\u00e1nke<\/strong>.<\/p>\n

    Sta\u010d\u00ed klikn\u00fa\u0165 prav\u00fdm na element a vybra\u0165 hne\u010f prv\u00fa mo\u017enos\u0165. Napr\u00edklad, ak m\u00e1te na str\u00e1nke viac tabuliek (alebo preh\u013eadov, grafov\u2026), kliknite prav\u00fdm a v ponuke uvid\u00edte mo\u017enos\u0165 \u201eVybra\u0165<\/strong>\u201c \u2192<\/strong> \u201eTabu\u013eky na str\u00e1nke<\/strong>\u201c. Na takto ozna\u010den\u00e9 elementy potom m\u00f4\u017eete \u013eahko skop\u00edrova\u0165 form\u00e1t sp\u00f4sobom pop\u00edsan\u00fdm vy\u0161\u0161ie.<\/p>\n

    Potrebujem za\u010da\u0165 s form\u00e1tovan\u00edm odznova<\/h3>\n

    A ak s form\u00e1tom st\u00e1le nie ste spokojn\u00ed a chcete sa vr\u00e1ti\u0165 do p\u00f4vodn\u00e9ho stavu (pod\u013ea v\u00e1\u0161ho predvolen\u00e9ho mot\u00edvu preh\u013eadu), v pravom paneli nastaven\u00ed elementu zoscrollujte \u00faplne naspodok. N\u00e1jdete tam z\u00e1zra\u010dn\u00e9 tla\u010didlo \u201eResetova\u0165 na mot\u00edv preh\u013eadu\u201c<\/strong> (\u201eReset to report theme\u201c).<\/p>\n

     <\/p>\n

    3. Na \u00farovni str\u00e1nky vs. na \u00farovni preh\u013eadu<\/h2>\n

     <\/p>\n

    T\u00fato funkciu, ktor\u00e1 v\u00e1m u\u0161etr\u00ed \u010das pri \u00faprave, ur\u010dite vyu\u017eijete vo viacstr\u00e1nkov\u00fdch preh\u013eadoch.<\/strong><\/p>\n

    Ka\u017ed\u00fd element (graf, tabu\u013eka, filter, grafick\u00fd prvok\u2026), ktor\u00fd na str\u00e1nku preh\u013eadu prid\u00e1te, je automaticky na \u00farovni str\u00e1nky<\/strong>. To znamen\u00e1, \u017ee ho vid\u00edte len na danej str\u00e1nke preh\u013eadu, a ak sa jedn\u00e1 o filter, ovplyv\u0148uje d\u00e1ta len na tejto str\u00e1nke.<\/p>\n

    Ak v\u0161ak nejak\u00e9mu elementu nastav\u00edte vidite\u013enos\u0165 na \u00farovni preh\u013eadu<\/strong>, automaticky sa bude zobrazova\u0165 aj na v\u0161etk\u00fdch ostatn\u00fdch str\u00e1nkach preh\u013eadu. A nie len to. Ak ho uprav\u00edte na jednej str\u00e1nke, zmena sa hne\u010f prejav\u00ed aj na ostatn\u00fdch str\u00e1nkach. Nemus\u00edte tak po jednom upravova\u0165 dan\u00fd element na ka\u017edej str\u00e1nke zvl\u00e1\u0161\u0165.<\/p>\n

    Sta\u010d\u00ed klikn\u00fa\u0165 na element prav\u00fdm tla\u010didlom a z ponuky vybra\u0165 \u201eVytvori\u0165 na \u00farovni preh\u013eadu\u201c <\/strong>(\u201eMake report-level\u201c). Element bude po kliknut\u00ed or\u00e1movan\u00fd nafialovo namiesto klasickej modrej, tak\u017ee v\u017edy budete na prv\u00fd poh\u013ead vedie\u0165, ktor\u00e9 elementy sa opakuj\u00fa v celom preh\u013eade (a nesmiete s nimi u\u017e h\u00fdba\u0165 \ud83d\ude42 ).<\/p>\n

     <\/p>\n

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

     <\/p>\n

    Praktick\u00e9 vyu\u017eitie tejto funkcie ocen\u00edte napr\u00edklad pri vytv\u00e1ran\u00ed hlavi\u010dky preh\u013eadu, ktor\u00e1 m\u00e1 by\u0165 na ka\u017edej str\u00e1nke rovnak\u00e1. A taktie\u017e odpor\u00fa\u010dame t\u00fato funkciu vysk\u00fa\u0161a\u0165 na d\u00e1tumov\u00fd filter<\/strong> vo va\u0161ich preh\u013eadoch.<\/p>\n

    V\u00fdhodou je toti\u017e to, \u017ee ke\u010f si pou\u017e\u00edvate\u013e na jednej str\u00e1nke nastav\u00ed nejak\u00e9 konkr\u00e9tne obdobie, po prekliku na \u010fal\u0161iu str\u00e1nku tam tento zvolen\u00fd rozsah ostane<\/strong>. Ak by toti\u017e bol d\u00e1tumov\u00fd filter v\u017edy len na \u00farovni str\u00e1nky, na ka\u017edej \u010fal\u0161ej str\u00e1nke by si pou\u017e\u00edvate\u013e musel zvoli\u0165 rozsah nanovo.<\/p>\n

    Element po nastaven\u00ed na \u00farove\u0148 preh\u013eadu zmizol!?<\/h3>\n

    \u017diadna panika, sta\u010d\u00ed skontrolova\u0165 nastavenia preh\u013eadu.<\/p>\n

    Prejdite do sekcie \u201eMot\u00edv a rozlo\u017eenie\u201c (prav\u00fdm klikom na pr\u00e1zdne miesto na str\u00e1nke) a v \u010dasti \u201eRozlo\u017eenie\u201c skontrolujte \u00faplne posledn\u00e9 nastavenie \u201ePoz\u00edcia komponentu na \u00farovni preh\u013eadu\u201c<\/strong>. Zvo\u013ete \u201eHore\u201c, aby bol element v\u017edy navrchu.<\/p>\n

     <\/p>\n

    4. Ako jednoducho nastavi\u0165 \u0161\u00edrku st\u013apca v tabu\u013eke?<\/h2>\n

     <\/p>\n

    \u0160\u00edrku st\u013apca viete meni\u0165 pos\u00favan\u00edm deliacej \u010diary doprava-do\u013eava ko\u013eko sa v\u00e1m r\u00e1\u010di \u2013 o tom u\u017e asi viete. Ale \u010do ak potrebujete nastavi\u0165 \u0161\u00edrku v\u0161etk\u00fdch st\u013apcov na rovnak\u00fa ve\u013ekos\u0165?<\/p>\n

    Prav\u00fd klik na tabu\u013eku odhal\u00ed \u010fal\u0161ie mo\u017enosti form\u00e1tovania. Jednou z nich je aj \u201eZmeni\u0165 ve\u013ekos\u0165 st\u013apcov\u201c (\u201eResize columns\u201c). Na v\u00fdber m\u00e1te dve mo\u017enosti \u2013 \u201ePrisp\u00f4sobi\u0165 \u00fadajom\u201c<\/strong> (\u201eFit to data\u201c) alebo \u201eRozdeli\u0165 rovnomerne\u201c<\/strong> (\u201eDistribute evenly\u201c).<\/p>\n

    Mimochodom, ak si chcete u\u0161etri\u0165 p\u00e1r klikov, jednoduch\u00fdm dvojklikom na deliacu \u010diaru<\/strong> medzi st\u013apcami docielite to ist\u00e9 ako mo\u017enos\u0165ou \u201ePrisp\u00f4sobi\u0165 \u00fadajom\u201c.<\/p>\n

     <\/p>\n

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

     <\/p>\n

    No \u010do ak st\u013apce rozdel\u00edte rovnomerne, ale jeden st\u013apec potrebujete predsa len trochu zv\u00e4\u010d\u0161i\u0165? Spom\u00ednan\u00e9 potiahnutie deliacej \u010diary medzi st\u013apcami sta\u010di\u0165 nebude. Sk\u00faste v\u0161ak pri tom dr\u017ea\u0165 stla\u010den\u00fa kl\u00e1vesu Shift<\/strong> \u2013 zmen\u00edte \u0161\u00edrku st\u013apca a zvy\u0161n\u00e9 st\u013apce sa propor\u010dne prisp\u00f4sobia<\/strong> a zachovaj\u00fa si rovnomern\u00fa \u0161\u00edrku.<\/p>\n

     <\/p>\n

    Pr\u00edli\u0161 ve\u013ea st\u013apcov?<\/h3>\n

    Niekedy sa m\u00f4\u017ee sta\u0165, \u017ee v tabu\u013eke potrebujete ma\u0165 viac st\u013apcov, no nem\u00e1te u\u017e dos\u0165 miesta, alebo sa cel\u00e1 tabu\u013eka jednoducho na \u0161\u00edrku preh\u013eadu nezmest\u00ed. Aby st\u013apce nemuseli by\u0165 pr\u00edli\u0161 \u00fazke a \u00fadaje sa dali st\u00e1le dobre \u010d\u00edta\u0165, v nastaveniach \u0161t\u00fdlu tabu\u013eky za\u010diarknite \u201eVodorovn\u00e9 pos\u00favanie\u201c<\/strong> (\u201eHorizontal scrolling\u201c). Tabu\u013eku tak bude mo\u017en\u00e9 scrollova\u0165 doprava-do\u013eava.<\/p>\n

     <\/p>\n

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

     <\/p>\n

    5. Ako zmeni\u0165 n\u00e1zov dimenzie\/metriky v preh\u013eadoch?<\/h2>\n

     <\/p>\n

    Vedeli ste, \u017ee zobrazovan\u00fd n\u00e1zov dimenzie a metriky m\u00f4\u017eete v preh\u013eadoch zmeni\u0165?<\/strong><\/p>\n

    U\u017eito\u010dn\u00e9 napr\u00edklad vtedy, ak je n\u00e1zov dimenzie v d\u00e1tovom zdroji pr\u00edli\u0161 dlh\u00fd no v reporte v\u00e1m sta\u010d\u00ed pokojne aj len jedno slovo.<\/p>\n

    Kliknite na element, v ktorom chcete premenova\u0165 dimenziu alebo metriku a v paneli nastaven\u00ed vpravo prejdite kurzorom na ikonku ved\u013ea dimenzie alebo metriky (ikonka sa zmen\u00ed na ceruzku).<\/p>\n

    Do po\u013ea N\u00e1zov<\/strong> nap\u00ed\u0161te \u017eelan\u00fd text a n\u00e1zov dimenzie (metriky) sa v danom elemente uprav\u00ed<\/strong>. Ak sa chcete vr\u00e1ti\u0165 k p\u00f4vodn\u00e9mu n\u00e1zvu, jednoducho text znovu vyma\u017ete. T\u00e1to zmena sa v\u0161ak prejav\u00ed v\u017edy len v elemente, ktor\u00fd pr\u00e1ve upravujete a nebude ma\u0165 vplyv na v\u00e1\u0161 d\u00e1tov\u00fd zdroj (n\u00e1zov v \u0148om bude st\u00e1le p\u00f4vodn\u00fd).<\/p>\n

     <\/p>\n

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

     <\/p>\n

    A ak by ste potrebovali n\u00e1zov ozvl\u00e1\u0161tni\u0165 pr\u00edpadne skr\u00e1ti\u0165 na \u00faplne minimum<\/strong>, pom\u00f4\u017ete si emotikonmi<\/strong>. Vo Windowse ich m\u00e1te po ruke na jeden klik v\u010faka skratke Win + . (bodka). Tabu\u013eky v preh\u013eadoch potom m\u00f4\u017eu vyzera\u0165 napr\u00edklad takto:<\/p>\n

     <\/p>\n

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

     <\/p>\n

    Viem okrem n\u00e1zvu upravi\u0165 aj hodnoty nejakej dimenzie?<\/h3>\n

    A ke\u010f u\u017e sme pri tom, okrem n\u00e1zvu dimenzie viete upravi\u0165 aj jej hodnoty<\/strong>.<\/p>\n

    Na to si v\u0161ak potrebujete vytvori\u0165 nov\u00e9 kalkulovan\u00e9 pole, ktor\u00e9 bude pod\u013ea nejak\u00e9ho vzorca zobrazova\u0165 upraven\u00e9 hodnoty. P\u00f4vodn\u00e1 dimenzia tak ostane st\u00e1le nezmenen\u00e1 a viete ju kedyko\u013evek pou\u017ei\u0165 znova.<\/p>\n

    Ak skombinujete tak\u00fato nov\u00fa dimenziu s emotikonami, m\u00f4\u017eete vytvori\u0165 napr\u00edklad tak\u00fdto klikate\u013en\u00fd odkaz v tabu\u013eke:<\/p>\n

     <\/p>\n

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

    To sme ale tro\u0161ku odbo\u010dili\u2026 O kalkulovan\u00fdch poliach si povieme viac v \u010fal\u0161ej \u010dasti tipov a trikov v Data Studiu. \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"

    Vytvori\u0165 preh\u013ead v Data Studiu, ktor\u00fd je nielen funk\u010dn\u00fd, ale aj dobre vyzer\u00e1, m\u00f4\u017ee zabra\u0165 ve\u013emi ve\u013ea \u010dasu….<\/p>\n","protected":false},"author":75,"featured_media":18910,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[667,639],"tags":[846,850,805,849,848,847,851],"_links":{"self":[{"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/posts\/18891"}],"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\/75"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/comments?post=18891"}],"version-history":[{"count":9,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/posts\/18891\/revisions"}],"predecessor-version":[{"id":18915,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/posts\/18891\/revisions\/18915"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/media\/18910"}],"wp:attachment":[{"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/media?parent=18891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/categories?post=18891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dase-analytics.com\/blog\/sk\/wp-json\/wp\/v2\/tags?post=18891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}