top of page
  • Writer's pictureSotirios Seridis

How to Create a Google Analytics 4 (GA4) Page Performance Report in Looker Studio

If you've been dabbling in SEO and working on your website's content, then you should create a report for page performance. It is important to report on your website's pages and content so you can understand how they are performing (and where it requires more effort!). In this article, we will show you how to create a Google Analytics 4 (GA) Page Performance Report in Looker Studio!


---


Looking for help or support on Google Analytics 4?



---


In case you prefer to watch a video tutorial instead, here's one you can follow from XYZ Lab's Youtube Channel!




Topics Covered:

  • Part 1.1: Creating a Blank Report

    • Step 1: Navigate to lookerstudio.google.com

    • Step 2: Select "Blank Report"

    • Step 3: Connect the Data Source

    • Step 4: Click on "Insert" to add elements to your report

    • Step 5: Customize your elements

  • Part 1.2: Adding Images and Logo

    • Step 1: Insert an "Image" element

    • Step 2: Click "Select a file"

    • Step 3: Upload your image and style it accordingly

  • Part 1.3: Adding More Space to the Report

    • Step 1: Click on "Page" and select "Current Page Settings"

    • Step 2: Click on "Style" and increase the Height

  • Part 2: Inserting Scorecards for Top-level Performance

    • Step 1: Insert a "Scorecard" element and duplicate it a few times

    • Step 2: Select the metrics that you'd like to showcase

    • Step 3: Add "Text" element to title Scorecards

    • Step 4: Insert a "Date range control"

    • Step 5: Select the date range you'd like to view in the report

    • Step 3: Apply a "Comparison date range"

  • Part 3.1: Creating a Page Report for Sections of Your Website

    • Step 1: Duplicate the Scorecards and rename the title

    • Step 2: Click on one of the Scorecards, go to the Set-up column, and click on "Add a filter"

    • Step 3: Create the Filter

    • Step 4: Apply the Filter on all Scorecards

  • Part 3.2: Creating a Page Report for Sections of Your Website

    • Step 1: Duplicate the Scorecards and rename the title

    • Step 2: Understand the pattern of your website URL

    • Step 3: Click on one of the Scorecards, go to the Set-up column, and click on "Add a filter"

    • Step 4: Create the Filter

    • Step 5: Apply the Filter on all of the Scorecards

  • Part 4: Inserting Table for Top-Level Pages Performance

    • Step 1: Insert a "Table" element

    • Step 2: Select the Dimension "Full page URL" and select the Metrics you'd like to showcase

    • Step 3: Click on "Chart" and select "Table with Heatmap"

    • Step 4: Show the "Summary row" to see the aggregation of the metrics

    • Step 5: Add a "Comparison date range" to the previous period

    • Step 6: Title the Table accordingly

    • Step 7: Duplicate the Table, apply the relevant filter, and rename it accordingly

  • Part 5: Inserting Time Series Chart for Trend Lines

    • Step 1: Insert a "Time series chart" element

    • Step 2: Select the Metric

    • Step 3: Apply a comparison date range to the previous period

    • Step 4: Duplicate the same chart 2 more times, apply the relevant filters, and name it accordingly


 

Part 1.1: Creating a Blank Report


Step 1: Navigate to lookerstudio.google.com


Step 2: Select "Blank Report"



Step 3: Connect the Data Source


1. Select Google Analytics.


2. Select your Google Analytics account and property (GA4) and click "Add".



Step 4: Click on "Insert" to add elements to your report


Through this tab, you'll find all the elements that you can include in your report, such as tables, charts, scorecards, shapes, texts, images, and more.




Step 5: Customize your elements


In this example, we will insert a rectangle and text element first to create the header of the report and customize the style of the properties accordingly.



 

Part 1.2: Adding Images and Logo


Step 1: Insert an "Image" element




Step 2: Click "Select a file"




Step 3: Upload your image and style it accordingly



 

Part 1.3: Adding More Space to the Report


Step 1: Click on "Page" and select "Current Page Settings"




Step 2: Click on "Style" and increase the Height





 

Part 2: Inserting Scorecards for Top-level Performance


Step 1: Insert a "Scorecard" element and duplicate it a few times


A scorecard showcases a single metric. It will present the key statistics of all the pages of your website.




Step 2: Select the metrics that you'd like to showcase


Click on each element and set the metrics that showcase your top-level website performance, including traffic, qualitative metrics, soft KPIs, and hard KPIs. In this example, we are showcasing the Sessions, Views, Event count, and Conversions.



Step 3: Add "Text" element to title Scorecards


Since the overview is relevant to all pages of the website, we will add the text "All Pages" next to the scorecards.



Step 4: Insert a "Date range control"




Step 5: Select the date range you'd like to view in the report



