Having the ability to visualize data helps you unlock invaluable insights for better decision-making in your business and gives you a serious advantage when it comes to getting competitive opportunities.<\/p>\n
While many tools can help you visualize data, none compare to Google Data Studio, which is entirely free and accessible to all (even if you don\u2019t have any data of your own!). Like most Google tools, Data Studio can be hard to master, but it\u2019s well worth it. Once you\u2019ve gotten comfortable with its features, you can use it to create stunning and informative reports for your clients, coworkers, or leadership team.<\/p>\n
This guide will walk you through the most useful Data Studio tools. We\u2019ll start with the basics before moving into the intermediate features. Finally, we\u2019ll go over the advanced options.<\/p>\n
<\/a><\/p>\n To log in to Data Studio<\/a>, you\u2019ll need a Google account \u2014 I recommend using the same one as your Analytics, Search Console, and\/or Google Ads account.<\/p>\n You\u2019ll land on the Data Studio overview page. Click the \u201cHome\u201d tab to view your dashboard.<\/p>\n <\/strong>If you\u2019ve used Google Docs, Sheets, or Drive before, this dashboard should look pretty familiar.<\/p>\n Here\u2019s where you can access all of your reports (equivalent to a workbook in Tableau or Excel).<\/p>\n Notice that you can filter by who owns the report:<\/p>\n<\/p>\n Data sources list all the connections you\u2019ve created between Data Studio and your original data sources.<\/p>\n Data Studio currently supports 500+ data sources. Below are the most popular sources:<\/p>\n If you\u2019re using Google Analytics and\/or Search Console (which I highly recommend), you\u2019ll need to individually connect each view and property, respectively.<\/p>\n So if you have three GA views for three different subdomains, you\u2019ll need to set up three separate data sources.<\/p>\n Explorer is an experimental tool that lets you experiment or tweak a chart without modifying your report itself.<\/p>\n For instance, let\u2019s say you\u2019ve created a table in Data Studio that shows the top landing pages by conversion rate. While looking at this table, you think, \u201cHuh, I wonder what I\u2019d find if I added average page load time.\u201d<\/p>\n You don\u2019t want to edit the chart in the report, so you export it into Labs \u2014 where you can tweak it to your heart\u2019s content. If you decide the new chart is valuable, it\u2019s easy to export it back into the report. (Jump to the section where I explain how.)<\/a><\/p>\n The report gallery is a collection of templates and examples you can use depending on your business needs.<\/p>\n<\/p>\n For instance, if you run an ecommerce store, the ecommerce revenue template<\/a> would be very useful.<\/p>\n And here\u2019s where you add data sources. (You can also add sources within a report itself.) Let\u2019s add our first source.<\/p>\n Here\u2019s a step-by-step guide on how to connect data sources to Google Data Studio.<\/p>\n In this example, I\u2019ll connect Analytics \u2014 however, the process is nearly identical for other sources.<\/p>\n If you want to follow along exactly with what I\u2019m doing, connect the Google Analytics Demo Account for the Google Merchandise Store.<\/p>\n You\u2019ll be prompted to authorize the connection. Once you\u2019ve done that, you\u2019ll need to select an account, property, and view.<\/p>\n<\/p>\n You\u2019ll be presented with something like the view below: a list of every field in your Analytics account (both the standard ones and the ones you\u2019ve added).<\/p>\n<\/p>\n Does this feel overwhelming? Yep, same here.<\/p>\n We could do a lot in this step \u2014 add new fields, duplicate existing ones, turn them off, change field values, etc. But, of course, we could also do all those things in the report itself, and it\u2019s much easier there. So let\u2019s do that.<\/p>\n Data Studio will ask if you want to add a new data source to the report; yes, you do.<\/p>\n Here\u2019s what you\u2019ll see. It\u2019s pretty spartan, but not for long!<\/p>\n It\u2019s time to add your very first chart. The good news is that data Studio makes it easy to compare chart types with some handy illustrations.<\/p>\n<\/p>\n For the purpose of this tutorial, we\u2019ll start with a \u201cTime series\u201d chart. This chart type shows change over time. Once it appears on your report, the right-hand pane will change. Here\u2019s what you should see:<\/p>\n<\/p>\n By default, the dimension is \u201cDate\u201d; you can change this to any of the time-based dimensions, including \u201cYear,\u201d \u201cHour,\u201d etc.<\/p>\n I will stick with \u201cDate\u201d because the Demo Account doesn\u2019t have a lot of historical data.<\/p>\n Data Studio will automatically select a metric (i.e., what\u2019s displayed on the Y-axis) for you. Feel free to change this; for instance, it defaulted to \u201cPageviews\u201d for me, but I\u2019d rather see \u201cRevenue per user.\u201d<\/p>\n<\/p>\n First, make sure you\u2019ve selected the chart, so you see the pane on the right:<\/p>\n<\/p>\n You have two options for adding a metric (or dimension).<\/p>\n You can click the blue plus-sign icon \u2014 which will bring up a search box so you can find the field you want \u2014 or you can drag a field from the right into the metric section.<\/p>\n To delete a metric, simply hover over it with your mouse and click the white \u201cx\u201d that appears.<\/p>\n My chart defaults to Medium (for dimension) and Pageviews (for metric), so I change it to Product and Unique Purchases.<\/p>\n And I think this table\u2019s formatting could use some work.<\/p>\n Change the \u201cRows per page\u201d from 100 to 20 (much easier to read) and check the box for adding a Summary row.<\/p>\n<\/p>\n Scroll down and select \u201cAdd border shadow.\u201d This is one of my favorite ways to make a data visualization pop off the page.<\/p>\n<\/p>\n This transitions you from Editor to Viewer mode.<\/p>\n Voila!<\/p>\n<\/p>\n Double-click the title (right now, it\u2019s \u201cUntitled Report\u201d) to change it.<\/p>\n<\/p>\n And with that, the first report is officially done. Click that familiar icon above the Chart Editor and add some email addresses to share your report.<\/p>\n Okay, don\u2019t share the report just yet because I\u2019m about to reveal the secrets that\u2019ll help you seriously upgrade it.<\/p>\n Use templates.<\/a> <\/a> <\/p>\n <\/a> <\/p>\n There\u2019s no need to reinvent the wheel. If you\u2019re not sure where to start with Data Studio, I recommend browsing through their templates<\/a> for inspiration.<\/p>\n<\/p>\n Pay attention to the report\u2019s creator. Many templates were built by the Data Studio team; you can find them all in the \u201cMarketing Templates\u201d section. But there are also 45+ user submissions located in the \u201cCommunity\u201d section. A few of my favorite templates:<\/p>\n GA Behavior Overview<\/a>: This dashboard pulls out the most relevant information from the Behavior section of Google Analytics There are also a bunch of fun, non-marketing templates in the gallery (found in the \u201cFeatured\u201d section), like F1: How Important Is the First Race?<\/a> and Star Wars: Data from a galaxy far, far away<\/a>. Definitely take a look if you\u2019re curious to see the full potential of GSD unleashed.<\/p>\n <\/a> <\/p>\n Want to show off your superior analytics and data visualization skills to the world? Submit your report to this gallery using this Google form<\/a>.<\/p>\n Read over the full instructions at this link<\/a>, but here\u2019s what I\u2019d keep in mind:<\/p>\n Don\u2019t share sensitive information. I recommend creating a report with publicly accessible data, so there\u2019s absolutely no chance you get in trouble for sharing data you don\u2019t own. (Pro tip: recreate one of your existing company reports with dummy data from one of Google\u2019s sample data sets!) <\/a> <\/p>\n As I mentioned, you can bring data from Google-owned sources into Data Studio, including Search Console, Google Ads, YouTube, and Campaign Manager.<\/p>\n But that\u2019s just the tip of the iceberg. There are also more than 120 partner connectors \u2014 essentially, third-party bridges between Data Studio and platforms like Adobe Analytics, AdRoll, Asana, Amazon Ads, and AdStage (and that\u2019s just the As).<\/p>\n Check out all the options here<\/a>.<\/p>\n<\/p>\n <\/a> <\/p>\n Whether your report is meant for internal stakeholders, like the leadership team, or external ones, like clients, it\u2019ll be more effective if it looks good.<\/p>\n To adjust the report\u2019s style and formatting, click the Layout and theme option in the toolbar.<\/p>\n Any changes here will apply across the report\u2014meaning you only need to pick fonts, colors, etc., once versus every time, you add a new module to the report.<\/p>\n<\/p>\n Data Studio comes with two built-in themes: simple and simple dark. But it\u2019s easy to create your own \u2014 and the results are way more impressive.<\/p>\n<\/p>\n Click on \u201cCustomize.\u201d<\/p>\n Use your brand style guide to choose primary and secondary colors, fonts, and text color. You might need to get creative here; HubSpot uses Avenir Next, which Data Studio doesn\u2019t offer, so I went with its cousin Raleway.<\/p>\n If you\u2019re creating a report for a client and don\u2019t know their hex codes, Seer Interactive\u2019s Michelle Noonan has an excellent tip<\/a>: use a free color picker tool<\/a> to identify what they\u2019re using on their website.<\/p>\n You can also create a custom chart palette in this tab and edit the border and background settings.<\/p>\n <\/a> <\/p>\n Just like you can bring your report to the wider world, you can also bring the wider world to your report.<\/p>\n You can insert Google Docs, Google Sheets, YouTube videos, and even live webpages with the URL embed feature. Embedded content is interactive, so it\u2019s far more powerful than a screenshot.<\/p>\n Click \u201cURL embed.\u201d in the navigation bar to add content.<\/p>\n<\/p>\n From there, simply paste the URL. Next, you may need to resize the box that appears to fit your content’s entire length and width.<\/p>\n The options here are pretty endless. One of my favorite ways to use this feature is to embed a Google Form gauging how helpful the report was for my audience:<\/p>\n<\/p>\n If a section of the report needs extra context (or my viewers aren\u2019t that technical), I\u2019ll add a short video explaining what they\u2019re looking at and how to interpret the results.<\/p>\n To personalize a report for a client, I\u2019ll add the URL of their website, blog, and\/or whatever pages they hired me to create or improve.<\/p>\n And for the HubSpot blogging team, I\u2019ll add the latest version of the Search Insights Report so they can compare our progress to the results.<\/p>\n <\/a> <\/p>\n If you have a group of stakeholders that need to see your report regularly, consider using Data Studio\u2019s \u201cscheduled report\u201d feature.<\/p>\n Click on the drop-down menu beside the \u201cShare\u201d button and select \u201cSchedule email delivery.\u201d<\/p>\n<\/p>\n First, enter your recipients\u2019 email addresses, then choose a schedule, whether daily, every Monday, or every month.<\/p>\n This is particularly handy when working with customers, since you may not want to give them access to the live report.<\/p>\n <\/a> <\/p>\n Alternatively, you can download your report as a PDF. This is helpful for one-off situations, like if your boss asks for a status report or your client wants to know how an ad has performed so far this month.<\/p>\n To download the file, click \u201cdownload\u201d on the drop-down menu.<\/p>\n Data Studio gives the option of downloading your current page or the entire report. You can even add a link back to the report so your audience can dig in deeper if they\u2019d like and add password protection to ensure your data stays safe.<\/p>\n<\/p>\n You can even display your report on your company website or personal portfolio\u2014which can be a great way to highlight the results you\u2019ve gotten for a client or project.<\/p>\n Click the brackets icon in the upper navigation bar.<\/p>\n<\/p>\n This box will pop up:<\/p>\n<\/p>\n Adjust the width and the height as needed, and you\u2019re good to go.<\/p>\n <\/a> <\/p>\n <\/a> <\/p>\n Give your viewers more freedom by letting them select which dates they\u2019d like to see information for.<\/p>\n For example, my reports always default to the last 30 days, but if one of HubSpot\u2019s blog editors wants to see how their property performed in the previous calendar month, the date range controls let them adjust the report.<\/p>\n They can choose from predefined options, like \u201cyesterday,\u201d \u201clast seven days,\u201d \u201cyear to date,\u201d etc., or pick a custom period.<\/p>\n To enable this, first navigate to the page you want to give users date control. Next, click on the drop-down menu by \u201cAdd a control.\u201d Next, click \u201cDate range\u201d from the toolbar.<\/p>\n<\/p>\n A box will appear on your report. Drag it into the position you want \u2014 I recommend somewhere in the upper right or left corner, so your audience sees it first \u2014 and adjust the size if necessary.<\/p>\n Clicking this module will bring up a panel to the left of your report called Date Range Properties. Set the default date range to \u201cAuto date range,\u201d if it isn\u2019t already.<\/p>\n<\/p>\n If your viewers select a date range using the date range widget, every report on the page will automatically update to that period.<\/p>\n There are two ways to override this:<\/p>\n Set a time period within a specific chart. That time period will always supersede the date range control. Now, only the chart(s) in this group will update when someone adjusts the date range.<\/p>\n Make sure this setting is clear to your viewers \u2014 otherwise, they\u2019ll probably assume all the charts they\u2019re looking at on their current page are using the same time period.<\/p>\n <\/a> <\/p>\n Give your audience even more flexibility with filter controls. Like the date range control, a filter applies its settings to every report on the page. So if, for example, someone filtered out everything besides organic traffic, all the reports on that page would show data for organic traffic specifically.<\/p>\n Add a filter control by clicking this icon in the toolbar.<\/p>\n<\/p>\n The filter will appear on the report page. Resize it and drag it into the position you want. While it\u2019s selected, you should see a panel on the left-hand side:<\/p>\n<\/p>\n In the data tab, pick which dimension you want viewers to filter. These dimensions come from your data source \u2014 in this example, I\u2019ve chosen Traffic Type.<\/p>\n The metric part is optional. If it\u2019s checked, viewers will see the values for each dimension sub-category in the filter. (This will make more sense once you see the screenshot below.) They can sort by these values, but they can\u2019t filter by a metric.<\/p>\n You can add an additional filter to your filter control. For example, if you\u2019ve added a filter for Source \/ Medium, you may want to exclude the \u201cBaidu \/organic\u201d filter, so your viewers don\u2019t see that as an option.<\/p>\n Customize your filter control\u2019s formatting and appearance in the style tab. You have a few options: list\/check all that apply filters, like this one:<\/p>\n<\/p>\n Or \u201csearch all\u201d filters, which allow your viewers to search by numeric and text terms using operators like >=, and <, or \u201cequals,\u201d \u201ccontains,\u201d etc., respectively.<\/p>\n This can be a hassle for the people reading the report\u2014plus, they need to be somewhat comfortable with search operators. So, unless your filter dimensions have 10,000 values (unlikely), stick with the list filter.<\/p>\n <\/a> <\/p>\n Want to make it even easier for your audience to filter the charts in your report? Create responsive chart filters.<\/p>\n This sounds fancy, but it simply means selecting a dimension in a chart will filter all the charts on that page for that dimension.<\/p>\n For instance, if you click on \u201corganic\u201d in this chart, the other charts on the page will update to show data for organic traffic only \u2014 just like you\u2019d applied a traditional filter control.<\/p>\n<\/p>\n You can also create chart controls for time, line, and area charts. For example, if a user highlights say, January through March on a time chart, the other charts on the page will show data for January through March as well \u2014 just like date range control.<\/p>\n And also, just like filter controls, you can group chart controls.<\/p>\n To enable chart control, select the appropriate chart. In the right-hand panel, scroll to the bottom and check the box labeled \u201cApply filter.\u201d<\/p>\n Add a caption next to charts that support interactive filtering, so your viewers know it\u2019s an option:<\/p>\n<\/p>\n <\/a> <\/p>\n Data controls may just be one of the coolest Data Studio features, full-stop. Place one of these bad boys on your report, and you\u2019ll give viewers the ability to choose the source of the data being piped into your charts.<\/p>\n This is a game-changer for anyone managing a complex property or working with multiple stakeholders.<\/p>\n For instance, imagine you\u2019re the admin of HubSpot\u2019s Google Analytics account. You create a Data Studio report monitoring key website performance indicators, like average page speed, number of non-200 response codes, number of redirect chains, and so on.<\/p>\n You share this report with the blogging team, who has access to the Google Analytics view for blog.hubspot.com. (Need a refresher on how views and permissions work? Check out our ultimate guide to Google Analytics<\/a>.)<\/p>\n You also share the report with the Academy team, who has access to the GA view for academy.hubspot.com, and the Leads Optimization team, who has access to offers.hubspot.com.<\/p>\n To see this report populated with the relevant data, these teams simply need to select their view from the \u201cdata source\u201d drop-down, and voila \u2014 all the charts will update automatically.<\/p>\n Pretty nifty, right?<\/p>\n<\/p>\n Not only does this save you from rebuilding the same report for different groups, but it also means you don\u2019t need to worry about accidentally sharing sensitive or confidential information. Each viewer can only select data sources they\u2019ve been granted access to.<\/p>\n You can include multiple data controls in a single report.<\/p>\n Add the data control widget to your report by clicking this icon:<\/p>\n Then choose which primary source you\u2019d like viewers to pull from:<\/p>\n<\/p>\n <\/a> <\/p>\n Instead of telling you what a dimension breakdown is, it\u2019s easier to show you how it works.<\/p>\n Suppose we want to see users by source. To find out, we create a simple bar chart.<\/p>\n<\/p>\n This is interesting \u2014 yet there\u2019s some context missing. For example, is all of that organic traffic coming from Google? (Since this is U.S. data, probably, but imagine creating the same chart for China or Japan, where Baidu and Yahoo have a far greater presence.)<\/p>\n What about referral traffic? Clearly, we\u2019re getting a significant number of users from referral links; is a single source driving most of them, or is it distributed fairly equally across a wide variety of sources?<\/p>\n We could create separate bar charts for each source \u2014 first filtering by medium and then making the dimension \u201cSource\u201d and the metric \u201cUsers.\u201d<\/p>\n Or we could click a single button and have Data Studio do it for us.<\/p>\n Under Breakdown Dimension, click \u201cAdd dimension.\u201d<\/p>\n<\/p>\n Add \u201cSource.\u201d<\/p>\n Here\u2019s what you should see:<\/p>\n<\/p>\n Pretty sure my former Data Analytics professor would cry if he saw this. But don\u2019t worry, we\u2019re not done yet.<\/p>\n Jump over to the \u201cStyle\u201d tab and check the box \u201cStacked bars\u201d to turn your regular bar chart into a stacked bar chart (you should see the chart type update accordingly).<\/p>\n Data Studio will automatically make your bar charts \u201c100% stacking,\u201d meaning that every bar will go to the top of the chart. However, this style is misleading \u2014 for example, here, it suggests every medium drove the same number of users.<\/p>\n Uncheck this box.<\/p>\n Now check it out:<\/p>\n<\/p>\n <\/a> <\/p>\n To bring any chart into Explorer, mouse over the space next to its top-right corner. You\u2019ll see three vertically-stacked dots appear; click them.<\/p>\n<\/p>\n Select \u201cExplore (Labs).\u201d<\/p>\n You\u2019ll see something like this:<\/p>\n<\/p>\n You can toggle between different visualizations; add and remove dimensions and metrics; change the date range, and apply segments.<\/p>\n Note<\/strong>: Unlike every other Google tool out there, Explorer does not automatically save your work.<\/p>\n To preserve your chart, click the \u201cSave\u201d button on the top nav bar (to the left of your profile icon). Once you do that, your Explorer \u201creport\u201d will be saved in the Explorer section of your dashboard. In addition, every change you make will be saved by default.<\/p>\n Speaking of that dashboard, if you prefer, you can also start with Explorer (rather than a Data Studio report). Go to your Data Studio dashboard<\/a> and select \u201cExplorer (Labs)\u201d in the left-hand menu.<\/p>\n<\/p>\n Add a new data source by clicking the blue button in the lower right corner.<\/p>\n At first, Explorer confused me. It feels very similar to the core Data Studio \u2014 what was the point of having both?<\/p>\n However, after spending some time in Explorer, I\u2019ve come to appreciate its unique value.<\/p>\n <\/a> <\/p>\n Unlike Data Studio, any modifications you make to a chart in Explorer are temporary. That means it\u2019s a great place to dig into your data and try out different ways of visualizing it without making any permanent changes. Then, once you\u2019re happy with your chart, simply export it back into Data Studio.<\/p>\n To do this, click the small sharing icon in the top navigation bar.<\/p>\n<\/p>\n Then choose whether to add your Explorer work into a new or existing Data Studio report.<\/p>\n <\/a> <\/p>\n <\/a> <\/p>\n By default, a filter applies to every chart on that page. But what if the viewer goes to the next page? The filter won\u2019t go with them.<\/p>\n This is confusing for non-technical folks and inconvenient for data-savvy ones. To bring a filter up from page-level to report-level, simply right-click on it and select \u201cMake report-level.\u201d<\/p>\n<\/p>\n <\/a> <\/p>\n Data Studio is powerful because you can bring in 400+ sources of data into a single report. But, thanks to a new feature, blended sources, it just got even mightier.<\/p>\n Heads up: this will get a little technical. Stay with me, and I promise it\u2019ll be worth it.<\/p>\n If you\u2019re familiar with JOIN clauses in SQL, you\u2019ll understand data blending right away. No idea what SQL is? Not a problem.<\/p>\n The best way to think about blending data is with a Venn Diagram. You have two data sets. Each data set has unique information \u2014 e.g., such as the data living in the green and blue areas.<\/p>\n<\/p>\n But they have (at least) one data point in common: the information in the blue-green overlap section.<\/p>\n This shared data point is known as a key. If your data sets do not have a key, they\u2019re not blendable.<\/p>\n For example, suppose you want to compare how users behave on your website versus your app. The key is the user ID, a custom dimension you\u2019ve created in Google Analytics that your app analytics software also uses. (Note: The key doesn\u2019t need to have the same name in both data sources; it just needs to have identical values.)<\/p>\n You blend your website behavior report from GA with your app usage report. This gives you all the records from the first report along with any matching ones from the second; in other words, if a user has visited the site and used the app, they\u2019ll be included.<\/p>\n However, if they only used the app but didn\u2019t visit the site, they will not be included in the new blended data.<\/p>\n This is known as a LEFT OUTER JOIN. (To learn more, check out this W3Schools primer<\/a>.) Why do you care? Because the order of your data sources matters.<\/p>\n Put your primary data source first \u2014 e.g., the one where you want all the values, regardless of whether there\u2019s a match in your second source.<\/p>\n Now that we\u2019ve gotten all that out of the way, let\u2019s set up a blended field.<\/p>\n First, add a chart to your report.<\/p>\n<\/p>\n Click on \u201cBlend Data.\u201d<\/p>\n This panel will pop up:<\/p>\n<\/p>\n Select your first data source on the left. Remember, this is the primary data source. Then add your second data source. Data Studio lets you add up to five data sources in a chart, but let\u2019s stick to two for now.<\/p>\n Now pick your join key(s). If the field exists in both sources, it will turn green. If it doesn\u2019t exist, you\u2019ll see this:<\/p>\n<\/p>\n Remember that the key acts as a filter for the second data source. So in this example, only records that match the landing page from the GA view for hubspot.com will be pulled from Google Search Console.<\/p>\n Choosing multiple keys will further limit the number of records pulled from the second data source.<\/p>\n Once you\u2019ve picked your join key(s), the rest of the process should feel familiar.<\/p>\n Pick the dimensions and metrics you want to see for your first data source. Then do the same for your second.<\/p>\n You can also limit the results by adding a filter or date range (or for GA sources, segments). Filters, date ranges, and segments applied to the left-most data source will carry over to the other data sources.<\/p>\n Once you\u2019ve finished customizing the report, click \u201cSave.\u201d Congrats: you just created your first blended data chart!<\/p>\n If you find it easier to create two separate charts and then combine them, Data Studio offers a great shortcut.<\/p>\n Just select both charts, right-click, and choose \u201cBlend data.\u201d<\/p>\n Unfortunately, Data Studio can get confused pretty quickly, so I\u2019d still make an effort to learn how to blend data using the right-hand pane.<\/p>\n <\/a> <\/p>\n Try this workaround if you\u2019re bumping into limitations with your data source connectors: blend a data source with itself.<\/p>\n To give you an idea, the GA data connector only lets you add one \u201cactive user\u201d metric to a chart, so there\u2019s no way to see 1 Day Active Users, 7 Day Active Users, and 28 Day Active Users on the same chart\u2026 unless you blend your Google Analytics data source with itself.<\/p>\n Follow the same instructions as above, but instead of picking a new source for your second data source, just select the first one again.<\/p>\n And since all of the fields are identical, you can pick whichever join key you\u2019d like.<\/p>\n<\/p>\n This option is also perfect when comparing trends across two-plus subdomains or segments.<\/p>\n For instance, I wanted to look at organic users for the HubSpot Blog (blog.hubspot.com) and primary site (www.hubspot.com) at the same time.<\/p>\n This helps me figure out if we\u2019re growing search traffic across the board. It\u2019s also helpful when traffic decreases \u2014 have rankings dropped site-wide, or just for the blog (or the site)?<\/p>\n However, you can\u2019t add two separate \u201cuser\u201d metrics to a chart at once\u2026 unless, of course, you\u2019re blending data.<\/p>\n Create a new blended data source (following the same process as above) to set this up.<\/p>\n Add your first view to the left-most column, your second view to the following column, and so on.<\/p>\n Note<\/strong>: Make sure you\u2019re choosing views with mutually exclusive data. In other words, I wouldn\u2019t want to use \u201cblog.hubspot.com\u201d as my first source and \u201cblog.hubspot.com\/marketing\u201d as my second source because all the data for the blog.hubspot.com\/marketing view is included in the blog.hubspot.com one.<\/p>\n Because of that overlap, we wouldn\u2019t be able to spot trends clearly.<\/p>\n Use \u201cDate\u201d as the join key.<\/p>\n<\/p>\n I added the organic traffic segment to both sources, but you can choose whichever segment you\u2019re interested in (paid traffic, social traffic, etc.) Or leave it off entirely! Tons of possibilities here.<\/p>\n In fact, here are some additional ideas for blending a source with itself:<\/p>\n Compare two-plus custom segments <\/a> When your existing data doesn\u2019t give you enough information, it\u2019s time to create a calculated field.<\/p>\n Calculated fields take your data and, as their name suggests, makes calculations.<\/p>\n It\u2019s probably easiest to explain with an example.<\/p>\n Let\u2019s say you want to look at the average number of transactions per user. You can create a calculated field that takes the metric \u201cTransactions\u201d and divides it by the metric \u201cUsers.\u201d<\/p>\n Once this field has been created, it\u2019ll be updated automatically \u2014 so you can change the chart\u2019s time range, dimensions, etc., and the average transactions per user data will update accordingly.<\/p>\n There are two ways to create a calculated field.<\/p>\n This option makes the field available in any report that uses that data source.<\/p>\n It\u2019ll also be available as a filter control or in new calculated fields (like calculated field inception).<\/p>\n Obviously, this is a good option if you plan on using this custom metric more than once. The only caveat \u2014 you must have edit rights to the original data source. You also can\u2019t use a data source calculated field with blended data.<\/p>\n To create a data-source calculated field, add a chart to your Data Studio dashboard, then choose the data source you want to derive your new field from.<\/p>\n Click \u201cAdd a new field\u201d in the lower left-hand corner.<\/p>\n<\/p>\n (You can also do this by clicking the pencil next to the data source and then selecting \u201cAdd a field\u201d in the upper right corner of your field menu.)<\/p>\n<\/p>\n Use the left menu to search for the metrics you need; click one to add it to the formula.<\/p>\n If the formula has an error, a notification will appear in red underneath the editor explaining where you went wrong.<\/p>\n If your formula works, you\u2019ll get a green checkmark.<\/p>\n<\/p>\n Click \u201cSave\u201d to add your new field to the data source.<\/p>\n And don\u2019t forget to name yours \u2014 which I forgot to do. \ud83d\ude42<\/p>\n Now you can add this calculated field to any chart just like a regular field.<\/p>\n For this option, you\u2019ll only be able to use the field for that specific report.<\/p>\n This option is a little easier because all the limitations of the other type are reversed.<\/p>\n While you can\u2019t use a chart-level calculated field in another chart, filter control, or additional calculated field, you don\u2019t need edit rights to the original data.<\/p>\n You can also use a chart-specific calculated field for data blending, which we\u2019ll cover in the next step.<\/p>\n To create a chart-level calculated field, simply click \u201cAdd a field\u201d underneath the existing dimension(s) and metric(s) you\u2019ve selected.<\/p>\n When you choose to add a new field, this pane will pop up:<\/p>\n<\/p>\n From here, enter the formula for your new field \u2014 simply typing in the name of your desired metric will trigger a menu of options \u2014 and click \u201cApply.\u201d<\/p>\n Your new field will be added to the chart.<\/p>\n Loves Data\u2019s Benjamin Mangold has an excellent round-up of sample calculated metrics<\/a>, including:<\/p>\n Average goal completions per user You can check it out for inspiration.<\/p>\n If you want a little practice before you start going to town on your own data, Google offers a handy sample exercise<\/a>.<\/p>\n <\/a> <\/p>\n Okay, so there\u2019s a lot you can do with simple algebraic calculated fields. But there\u2019s even more you can do once you introduce functions and RegEx.<\/p>\n Don\u2019t be scared off! We\u2019ll walk through these step-by-step.<\/p>\n If you\u2019re comfortable with Google Sheets and\/or Excel functions, you already know how to use functions in Data Studio.<\/p>\n For instance, let\u2019s say that you majored in English, and it\u2019s always bothered you that \u201cSource\u201d in Google Analytics is lower-case.<\/p>\n You can use the UPPER function to transform Source into all upper-case.<\/p>\n Simply click \u201cAdd dimension\u201d > \u201cCreate new field.\u201d<\/p>\n Then enter the UPPER formula:<\/p>\n<\/p>\n As Google Sheets expert Ben Collins points out<\/a>, this trick will also standardize any custom naming; for example, if some people on your team used \u201cchat\u201d for a campaign, and others used \u201cChat,\u201d the UPPER function will aggregate both together.<\/p>\n Perhaps you want to create a new field for city and country.<\/p>\n Just click \u201cAdd dimension\u201d (since city and state are categorical, not quantitative, variables) > \u201cCreate field.\u201d<\/p>\n Then use the CONCATENATE function to smush together the City and Country fields.<\/p>\n<\/p>\n Check out the complete list of functions Data Studio supports<\/a>.<\/p>\n One of the niftiest is CASE. If you\u2019re unfamiliar, it\u2019s essentially an IF\/THEN statement. This function lets you create custom groupings.<\/p>\n For example, let\u2019s say you\u2019re looking at the table we created in the last step:<\/p>\n<\/p>\n Here, Data Studio is treating Facebook mobile traffic (m.facebook.com) and desktop traffic (Facebook) as two different sources. There\u2019s also l.facebook.com \u2014 desktop traffic coming via a link shim<\/a>, which Facebook implemented in 2008 to protect users from potential spam. What if you want to combine all Facebook traffic into a single source?<\/p>\n A CASE formula solves this issue neatly. Here\u2019s the formula:<\/p>\n CASE<\/em><\/p>\n WHEN condition THEN result<\/em><\/p>\n WHEN condition THEN result<\/em><\/p>\n ELSE result<\/em><\/p>\n END<\/em><\/p>\n You can have one condition (like the example below) or several. The ELSE argument is optional, so feel free to leave it out if you don\u2019t need it.<\/p>\n Here\u2019s the formula we\u2019ll use to group Facebook traffic:<\/p>\n CASE<\/p>\n WHEN REGEXP_MATCH(Source,”^(l.facebook.com|m.facebook.com|facebook.com)$”) THEN “Facebook”<\/p>\n END<\/p>\n This formula tells Data Studio, \u201cIf the source matches l.facebook.com, m.facebook.com, or facebook.com, call it \u2018Facebook.\u2019\u201d<\/p>\n To add a CASE formula, you must be able to edit the data source.<\/p>\n Click the pencil icon next to your source to bring up the data field editor.<\/p>\n Then click \u201cAdd a new field\u201d in the upper right corner.<\/p>\n Enter your formula.<\/p>\n<\/p>\n If the formula works, you\u2019ll see a green checkmark. Give your new field a name and click \u201cSave.\u201d Now you can add this field to any chart or data viz that uses this data source.<\/p>\n You might be thinking, \u201cOkay, great, but was that formula written in Klingon? How do I come up with my own?\u201d<\/p>\n Don\u2019t know RegEx? No problem! This blog post has five formulas to get you started<\/a>.<\/p>\n <\/a> <\/p>\n This is the pinnacle of Data Studio mastery, requiring all the skills you\u2019ve already learned and a hefty dose of luck \u2014 just kidding, it\u2019s super easy.<\/p>\n Create a blended data source per usual.<\/p>\n In this example, I blended together the GA views for www.hubspot.com<\/a> and blog.hubspot.com.<\/p>\n Then click \u201cAdd metric\u201d > \u201cAdd new field\u201d as you would to create a normal calculated field.<\/p>\n Enter your formula.<\/p>\n I wanted to see \u201cTotal Users\u201d (i.e., users from www.hubspot.com<\/a> plus users from blog.hubspot.com), which is a simple calculation:<\/p>\n<\/p>\n1. Log into Data Studio<\/h3>\n
2. Explore the Data Studio Dashboard<\/h3>\n
Reports<\/h4>\n
Data Sources<\/h4>\n
Explorer<\/strong><\/h4>\n
Report Gallery<\/strong><\/h4>\n
Connect to Data<\/strong><\/h4>\n
How to Connect Data Sources to Google Data Studio<\/h2>\n
1. Start with Analytics or Search Console.<\/h3>\n<\/p>\n
2. Click \u201cCreate Report\u201d in the upper right.<\/h3>\n
3. Click \u201cAdd a chart\u201d in the toolbar.<\/h3>\n
4. Choose the first option under \u201cTime series.\u201d<\/h3>\n
5. Add another metric.<\/h3>\n
6. To add a table, choose the third option under \u201cAdd a chart.\u201d<\/h3>\n<\/p>\n
7. Finally, click \u201cStyle\u201d to go to the style tab.<\/h3>\n
8. To see the finished product, click \u201cView\u201d in the top corner.<\/h3>\n
9. Click \u201cEdit\u201d to finish up and name the report.<\/h3>\n
Google Data Studio Tutorial<\/h2>\n
\n Publish your report.<\/a>
\n Connect to 150+ sources.<\/a>
\n Create your own report theme.<\/a>
\n Embed external content.<\/a>
\n Send scheduled reports.<\/a>
\n Download reports.<\/a>
\n Embed reports.<\/a>
\n Add a date range.<\/a>
\n Add filter controls.<\/a>
\n Create interactive chart filters.<\/a>
\n Add data control.<\/a>
\n Add a dimension breakdown.<\/a>
\n Use Data Studio Explorer (Labs).<\/a>
\n Create report-level filters.<\/a>
\n Create blended fields.<\/a>
\n Blend your data source with itself.<\/a>
\n Create a basic calculated field.<\/a>
\n Creating an advanced calculated field.<\/a>
\n Create a calculated blended field.<\/a> <\/p>\nBeginner Google Data Studio Tips<\/h2>\n
1. Use templates.<\/h3>\n
\n Paid Channels Mix Report<\/a>: Use this template to understand how your ads are performing on Facebook, Twitter, LinkedIn, search, and more.
\n Website Technical Performance Indicators<\/a>: Get a quick overview of how your site is performing in real-time, including JavaScript and 404 errors and page load times. <\/p>\n2. Publish your report.<\/h3>\n
\n Make it awesome. The public reports are impressive, so don\u2019t hold back with design, features, and so on.
\n Add context. Provide on-page explanations of what you\u2019re measuring or monitoring with captions, instructions, maybe even a video of you walking through the report. <\/p>\n3. Connect to 150+ data sources.<\/h3>\n
4. Create your own report theme.<\/h3>\n
5. Embed external content.<\/h3>\n
6. Send scheduled reports.<\/h3>\n
7. Download the report as a PDF.<\/h3>\n
8. Embed reports.<\/h3>\n
Intermediate Google Data Studio Tips<\/h2>\n
9. Add a date range.<\/h3>\n
\n Group the charts you want to be affected by the date range control with the module. Select the chart(s) and the box, then choose Arrange > Group. <\/p>\n10. Add filter controls.<\/h3>\n
11. Create interactive chart filters.<\/h3>\n
12. Add a data control.<\/h3>\n
13. Add a dimension breakdown.<\/h3>\n
14. Use Data Studio Explorer (Labs).<\/h3>\n
Advanced Google Data Studio Tips<\/h2>\n
15. Create report-level filters.<\/h3>\n
16. Create blended fields.<\/h3>\n
17. Blend your data source with itself.<\/h3>\n
\n Compare two-plus landing pages
\n Compare two-plus goal completions <\/p>\n
\n<\/a> <\/p>\n18. Create a basic calculated field.<\/h3>\n
Create a data-source calculated field<\/strong><\/h4>\n
Create a chart-level calculated field<\/strong><\/h4>\n
\n Non-bounce rate
\n Pageviews per transaction
\n Value per session <\/p>\n19. Create an advanced calculated field.<\/h3>\n
20. Create a calculated blended field.<\/h3>\n