Signup

Create auto-generated response reports with Google Sheets and Data Studio

Integrate your typeform with Google Sheets, then plug your sheet into Google Data Studio to display your responses as auto-generated, user-friendly reports. You’ll be able to share the reports with anyone you like, giving them access to response data without needing to add them to your Typeform Workspace. Read on to learn how it’s done!

(Never seen a Data Studio report? This image, taken from Data Studio’s template gallery, provides a good overview of what you can do with Data Studio!)

gds34.png

This guide is meant to give a quick overview of how to use Google Data Studio to display your typeform data. The guide doesn’t cover all of Data Studio’s range of features for data display and analysis, so check out Google’s learning resources for more information.

To connect your typeform to Google products, all you need are:

  • A Free Typeform account
  • A Google account

Keep reading to learn about the whole workflow, or click a section name to jump there:

Create your typeform

1. Create a typeform with the questions you’d like to report on. For example, you might add questions about the following:

  • Customer satisfaction scores - for example, if you’d like to track how customer satisfaction has changed over time
  • Project size or budget - for example, if you’d like to report on the average budget your leads have
  • Product or service categories - for example, if you’d like to track which areas of your business are attracting the most interest from customers

Not sure where to start? Check out our guide to creating your first typeform and this guide to Logic in Typeform.

gds31.png

For extra inspiration, browse our templates gallery or read our collection of stories on how other organizations have used Typeform to become more successful than ever.

gds32.png

2. Click Publish in the top right corner of the Create panel once your typeform has been set up. Now, it’s time to share your typeform with the world - here’s a guide to get you started.

publishbutton.png

Integrate your typeform with Google Sheets

1. Click the Connect tab from the top of the Create panel to begin setting up your integration with Google Sheets.

gds1.png

2. Google Sheets is one of Typeform’s most popular integrations - you’ll find it right at the top of the integration list on the Connect page. Click Connect to begin setting up the integration.

gds2.png

3. To finish setting up the integration, you’ll need to log into your Google account and give Typeform permission to automatically send responses to a Google Sheet.

For details on connecting your typeform to Google Sheets, see our guide to the integration here.

4. Once your integration is set up, you’ll see a blue toggle on the Connect page, indicating that the integration is active:

gds3.png

New typeform responses should show up automatically as new rows on your sheet:

gds4.png

Now, connect your Google Sheet to Google Data Studio to begin creating visual reports.

Connect your Google Sheet to Google Data Studio

1. Google Data Studio is a free platform that you can use to create visualizations from data contained in various sources. Here, we’ll use it to display typeform responses collected in a Google Sheet.

Make sure you’ve created a Google Data Studio profile before continuing with the rest of the walkthrough. Start the process from datastudio.google.com - you can log in with an existing Google account. If you’re new to Google Data Studio, check out Google’s introductory guide here.

2. Click Blank report to create a new report.

gds5.png

3. Choose the source application for your report data. In this case, choose Google Sheets. (If it’s your first time using Google Data Studio, you may need to authorize access for Data Studio before seeing the list of applications.)

gds6.png

4. Use the file explorer to locate the Google Sheet with your typeform response data. Click on the Sheet name, then click Add in the bottom right of the explorer.

gds7.png

5. Click Add to Report to confirm the connection.

gds8.png

6. Now, you can begin adding visualizations to your Data Studio report. First, add a title to your report in the top left corner of the page.

gds9.png

7. You can use the options under Theme and layout to format your report.

gds10_.png

8. Google Data Studio reports contain various visualizations, or charts. When you create a new report, a chart with data from your Sheet is preloaded:

gds10.png

You can keep and edit this chart, or delete it by clicking it and hitting your Backspace key.

Click Add a chart (1 in the image) to add a new chart. Select the type of chart you’d like, and click the canvas (2 in the image) to drop the chart there.

gds11.png

You can also add a new chart by dragging one of the green dimension fields in the right-hand Data sidebar onto your canvas. These fields are generated from the headers of the Google Sheet you connected. They include your typeform questions and unique submission tokens, as well as the timestamp for each submission (Submitted At).

gds12.png

Add as many charts as you like, and drag and drop them over the Data Studio canvas to change their location. Read on for a short overview of how to set up and customize Data Studio charts.

Customize charts in Google Data Studio

Here’s how you can create a few different types of visualizations in Google Data Studio, using the responses from your typeform. Google Data Studio charts generally show data according to dimensions and metrics. Dimensions are categories of data, while metrics are measures. Click here to learn more about dimensions in Data Studio, and here to learn about metrics.

