{"id":3942,"date":"2024-09-30T12:09:19","date_gmt":"2024-09-30T09:09:19","guid":{"rendered":"https:\/\/webanalyst.ro\/?p=3942"},"modified":"2024-09-30T13:12:35","modified_gmt":"2024-09-30T10:12:35","slug":"data-studio-funnels","status":"publish","type":"post","link":"https:\/\/webanalyst.ro\/blog\/2024\/data-studio-funnels\/","title":{"rendered":"Funnels \u00een Google Looker Studio"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Google Data Studio, numit acum Looker Studio, a primit recent un nou tip de grafic care poate fi folosit \u00een rapoarte \u0219i dashboard-uri. Este vorba despre <strong>graficul p\u00e2lnie<\/strong> sau <strong>funnel chart<\/strong>, \u00een englez\u0103.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">P\u00e2n\u0103 acum, puteam folosi un grafic de tipul Funnel doar dac\u0103 foloseam graficele adiacente, realizate de c\u0103tre dezvoltatori \u0219i afi\u0219ate \u00een <em>Community visualizations<\/em>. \u00cens\u0103 variantele de aici aveau diverse probleme de UX. O s\u0103 vedem \u00een continuare c\u0103 nici graficul impus acum de Google \u00een interfa\u021ba Looker Studio nu este perfect, dar este un pas mare \u00eenainte \u00een utilizarea acestui tip de grafic.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">Pentru a folosi un grafic de tipul p\u00e2lnie, este necesar\u0103 folosirea urm\u0103toarelor c\u00e2mpuri:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dimension<\/strong> &#8211; un cap de coloan\u0103 care va da numele pa\u0219ilor din p\u00e2lnie \/ funnel<\/li>\n\n\n\n<li><strong>Metric<\/strong> &#8211; m\u0103surarea evenimentelor din dimensiune pentru a fi afi\u0219at\u0103 vizual<\/li>\n\n\n\n<li><strong>Sort<\/strong> &#8211; c\u00e2mpul pentru sortarea datelor de mai sus \u00een grafic (poate fi \u0219i unul care nu este prezent \u00een c\u00e2mpurile de deasupra)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Stiluri de Funnels<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"879\" height=\"620\" src=\"https:\/\/webanalyst.ro\/blog\/wp-content\/uploads\/2024\/09\/funnel2.png\" alt=\"\" class=\"wp-image-3946\" srcset=\"https:\/\/webanalyst.ro\/blog\/wp-content\/uploads\/2024\/09\/funnel2.png 879w, https:\/\/webanalyst.ro\/blog\/wp-content\/uploads\/2024\/09\/funnel2-300x212.png 300w, https:\/\/webanalyst.ro\/blog\/wp-content\/uploads\/2024\/09\/funnel2-150x106.png 150w, https:\/\/webanalyst.ro\/blog\/wp-content\/uploads\/2024\/09\/funnel2-768x542.png 768w, https:\/\/webanalyst.ro\/blog\/wp-content\/uploads\/2024\/09\/funnel2-285x200.png 285w\" sizes=\"auto, (max-width: 879px) 100vw, 879px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Vizual, avem 3 tipuri de <em>funnel chart<\/em> pe care le putem ad\u0103uga \u00een rapoarte, \u00een func\u021bie de forma p\u00e2lniei:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Smoothed bar<\/strong> &#8211; \u00een traducere liber\u0103, \u00eenseamn\u0103 bare netezite; concret, acestea iar forma celorlalte bare cu care se \u00eenvecineaz\u0103; acest exemplu poate fi v\u0103zut \u00een imaginea de deasupra articolului<\/li>\n\n\n\n<li><strong>Stepped bar<\/strong> &#8211; afi\u0219area \u00een trepte se refer\u0103 la l\u0103\u021bimi egale pentru toat\u0103 bara; \u00eel putem vedea \u00een imaginea de deasupra acestui text<\/li>\n\n\n\n<li><strong>Inverted triangle<\/strong> &#8211; triunghiul inversat este o form\u0103 ceva mai uniform\u0103 fa\u021b\u0103 de cele anterioare; \u00een schimb, l\u0103\u021bimea acestora nu \u021bine cont de cifrele la care se raporteaz\u0103; putem vedea un astfel de funnel \u00eentr-o imagine care este mai jos \u00een articol<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Scriam la \u00eenceputul articolului c\u0103 acest tip de grafic are \u0219i anumite probleme de UX. \u00cen func\u021bie de dimensiunea la care este afi\u0219at graficul \u00een raport, ar trebui s\u0103 apar\u0103 un text explicativ \u00een interiorul barelor, iar dac\u0103 nu are loc, \u00een exteriorul acestora. Practic, dac\u0103 vom afi\u0219a un <em>funnel<\/em> la dimensiune suficient de mic\u0103, este posibil ca aceste texte s\u0103 nu mai apar\u0103 deloc. Totu\u0219i, exist\u0103 \u0219i posibilitatea de a la afi\u0219a \u00eentotdeauna \u00een afara barelor, dar \u0219i aici trebuie s\u0103 fim atene\u021bi la l\u0103\u021bimea graficului.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Altfel, acest text poate fi foarte util \u0219i se poate edita s\u0103 con\u021bin\u0103 una sau mai multe dintre:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>numele dimensiunii<\/li>\n\n\n\n<li>metrica drept num\u0103r, procent sau ambele (num\u0103r + procent)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Tot la capitolul stilizare, avem \u0219i posibiliatea de a alege dac\u0103 protentajele exprimate reprezint\u0103 parte din maxim sau parte din pasul anterior. Este un lucru util, pe care cei care creeaz\u0103 rapoarte cred c\u0103 ar trebui s\u0103 \u00eel men\u021bioneze celor care le citesc, dac\u0103 nu este absolut evident din grafic.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"939\" height=\"635\" src=\"https:\/\/webanalyst.ro\/blog\/wp-content\/uploads\/2024\/09\/funnel3-1.png\" alt=\"\" class=\"wp-image-3950\" srcset=\"https:\/\/webanalyst.ro\/blog\/wp-content\/uploads\/2024\/09\/funnel3-1.png 939w, https:\/\/webanalyst.ro\/blog\/wp-content\/uploads\/2024\/09\/funnel3-1-300x203.png 300w, https:\/\/webanalyst.ro\/blog\/wp-content\/uploads\/2024\/09\/funnel3-1-150x101.png 150w, https:\/\/webanalyst.ro\/blog\/wp-content\/uploads\/2024\/09\/funnel3-1-768x519.png 768w\" sizes=\"auto, (max-width: 939px) 100vw, 939px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Funnels &amp; GA4<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00cen interfa\u021ba Google Analytics 4 avem posibilitatea de a vedea funnels deja create (de exemplu, <a href=\"https:\/\/webanalyst.ro\/blog\/2023\/user-purchase-journey\/\" target=\"_blank\" rel=\"noreferrer noopener\">User Purchase Journey<\/a> sau <a href=\"https:\/\/webanalyst.ro\/blog\/2023\/ga4-checkout-journey\/\" target=\"_blank\" rel=\"noreferrer noopener\">Checkout Journey<\/a>), dar \u0219i de a ne crea altele personalizate \u00een <a href=\"https:\/\/webanalyst.ro\/blog\/2022\/explorations-rapoarte-personalizate\/\" target=\"_blank\" rel=\"noreferrer noopener\">Explorations<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">G\u00e2ndul c\u0103 avem acest tip de grafic \u00een Looker Studio ne duce cu g\u00e2ndul c\u0103 putem crea acelea\u0219i grafice \u0219i aici, \u00eens\u0103 realitatea este diferit\u0103. S\u0103 nu uit\u0103m c\u0103 avem nevoie de o dimensiune care s\u0103 con\u021bin\u0103 deja pa\u0219ii pe care \u00eei vrem \u00een p\u00e2lnie, iar acest lucru nu exist\u0103 prestabilit \u00een Google Analytics 4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Alfel spus, datele standard din GA4 nu ne vor ajuta s\u0103 cre\u0103m un funnel, dac\u0103 nu le prelucr\u0103m anterior.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google Data Studio, numit acum Looker Studio, a primit recent un nou tip de grafic care poate fi folosit \u00een rapoarte \u0219i dashboard-uri. Este vorba despre graficul p\u00e2lnie sau funnel chart, \u00een englez\u0103. P\u00e2n\u0103 acum, puteam folosi un grafic de tipul Funnel doar dac\u0103 foloseam graficele adiacente, realizate de c\u0103tre dezvoltatori \u0219i afi\u0219ate \u00een Community [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3945,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[867],"tags":[438,114,942],"class_list":["post-3942","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-google-data-studio","tag-funnel","tag-funnels","tag-looker-studio"],"_links":{"self":[{"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/posts\/3942","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=3942"}],"version-history":[{"count":5,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/posts\/3942\/revisions"}],"predecessor-version":[{"id":3953,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/posts\/3942\/revisions\/3953"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/media\/3945"}],"wp:attachment":[{"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/media?parent=3942"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/categories?post=3942"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/tags?post=3942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}