In this example, we have set the date range to this year to date. You can see that the data will refresh to the date range that has been set (1 Jan 2023 - 3 Apr 2023, in our case). Now we have a reusable report where you can change the dates and see the updated numbers without having to recreate the report.



Step 6: Apply a "Comparison date range"


Select all the scorecards and select a comparison date range from the dropdown: Previous period.



You will see some indicators that show the comparison of performance from the current date range to the previous period. For instance, if you're looking at a weekly report, it will compare the results to the previous week; if you're looking at a monthly report, it will compare the results to the previous month.




 

Part 3.1: Creating a Page Report for Sections of Your Website


Think about the structure of your website; what kind of categories or pages are on your website (e.g. product pages, blog, features, pricing, etc). We want to duplicate the top-level scorecards and we will create the same format of report for the most important sections of your website. Let's use our website https://www.xyzlab.com/ as an example.



Here we have pages that are relevant to templates, and each template has a specific button and URL. Here, we want to report on the "Templates" section of our website to see the performance.




Step 1: Duplicate the Scorecards and rename the title




Step 2: Click on one of the Scorecards, go to the Set-up column, and click on "Add a filter"




Step 3: Create the Filter


In our case, we will name the filter "Templates" and set the conditions of the filter to include the full page URL that contains -template (the partial URL). This filter will narrow down the performance only to the pages that are relevant to templates.




Step 4: Apply the Filter on all of the Scorecards



Now you can see the performance of all pages as well as the specific template pages on your website. You can repeat the same steps above to apply to different categories / sections of your website. As an example, we will add another section for the Blog section of our website.


 

Part 3.2: Creating a Page Report for Sections of Your Website


Step 1: Duplicate the Scorecards and rename the title




Step 2: Understand the pattern of your website URL


In our case, our blog always features a URL with /post/postname. We will use this pattern to filter down to all pages that contain /posts.



Step 3: Click on one of the Scorecards, go to the Set-up column, and click on "Add a filter"


Step 4: Create the Filter


In our case, we will name the filter "Posts" and set the conditions of the filter to include the full page URL that contains /post (the partial URL). This filter will narrow down the performance only to the pages that are relevant to posts.




Step 5: Apply the Filter on all of the Scorecards



Now we have showcased the top-level performance of different categories and sections of the website. In our example, we are displaying the performance of All Pages, Template pages, and Blogpost pages. In your case, you should break down your website structure and report on all key sections of your website.




 

Part 4: Inserting Table for Top-Level Pages Performance

Step 1: Insert a "Table" element




Step 2: Select the Dimension "Full page URL" and select the Metrics you'd like to showcase


Add the metrics such as sessions, views, event count (soft KPIs), and conversions (hard KPIs).




Step 3: Click on "Chart" and select "Table with Heatmap"




Step 4: Show the "Summary row" to see the aggregation of the metrics




Step 5: Add a "Comparison date range" to the previous period



Step 6: Title the Table accordingly


In this case, the table is showcasing the performance of all pages, so we will title it as "All Pages Breakdown".



The completed table now shows a Delta column that displays the movements of the performance of the page by each metric in comparison to the previous period, i.e. pages that are performing better or worse compared to the previous period. It also has a Grand total on the bottom to summarize all the performance, as well as heatmaps to see the concentration of each metric across the pages.



Step 7: Duplicate the Table, apply the relevant filter, and rename it accordingly


We will recreate the same table to showcase only the template pages and the post pages performance, so we can duplicate the same table and rename it as "Template Pages Breakdown" and "Posts Pages Performance". Click on the table, navigate to the set-up column, and apply the relevant filter that we have created previously (i.e. the template and post filter).





 

Part 5: Inserting Time Series Chart for Trend Lines


Step 1: Insert a "Time series chart" element




Step 2: Select the Metric


In this example, we will select sessions as the metric.




Step 3: Apply a comparison date range to the previous period


The chart now shows the sessions of all pages in the defined time range in comparison to the previous period.




Step 4: Duplicate the same chart 2 more times, apply the relevant filters, and name it accordingly


Now we have three charts that represent the trend of your traffic (sessions) in various categories of your website.





 

Now we have completed our GA4 Page Performance Report! To review from the beginning, at the top, with the scorecards we can immediately understand the big picture of the performance of the page. We are able to see how much traffic, sessions, soft KPIs, and hard KPIs we are getting in total, and understand the contribution of the different categories to the total performance.


Underneath, we can see the trend lines of the performances in comparison to the previous period. Finally, we can deep dive into each category of the website and see the breakdown of all the different pages. This is the ideal page performance report that you can create from Google Analytics 4 using Looker Studio, and one that can help you in seeing the opportunities for improvements or growth through your website content!






bottom of page