How to Create Button Click Event in Google Analytics 4

Tracking what users click on your website isn't just a neat trick, it's a direct window into their intent and behavior. Setting up button click tracking in Google Analytics 4 gives you the data you need to understand what's working, what's not, and how to optimize your user's journey. This article will walk you through, step-by-step, how to track button clicks in GA4 using Google Tag Manager.

Graphed

Still Building Reports Manually?

Watch how growth teams are getting answers in seconds — not days.

Watch the Demo

Why Is Tracking Button Clicks a Big Deal?

Before jumping into the setup, let's talk about why you’d want to track button clicks in the first place. Every important action a user can take on your site usually ends with a click. By tracking these clicks, you can directly measure engagement with your most critical business goals.

Consider these common examples:

• Lead Generation: How many users click your "Request a Demo," "Get a Quote," or "Contact Us" buttons?
• E-commerce: Which "Add to Cart," "View Product," or "Checkout Now" buttons are most effective?
• Content Engagement: Are visitors clicking "Download PDF," "Watch Video," or "Sign up for a Webinar" buttons?
• Navigation: Which calls-to-action (CTAs) in your header or footer are users interacting with most?

Answering these questions moves you from simply guessing what users are doing to knowing exactly how they engage. This data is the foundation for improving your website's performance, user experience, and ultimately, your bottom line.

The Tools for the Job: Google Analytics 4 & Google Tag Manager

To pull this off without needing to constantly ask a developer for help, we'll use two free tools from Google:

1. Google Analytics 4: This is your analytics platform. It collects, stores, and reports on the data. All the information we gather about button clicks will end up here.
2. Google Tag Manager (GTM): This is the control center. GTM acts as a middleman between your website and GA4, allowing you to set up tracking rules (like "watch for a click on this specific button") without touching a single line of your website's code.

For the rest of this tutorial, we will assume you already have a GA4 property and have installed the Google Tag Manager container snippet on your website. If not, the process is straightforward, and Google provides ample documentation to get you started.

Graphed

Still Building Reports Manually?

Watch how growth teams are getting answers in seconds — not days.

Watch the Demo

Step-by-Step Guide to Tracking Button Clicks in GA4

Ready to set up your first button click event? We'll use a common example: tracking clicks on a "Download Our Case Study" button. Let's get started.

Step 1: Enable the Built-in Click Variables

Before we can tell GTM what to look for, we need to make sure it's paying attention to click actions. To do this, we enable its built-in "Click" variables. These variables capture different pieces of information about a click as it happens.

1. Navigate to your Google Tag Manager workspace.
2. Select Variables from the left-hand menu.
3. Under the "Built-In Variables" section, click Configure.
4. A panel will slide out. Scroll down to the "Clicks" section and check the boxes for all the click variables: Click Element, Click Classes, Click ID, Click Target, Click URL, and Click Text.

That's it! By enabling these, you've given GTM access to all the contextual information it needs about any click that occurs on your site. For example, the {{Click Text}} variable will capture the text written on the button (e.g., "Download Our Case Study").

Step 2: Create a Trigger That Listens for a Specific Button Click

Next, we need to create a "trigger." A trigger is simply a rule you define in GTM that tells a tag when to fire. In our case, the rule is "only fire when someone clicks our specific Download button."

1. Go to Triggers in the left-hand menu and click New.
2. Give your trigger a descriptive name, like "Click - Download Case Study Button".
3. Click inside the "Trigger Configuration" box.
4. Under the "Click" section, choose All Elements.
5. Now, instead of leaving it on "All Clicks," select Some Clicks. This is where we define what makes our case study button unique.
6. You now have to set the condition. You'll see dropdowns that say "Fire this trigger when an Event occurs and all of these conditions are true." Here are a few reliable ways to identify your button:

We'll use Click ID for this example as it's the most precise method. If you're not sure how to find your button's ID, don't worry.

Quick Tip: How to Find Your Button's Click ID or Class

You can easily find a button's unique identifiers using your web browser's built-in developer tools.

1. Open a new tab and go to the page where your button lives.
2. Right-click directly on the button you want to track.
3. Select Inspect from the dropdown menu.
4. Your browser's developer console will open, highlighting the button's HTML code. Look for an attribute like id="your-button-id" or class="your-button-class". This is the value you need for your GTM trigger.

Once you've set your condition—in our case, Click ID equals download-case-study—click Save in the top right corner.

