How to Build Google Analytics 4 Dashboards in Klips

klipfolio image

Published 2023-06-21

Summary - Google Analytics 4 (GA4) and its event-based model present a challenge for marketers who’ve always used Universal Analytics for their web analytics reporting. Third party dashboard tools like Klips can help you transition to GA4 without missing a beat – ensuring everyone on the team continues to have access to the data they need. This blog post shows you how to build GA4 web analytics dashboards using Klips.

From minor discrepancies in the data to a steeper-than-expected-learning curve, the transition from Universal Analytics (UA) to Google Analytics 4 (GA4) may present some unique challenges. For digital marketers and marketing agencies, this often means a barrage of inquiries from team members and stakeholders not familiar with GA4. 

GA4 introduces an event-based data model, which may be familiar to user experience designers and product managers using tools like Mixpanel or Amplitude. However, for many marketers, this shift from a page-based to an event-based model is creating confusion in their data and dashboards. Have you noticed different metric counts when comparing conversions (GA4) to goal completions (UA)?

GA4 is more accurate because it counts multiple conversion events in a single session. Whereas, UA has a known issue when it comes to accurately tracking multiple goal completions. It’s human nature that when we see something unexpected, we pause and want to investigate. This is where 3rd party dashboard tools like Klips come in. Klips is particularly good at creating custom dashboards that give your team access to precise, curated views of your GA4 data. GA4 isn’t as user-friendly and self-service oriented as UA, so building this layer of reporting is a required step in your GA4 migration process.

Connecting Google Analytics 4 to Klips

To connect your Google Analytics 4 data to Klips, you will need to use the GA4 Query Explorer. We cover this topic in much more detail in this post: How to use the Google Analytics Query Explorer to export data.

Here’s what we’ll cover in this post:

  • What is the GA4 Query Explorer and how does it work?
  • How to use the GA4 Query Explorer
  • Building queries in the GA4 Query Explorer
  • Creating data sources in Klips
  • Examples of Klips using GA4

What is the GA4 Query Explorer and how does it work?

The GA4 Query Explorer is a tool that allows you to query raw data from your GA4 properties. You can use it to create custom queries to extract specific data. Then, use those queries to set up automated data connections. After the query is executed in the GA4 Query Explorer, the results can be exported as a JSON file, which can then be used by a developer or a third party tool, such as Klips.

Here’s what the Query Explorer looks like with a basic setup:

Google Analytics 4 Klips Simple Set Up

How to use the GA4 Query Explorer

Using the GA4 Query Explorer is a straightforward process. The tool offers a simple user interface for crafting data queries specific to your reporting needs, allowing you to select metrics and dimensions from the menus. For instance, you can choose which custom and default dimensions to include in your query:

Google Analytics 4 Klips Dimensions

As you make selections from the menus, the Query Explorer generates the query in the background. You can test your query at any time to see the data output in a format that aligns with your data model. Whenever you modify the menu options, the query updates accordingly, and you can test it again.

Here’s what a sample output might look like:

Google Analytics 4 Klips Output

To see the underlying code that the Query Explorer generated based on your input, select the “Show request JSON” option. This code can be copied and pasted for your developers or used to create a Google Analytics 4 data source in Klips.

Google Analytics 4 Klips Request Output

Building queries in the GA4 Query Explorer

One of the benefits of the Query Explorer is the ability to construct tailored data queries without any coding expertise. Features like metric filters and dimension filters give you the ability to refine your datasets to build custom reports and dashboards. Here’s an overview of the query building features currently available.

Input

Description

Date Range

Specifies the time period for which the data is to be extracted. The user can select the start and end date using the recommended format (DateRange Documentation).

Metrics

Quantitative measurements such as active number of users or engaged sessions.

Dimensions

Qualitative values such as date, session default grouping, or country.

Order by

Allows users to sort the data based on the selected metric in either ascending or descending order.

Metric Aggregations

Allows users to aggregate metric data by specifying a mathematical function such as SUM or AVG.

Dimension Filter

Enables filtering the data based on the selected dimension(s) with match type rules including RegEx.

