Advanced Page and Report Navigation in Google Data Studio – 2021

Page and Report Navigation text with a google data studio UI picture

Google is always updating Data Studio’s features to improve user experience (UX). This time they have introduced new page and report navigation features. This enhancement is a major milestone in the development of the product, as visual storytelling has become even more powerful. In this article, I will take you through a step-by-step guide on how to use the improved page and report navigation features.

Also, if you want to refresh your Data Studio design skills, you can take a look at my other articles on some nifty features, including:

Now, let’s get started!

Add pages to a report

You can add pages to a report to organize related charts, avoid information overload and improve the report performance. The steps are pretty simple.

  1. Open any Google Data Studio report.
  2. Click on Page>New Page on the menu.
page and report navigation selecting a new page

Alternative ways to add pages

If your report has a single page, you can click on Add page directly from the toolbar.

Add page button highlighted in yellow google data studio

If your report already has multiple pages

  1. Click on Page “X” of “X/Y” on the toolbar menu. This will open the Manage Pages pane.
  2. Now click the “+” sign on the bottom to add a page.

Use a Keyboard Shortcut

Last but not least, the easiest and most convenient way to add a new page is by pressing “CTRL+M” on your keyboard. This will add a new page regardless of how many pages your report already has.

Manage pages pane

The Manage Pages pane not only helps you to add new pages but also to structure your report. For example, you can add expandable dividers, sections, and headers. You can rename a page, duplicate, hide in view mode, change icons or delete it using this pane. Another important feature within the Manage Pages pane is the divider. You can put this to separate your pages and sections to make your structure look neat.

page and report navigation options

The maximum level of content you can add to a hierarchy is three. This is a major change from what you could do in the earlier versions of Google Data Studio. This is an example of the structure:

  • Page (Level 1)
  • Section (Level 1)
    • Page (Level 2)
    • Section (Level 2)
      • Page (Level 3)

You can also add icons to a section or page. They will appear when you view the report, similar to the example presented below.

icons on top level report pages

How to add icons

  1. Click on the three vertical dots that appear when you hover the cursor over the pages.
  2. Click on Select Icon from the pop-up up menu.
select icon button highlighted
  1. Choose your favorite icon and click apply.

Note that Icons can only be added to top-level content. Any page within a section cannot have an icon.

page and report navigation icons

How to navigate between pages?

You can navigate between pages in 3 ways:

  1. Using the manage pane. You can jump to a specific section, page, and header. The pane appears to the right in the manage pages pane. 
  2. Using the keyboard: You can use right, left, up, and down arrows to move to the next or previous page. Additionally, you can use the home and end keys to navigate to the last or first page.
  3. Using the search box: You can use the search box located to find a section, header, or page by name. However, note that this search box does not search for text inside the report.

Make changes to a navigation item, section, or page

You also have the option to modify each item in the navigation pane.

  1. Open any report.
  2. Launch the Manage Pages pane by clicking Page “X” of “X/Y”.
  3. Hover the cursor over your preferred item.
  4. Click on the three vertical dots.
  5. Choose an action you want to perform from the following:

Rename

Every new page is named an “untitled page” by default. Additionally, a new Section or header is named “untitled section” and Header,” respectively. Click rename and choose a better name.

Duplicate

You can create a copy of the current page instantaneously by selecting “Duplicate.” However, it’s not possible to duplicate the whole section.

You can copy a page from one report to another together with all its components. This will automatically add all the data sources in the current report to the target report. However, it will not apply to previous theme and style settings.

Delete

Remove a page, section, or header from the report by selecting “Delete.”

You can undo this action by pressing ctrl+z  or Edit>undo. This will not work if you have signed out and back in data studio or reloaded the page. To mitigate this, you can restore the report to a previous point using version history.

Note that once you delete a section, it will delete all the pages within it as well.

Hide in view mode

You can hide a section or a page to prevent viewers from seeing it. This is a useful feature, especially if you have information that you wish only the editors to see. Once you hide a section or page:

  • The editors can still edit that section or page.
  • Viewers can’t navigate to that section or page.
  • If you copy the section or page, the copy will also remain hidden.
  • The section or page will not appear in PDF downloads.

You can unhide a section or a page by clicking: the three vertical dots > Show in view mode.

Move

Select the item you want to move and click move to the top, bottom, up, or down.

Re-order sections, pages, or navigation items

You can drag items to change their order in the manage pages pane. This is a quick alternative to the move option.

  1. Open any report.
  2. Launch the manage pages pane by clicking page Page “X” of “X/Y”.
  3. Hover the cursor over your preferred item on the left side,.. and a move option will appear.
page and report navigation
  1. Drag the cursor to move the item up or down.

Change the navigation type

You can customize the navigation type for your report viewers.

  1. Open your report.
  2. Click Theme and Layout in the toolbar.
  1. Choose layout tab
  2. Select the navigation type under view mode. You can see visuals of each option below.

Left

The pages will show up as a collapsible drawer at the left.

Tab

The pages will appear at the top as tabbed links.

Top Left

The pages will show up as a drop-down menu on the upper left.

Hidden

hidden navigation google data studio report

Navigation will not be displayed.

Final Thoughts on the New Page and Report Navigation

All in all, this new update aims to help users improve report performance, UX and make Google Data Studio a more flexible product. In my opinion, the new page and report navigation feature is a huge advancement, which puts the control in the report builders’ hands.

As such, they can now manage multipage reports by adding text headers, grouping pages into sections, and adding personality and style with Icons. The update is automatic and rolled out globally, so you don’t have to take any actions to enable it.


Dynamic Dashboards and Data Analysis with Google Data Studio – 2021

If you want to learn how to build powerful data visualizations and unlock insights that can help you drive business results for your clients or employers, take a look at my full course on Udemy.

dynamic dashboards and data analysis with google data studio
2 comments
  1. This is amazing! I am trying to follow with this formula by grouping certain pages on my website. I have a landing page with 10 locations that are on it that I would like to track who clicks and views the page. How can I do this with Google Data Studio?

Leave a Reply

Your email address will not be published. Required fields are marked *