How to Measure Accordion Clicks in Google Data Studio
In a previous post I described how you can Track Accordion Clicks using Google Tag Manager. In this post I’ll show how you can measure accordion clicks in Google Data Studio.
What is an Accordion?
An accordion is a way to display content on your website. On a web page with lots of information, it may be tricky to display all the information without the page becoming very long and difficult to navigate. One way to get around this is to create an ‘accordion’ that has headings you can click on to expand. Below is an example of an accordion with random facts from Google’s SERP.
What was Google originally going to be called?
Yep, when Larry Page and Sergey Brin begun work on their search engine, it wasn’t originally called Google. They went with the rather obscure Backrub, only changing it a year into development and yes, the hand in the logo was Larry Page’s, scanned.
Read more.
What city crosses two continents?
Almost all of it lies in Asia, but a small portion extends into Europe. Istanbul, the largest city of Turkey and best-known example. The Bosporus Strait separates its European and Asian portions.
Read more.
How much money did the cast of Friends make?
The stars were paid $75,000 per episode in season three, $85,000 in season four, $100,000 in season five, $125,000 in season six, $750,000 in seasons seven and eight, and $1 million in seasons nine and ten, making Aniston, Cox, and Kudrow the highest paid TV actresses of all-time.
Read more.
Why are there 60 seconds in a minute?
The division of the hour into 60 minutes and of the minute into 60 seconds comes from the Babylonians who used a sexagesimal (counting in 60s) system for mathematics and astronomy. They derived their number system from the Sumerians who were using it as early as 3500 BC.
Read more.
Tracking Accordion Clicks in Google Tag Manager
In my previous post I talk about how to track Accordion Clicks using Google Tag Manager.

Once you’ve followed the steps to setup tracking of Accordion clicks correctly you can move on to measuring and displaying these clicks in Data Studio.
Measuring Accordion Clicks in Google Data Studio
Once we’ve successfully set up Google Tag Manager to track our clicks, we need to add our Google Analytics data to a new Google Data Studio report.

Once we’ve added Google Analytics as our data source, we need to create two tables in a Data Studio report.
The first is set up as follows:
Dimension: Event Label
Metric: Total Events

But to make sure we only include Accordion events we need to create a filter for this table.
This filter is set up as follows:
Include > Event Action > Contains > accordion

We can add in another table that allows us to filter the Accordion clicks by Page Title.
Dimension: Event Label
Metric: Total Events

We can then filter by page to see what accordion clicks are happening on each page.

Using the Data Studio report
Below is the Data Studio report that you can use to measure how many times an accordion section has been clicked on.
I hope you enjoyed this post, and know a bit more about how to measure Accordion clicks in Google Data Studio.
If you liked this article you might like my other blog posts.
Or you can follow me on Twitter!