Metric Filter

Enables filtering the data based on the selected metric(s) with match type rules including RegEx.

Limit

Sets a limit on the number of rows returned by the query, useful when working with large datasets.

JSON Request

Displays the query JSON request string.

Response

Displays the query results in Table or JSON format.

Creating data sources in Klips

Creating a GA4 data source in Klips uses the query you built in the Query Explorer tool. Clicking the "Make Request" button in the Query Explorer executes your query. A sample output then displays under the snippet.

To create a GA4 data source in Klips, copy this code snippet and paste it into the "Query" field, as shown below. Here’s an in-depth article on this process.

Google Analytics 4 Klips Data Connector

Once your data source is created, it can be transformed or refined by generating a data model. From here, you’ve got the groundwork to start building custom GA4 dashboards.

Supercharge your analytics

Harness the power of data-driven decision making.

Get Started Free

GA4 Klips templates examples

Transitioning from Universal Analytics to Google Analytics can be a bit of a process. Our GA4 Klip templates are a quick path to getting started. You can add any of these Klips to your account by clicking the {Add this Klip Button} from the Klip Gallery in your account.

We’ve also given information about how the query was constructed so you can use it to craft your own custom GA4 queries.

Acquisition by Channel

The first step for marketing attribution is understanding where your web users come from. This query breaks down traffic acquisition by channel and session/medium, and provides metrics to help evaluate each channel's performance. 

Google Analytics 4 Klips Parameters

GA4 Query Explorer Tip

Details

Query Description

Get insights into your web performance by acquisition channel.

Metrics

Users, New Users, Sessions, Bounce Rate, Session Duration, Revenue

Dimensions

Channel Grouping, Date, Source Medium

Code Snippet

{"dimensions":[{"name":"date"},{"name":"sessionDefaultChannelGroup"},{"name":"sessionSourceMedium"}],"metrics":[{"name":"users"},{"name":"newUsers"},{"name":"sessions"},{"name":"bounceRate"},{"name":"sessionDuration"},{"name":"revenue"}],"dateRanges":[{"startDate":"30daysAgo","endDate":"yesterday"}]}

Here’s an example of what you can build with this data. Use this Acquisitions GA4 Klip Template:

Google Analytics 4 Klips Acquisition

Conversion Metrics

Conversion tracking is as important in GA4 as it was in Universal Analytics. Conversion setup is based exclusively on event tracking – so you’ll want to include data about the types of events generating conversions. This basic query is really the tip of the iceberg when it comes to conversion tracking in GA4, especially if you’re using custom dimensions.

Google Analytics 4 Klips Event Analytics

GA4 Query Explorer Tip

Details

Query Description

Track conversions and split them out by web channel, event name, and page location.

Metrics

Conversions, Engagement Rate, Sessions, Total Users, User Conversion Rate

Dimensions

Date, Default Channel Group, Event Name, Page Path

Code Snippet

{"dimensions":[{"name":"date"},{"name":"defaultChannelGroup"},{"name":"eventName"},{"name":"pagePath"}],"metrics":[{"name":"conversions"},{"name":"engagementRate"},{"name":"sessions"},{"name":"totalUsers"},{"name":"userConversionRate"}],"dateRanges":[{"startDate":"30daysAgo","endDate":"yesterday"}]}

Here’s an example of what you can build with this data. Use this Conversion GA4 Klip Template:

Google Analytics 4 Klips Conversions

Landing Page Views

Google Analytics 4 improves tracking for single-page applications (SPAs) which have gained popularity in the web development world with the rise of frameworks like React and Vue. These improvements, however, come with a learning curve with revised metrics like engagement rate or screen page views. This query aims to provide a basic report on your landing page views. 

Google Analytics 4 Klips Landing Page

GA4 Query Explorer Tip

Details

Query Description

Get metrics on landing page performance and user engagement.

Metrics

Bounce Rate, Engagement Rate, Screen Page Views, User Engagement Duration

Dimensions

Date, Landing Page Plus Query String, Session Default Channel Group

Code Snippet