This guide gives only a brief introduction to charts in Google Data Studio. There are many more possibilities for creating and customizing Data Studio charts - see these tutorials for more information.

Bar or column charts

Bar and column charts are great for displaying categorical data, or responses that match one option in a set of categories. You can use these charts to show how responses are distributed for a Multiple Choice or Picture Choice question. In Data Studio, bar charts have horizontal bars, and column charts have vertical bars.

gds20.png

For bar or column charts, your dimension will typically be the question you want to show in the chart. After adding your chart, choose the question from the list of possible dimensions.

gds21.png

Pick the Record count metric from the list so that the length or height of each bar reflects the number of responses received in that category.

gds22.png

You can combine more than one dimension in the same chart. For example, if your typeform tracks T-shirt orders, you might want to create a graph that shows the number of orders by size, as well as pattern.

To do this, add a stacked column chart instead of a standard column chart. Then, add a second dimension under Breakdown dimension.

gds23.png

Choose a custom date range to limit the date range reflected in the chart, if you’d like. Click the Custom radio button under Default date range, then click Auto date range to select a new range:

gds24.png

Finally, use the Style tab to specify how you’d like the data to be displayed - whether you’d like to add a reference line, how you want to display axis labels, and so on. Read more about bar and column chart style options here.

Time series charts

A time series chart tracks the number of records received over time. You can use a time series chart to see how many responses your typeform has gotten during a certain period, or if your answer trends have changed over time.

gds25.png

After adding your chart, set the typeform submission date as a dimension, and the Record count as a metric. This will show the submission trend over time.

gds26.png

You can add additional dimensions under Breakdown dimension to see answer trends over time. For example, adding the question about pattern as a dimension here shows how each pattern’s popularity has changed.

gds27.png

Choose a custom date range if you’d like to limit the date range shown in your chart. Click the Custom button under Default date range, then specify the new date range under Auto date range:

gds28.png

Finally, use the Style tab to specify how you’d like the data to be displayed - whether you’d like to use bars or lines, if you’d like to use labels, and so on. Read more about time series chart style options here.

Scorecards

Scorecards show one metric from your typeform without any additional table or graph formats, as if you’d written a number on an index card. You can use scorecards to show total typeform submissions, or the average of another number that might vary between submissions, such as average order price.

gds13.png

After adding your scorecard, choose your metric in the right-hand sidebar by clicking the blue bar with the metric name and choosing a new metric from the list.

gds14.png

You can choose Record count, which will show the total number of typeform entries; a numeric typeform question, like total items ordered; or a numeric variable like score. Here, we’ll choose the question from our typeform that asks how many shirts the respondent would like:

gds15.png

Once you’ve chosen your metric, the scorecard will update to reflect it.

gds16.png

HC_Warning_ilu_cropped.png
Note: Here, the question title includes a string of characters between brackets. This is because the typeform question uses Recall information from another question. Don’t like the look? In the scorecard’s Style section, check the Hide metric name box to hide the question title. Later, you can add a text box to your report canvas with a different title for the scorecard, if you like. Don’t change the question title in your Google Sheet column headers - this will break the integration between Google Sheets and Typeform.

In the right-hand sidebar, you should see an icon saying SUM next to your metric name. This indicates that the scorecard is showing the sum, or total, of the metric you have chosen - in this case, the total number of shirts ordered across all typeform submissions.

gds17.png

Hover over the icon and a pencil will appear. Click the pencil to change the calculation shown in your scorecard - here, we’ll change it to the average shirts ordered in each submission.

gds18.png

Choose a custom date range to limit the date range reflected in the scorecard, if you’d like. Click the Custom radio button under Default date range, then click Auto date range to select a new range:

gds19.png

Finally, use the Style tab to set additional formatting options for your scorecard. Read more about scorecard style options here.

Additional design elements

You can add visual elements like geometric shapes, lines, and text boxes from the toolbar above the report. You can also add a new theme and layout for your canvas from here:

gds33.png

Within the Style tab of each chart, you can specify colors, line styles, and other options for your visualizations.

Share and update your report

Ready to share your report? Click the Share button in the top right of the screen:

gds29.png

To refresh the data in your report, click the three-dot icon in the top right of the screen. Then, click Refresh data to see the most recent results. Your charts will automatically be updated to reflect new typeform responses!

gds30.png

You’re all set! You can now send automated reports on your typeform responses to anyone you like, without needing to add them to your Typeform organization.

Want to make Typeform part of more of your workflows? Check out all of our integration guides here.

 

Tap into our community knowledge