{"id":4139,"date":"2025-10-26T11:31:05","date_gmt":"2025-10-26T09:31:05","guid":{"rendered":"https:\/\/webanalyst.ro\/?p=4139"},"modified":"2025-10-26T11:31:05","modified_gmt":"2025-10-26T09:31:05","slug":"layout-adaptabil-in-looker-studio","status":"publish","type":"post","link":"https:\/\/webanalyst.ro\/blog\/2025\/layout-adaptabil-in-looker-studio\/","title":{"rendered":"Layout adaptabil \u00een Looker Studio"},"content":{"rendered":"\n

Google Data Studio, redenimit ca Looker Studio, a lansat recent responsive layouts<\/em>. Acesta este un design care se poate adapta la ecranul pe care este vizualizat, fiind util atunci c\u00e2nd raportul este v\u0103zut pe telefoane mobile sau tablete.<\/p>\n\n\n\n

De c\u00e2teva zile, rapoartele cu layout adaptabil beneficiaz\u0103 \u0219i de arajarea vertical\u0103 a elementelor<\/strong>, f\u0103c\u00e2nd rapoartele u\u0219or de utilizat indiferent de dispozitiv.<\/p>\n\n\n\n\n\n\n\n

Freeform layout vs Responsive layout<\/h2>\n\n\n\n

Ini\u021bial, rapoartele din Looker Studio sunt de tipul Freeform<\/strong>, adic\u0103 au margini fixe. Acesta este un layout perfect atunci c\u00e2nd este accesat de un computer. De aici vine \u0219i denumirea desktop-first<\/em>, adic\u0103 va ar\u0103ta bine pe dimensiunea de ecran pentru care a fost construit.<\/p>\n\n\n\n

O caracteristic\u0103 a acestui tip de layout este controlul pixel-perfect<\/em>. Un dashboard va ar\u0103ta la fel de bine pe computerele tuturor utilizatorilor. Genul acesta de layout este potrivit \u00een realziarea rapoartelor pentru un anumit brand, deoarece graficele, titlurile \u0219i chiar logo-ul vor ar\u0103ta identic.<\/p>\n\n\n\n

\u00cen schimb, dac\u0103 se alege Resposive layout<\/strong>, raportul va putea fi folosit f\u0103r\u0103 probleme pe toate dispozitivele.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Alte beneficii pentru un layout \u201eresponsiv\u201d sunt:<\/p>\n\n\n\n

    \n
  1. Vizualizare optimizat\u0103 semnificativ pentru telefoane mobile \u0219i tablete<\/strong>. Rapoartele nu doar c\u0103 pot fi v\u0103zute \u0219i de pe aceste dispozitive, dar sunt optimizate astfel \u00eenc\u00e2t s\u0103 fie citite cu u\u0219urin\u021b\u0103. \u00cempreun\u0103 cu aranjarea vertical\u0103 de care scriam mai sus c\u0103 tocmai s-a lansat, elementele vor fi aranjate \u00eentr-o singur\u0103 coloan\u0103, a\u0219a cum ne-am obi\u0219nuit s\u0103 acces\u0103m versiunile mobile ale website-urilor.<\/li>\n\n\n\n
  2. Elementele sunt accesibile f\u0103r\u0103 a le m\u0103ri<\/strong>. La un raport care folose\u0219te responsive layout<\/em> \u00eempreun\u0103 cu vertical stacking<\/em> nu va mai fi nevoie s\u0103 alegem un element mic \u0219i s\u0103 \u00eei d\u0103m zoom<\/em>. Graficele, tabelele \u0219i numerele pot fi vizibile din prima accesare a paginii.<\/li>\n\n\n\n
  3. Accesibilitate la date indiferent de localizare<\/strong>. Vedem mereu imagini cu birouri \u00eenc\u0103rcate de ecrane imense \u0219i oameni care se uit\u0103 la dashboard-uri, dar \u0219tim c\u0103 acest lucru este aproape imposibil. \u00cen practic\u0103, deciziile sunt luate \u00een s\u0103li de \u0219edin\u021be unde nu po\u021bi s\u0103 te duci cu tot echipamentul, \u00een \u00eent\u00e2lniri cu clien\u021bii \u021binute probabil \u00een cafenele sau \u00een discu\u021bii cu persoane care nu sunt la birou. To\u021bi ace\u0219tia pot avea acces rapid la date printr-un raport \u201eresponsiv\u201d de la Looker Studio.<\/li>\n\n\n\n
  4. Economie de timp<\/strong>. \u00cen loc s\u0103 fie f\u0103cute mai multe rapoarte, fiecare vizibil pe c\u00e2te un tip de ecran, acum se poate realiza unul singur. Persoanele care creeaz\u0103 rapoarte \u00ee\u0219i pot face treaba mai repede cu un layout adaptabil. Nu mai vorbesc de actualizarea rapoartelor, unde \u0219tim c\u0103, de cele mai multe ori, o parte dintre rapoarte vor fi uitate. Fiind mai pu\u021bine rapoarte, sunt \u0219anse mai mici ca acest lucru s\u0103 se \u00eent\u00e2mple.<\/li>\n<\/ol>\n\n\n\n

    Fiecare tip de layout oferit de Looker Studio are propriile avantaje \u0219i e bine s\u0103 ne g\u00e2ndim la acestea \u00eenainte de a crea un nou raport sau dashboard.<\/p>\n\n\n\n

    Crearea unui raport \u201eresponsiv\u201d \u00een Looker Studio<\/h2>\n\n\n\n

    Alegerea formatului \u201eResponsive layout\u201d se realizeaz\u0103 la \u00eenceputul cre\u0103rii unui raport, imediat dup\u0103 ce am ales sursa de date, a\u0219a cum se poate vedea \u00een imaginea de mai sus.<\/p>\n\n\n\n

    Elementele unui raport de tip \u201eresponsiv\u201d sunt grupate \u00een sec\u021biuni<\/strong>. Pentru a ad\u0103uga o sec\u021biune, se apas\u0103 pe butonul +<\/strong> din intermediul raportului, atunci c\u00e2nd acesta este \u00een modul de editare.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Dimensiunea sec\u021biunilor poate fi schimbat\u0103, dup\u0103 ce \u00een acestea sunt ad\u0103ugate grafice sau elemente de control.<\/p>\n\n\n\n

    Tot la nivelul sec\u021biunilor pot fi ad\u0103ugate \u0219i filtre sau stiluri vizuale, dac\u0103 folosim meniul Group properties<\/em>. Pentru a fi siguri c\u0103 vedem propriet\u0103\u021bile pentru o anumit\u0103 sec\u021biune, trebuie s\u0103 o select\u0103m doar pe aceasta din tot raportul \u0219i s\u0103 d\u0103m click pe butonul de meniu format din 6 puncte, din st\u00e2nga sec\u021biunii.<\/p>\n\n\n\n

    Aspectul \u201eresponsiv\u201d \u0219i aranjarea vertical\u0103 a elementelor \u00een cadrul acestuia fac parte din func\u021bionalit\u0103\u021bile noii genera\u021bii de Looker Studio<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Google Data Studio, redenimit ca Looker Studio, a lansat recent responsive layouts. Acesta este un design care se poate adapta la ecranul pe care este vizualizat, fiind util atunci c\u00e2nd raportul este v\u0103zut pe telefoane mobile sau tablete. De c\u00e2teva zile, rapoartele cu layout adaptabil beneficiaz\u0103 \u0219i de arajarea vertical\u0103 a elementelor, f\u0103c\u00e2nd rapoartele u\u0219or […]<\/p>\n","protected":false},"author":1,"featured_media":4145,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[867],"tags":[942,984,985],"class_list":["post-4139","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-google-data-studio","tag-looker-studio","tag-responsive","tag-vertical-stacking"],"_links":{"self":[{"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/posts\/4139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/comments?post=4139"}],"version-history":[{"count":4,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/posts\/4139\/revisions"}],"predecessor-version":[{"id":4150,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/posts\/4139\/revisions\/4150"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/media\/4145"}],"wp:attachment":[{"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/media?parent=4139"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/categories?post=4139"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/tags?post=4139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}