{"dimensions":[{"name":"date"},{"name":"landingPagePlusQueryString"},{"name":"sessionDefaultChannelGroup"}],"metrics":[{"name":"bounceRate"},{"name":"engagementRate"},{"name":"screenPageViews"},{"name":"userEngagementDuration"}],"dateRanges":[{"startDate":"30daysAgo","endDate":"yesterday"}]}

Here’s an example of what you can build with this data. Use this Landing Pages GA4 Klip Template:

Google Analytics 4 Klips Landing Page Report

Event Metrics

The event-driven data model for GA4 allows for more robust event analysis than was ever possible in Universal Analytics. With those robust features comes customizations, such as configuring custom events or sending event parameters to GA4. This query is meant to give you a good starting point for GA4 event analysis – remember, you will want to register custom dimensions in order to use them in your reports.

Google Analytics 4 Klips Engagement

GA4 Query Explorer Tip

Details

Query Description

Track your events and see how users interact with your website.

Metrics

Engaged Sessions, Engagement Rate, Event Count, Event Count per User, Events per Session, Sessions

Dimensions

Date, Event Name, Is Conversion Event, Session Default Channel Grouping

Code Snippet

{"dimensions":[{"name":"date"},{"name":"eventName"},{"name":"isConversionEvent"},{"name":"sessionDefaultChannelGroup"}],"metrics":[{"name":"engagedSessions"},{"name":"engagementRate"},{"name":"eventCount"},{"name":"eventCountPerUser"},{"name":"eventsPerSession"},{"name":"sessions"}],"dateRanges":[{"startDate":"30daysAgo","endDate":"yesterday"}]}

Here’s an example of what you can build with this data. Use this Events GA4 Klip Template:

Google Analytics 4 Klips Events

Active Users

GA4 has a lot in common with product analytics tools like MixPanel and Amplitude. You can do some basic cohort analysis out-of-the-box using metrics like Active Users, Active 1-Day Users, Active 7-Day Users, and Active 28-Day Users. Couple these cohorts with some event analysis, and you have the start of some cohort analysis dashboards. 

Google Analytics 4 Klips Overview

GA4 Query Explorer Tip

Details

Query Description

Active users is a key metric in GA4, and it’s possible to analyze cohorts like 1-day users, 7-day users,28-day users.

Metrics

Active 1-Day Users, Active 7-Day Users, Active 28-Day Users, Active Users, Event Count

Dimensions

Date, Page Path, Session Default Channel Group

Code Snippet

{"dimensions":[{"name":"date"},{"name":"pagePath"},{"name":"sessionDefaultChannelGroup"}],"metrics":[{"name":"active1DayUsers"},{"name":"active7DayUsers"},{"name":"active28DayUsers"},{"name":"activeUsers"},{"name":"eventCount"}],"dateRanges":[{"startDate":"30daysAgo","endDate":"yesterday"}]}

Here’s an example of what you can build with this data. Use this Active users GA4 Klip Template:

Google Analytics 4 Klips Active Users
Supercharge your analytics

Harness the power of data-driven decision making.

Get Started Free

Migrating to GA4 with Klips 

Many of us are deeply familiar with and committed to reporting using UA. This shouldn’t come as a surprise: Universal Analytics was launched in 2012, and was a staple of marketing analytics for what feels like a generation. However, the day has come where marketers need to learn a new tool – and GA4 feels like a different tool at times – and they also have to do this without the comfort of a familiar user interface. After a generation of relying on trusty UA, we have no choice but to change (despite how uncomfortable it may be).

Marketers need a strategy for delivering reports and dashboards to stakeholders, especially those who aren’t familiar with GA4. Their strategy needs to bypass the learning curve and keep their team focussed on the value a tool like GA4 brings to their business analytics. Using a 3rd party reporting tool, like Klips, is the answer.

Make sure to check out this content to learn more about how Klipfolio is helping customers transition to Google Analytics 4.

Related Articles

Supercharge your analyticsHarness the power of data-driven decision making.Get Started Free

Succeed with data

We’ve got you covered.

Get Started Free