Graphed

Still Building Reports Manually?

Watch how growth teams are getting answers in seconds — not days.

Watch the Demo

Step 3: Create the GA4 Event Tag

Now that we have our variables enabled and our trigger built, it's time to create the tag. The tag is what bundles up the information and sends it over to Google Analytics 4 when the trigger condition is met.

1. Navigate to Tags from the left-hand menu and click New.
2. Name your tag clearly. Something like "GA4 - Event - DownloadCaseStudy" works well.
3. Click inside the "Tag Configuration" box.
4. Select Google Analytics: GA4 Event from the list.
5. For "Configuration Tag," select your main GA4 configuration tag (you should have already set this up when you installed GTM).
6. In the Event Name field, enter a name for your event. Follow the snake_case convention (lowercase letters with underscores). Let's use download_case_study_click. This is the name that will appear in your GA4 reports.
7. Click on Event Parameters to expand it. Here, we can add more context to our event. This is incredibly useful.
8. Finally, click inside the "Triggering" box at the bottom.
9. Select the trigger you created in the previous step ("Click - Download Case Study Button").
10. Click Save.

Step 4: Test Everything With Preview Mode

Before publishing your new setup, you must verify it works correctly. GTM's Preview Mode is a fantastic tool for this.

1. In the top right corner of your GTM workspace, click Preview.
2. Enter the URL of your website and click Connect. Your site will open in a new tab with a "Tag Assistant Connected" badge.
3. Back in the Tag Assistant tab, click Continue.
4. On your website, go to the page with your button and click the "Download Our Case Study" button.
5. Switch back to the Tag Assistant window. On the left-hand side, you should see a "Click" or "Link Click" event in the summary list.
6. Click on that event. In the main window, look at the "Tags Fired" section. You should see your "GA4 - Event - DownloadCaseStudy" tag listed!
7. You can even click on the tag itself to see the details that were sent to GA4, including the event name (download_case_study_click) and the parameters you set (link_text and link_url). If it fired, you're good to go.

Step 5: Publish Your Container

Once you've confirmed everything is working as expected, it's time to set your changes live.

1. Exit Preview Mode in GTM.
2. Click the blue Submit button in the top right corner of your workspace.
3. Give your version a descriptive name (e.g., "Added Case Study Download Tracking").
4. Click Publish.

Congratulations! Your GTM container is now live, and Google Analytics 4 will start recording your download_case_study_click event every time a user clicks that button.

Where to Find Your Button Click Data in GA4

After you publish your container, you'll want to see the data in GA4. Be patient - while some data appears quickly, it can take 24-48 hours for new events and parameters to be fully processed in all reports.

First, you can check the Reports > Realtime view in GA4. Within a few minutes of clicking your button, you should see your download_case_study_click event appear in the "Event count by Event name" card.

Graphed

Still Building Reports Manually?

Watch how growth teams are getting answers in seconds — not days.

Watch the Demo

Registering Your Custom Parameters

This is an essential final step. In order to analyze your event parameters (link_text and link_url) in GA4 reports, you need to register them as "Custom Dimensions."

1. In GA4, navigate to Admin (the gear icon in the bottom left).
2. Under the "Data display" column, click on Custom definitions.
3. Click the Create custom dimensions button.
4. Let's register the link_text parameter. Fill out the fields:
5. Click Save.

Repeat this process for your link_url parameter. Once you've done this, and after data has had time to process, these dimensions will become available in your reporting, allowing you to slice and dice your event data in powerful ways.

You can find your new event data in the Reports > Engagement > Events report. Click on your download_case_study_click in the list to drill down and see the data for the Custom Dimensions you registered.

Final Thoughts

By using Google Tag Manager, you can create detailed event tracking for any button or link on your website without writing code. This empowers you to gather meaningful data, understand how users are interacting with your site, and make informed decisions to improve your business outcomes. The process we just walked through can be replicated for any user interaction you want to measure.

Of course, tracking events in GA4 is just one piece of the analytics puzzle. The ultimate goal is understanding how these interactions connect to your sales and marketing results. At Graphed, we help you simplify that next step. We connect to all your data sources - like Google Analytics, Shopify, Salesforce, and Facebook Ads - and use AI to build dashboards instantly. Instead of navigating complex reports, you could simply ask, "show me which of our download_case_study_click events led to the most revenue in Shopify this quarter," and get an answer in seconds, giving you the real-world impact of your efforts.