How to Track Banner Clicks with Google Analytics

Populating your website with visually appealing banners is a great way to promote products or highlight key content, but just adding them isn't enough. To understand if your banners are actually working, you need to track when people click on them. This tutorial will walk you through exactly how to track banner ad clicks using Google Analytics, giving you the data you need to make smarter decisions about your site's design and promotions.

Graphed

Still Building Reports Manually?

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

Watch the Demo

Why Bother Tracking Banner Clicks?

Before jumping into the "how," it's important to understand the "why." Tracking banner clicks isn't just about satisfying your curiosity, it's about gathering actionable data to improve your website's performance. Here’s what you gain:

• Performance Measurement: Find out which banners are getting clicks and which are being ignored. A banner with a low click-through rate (CTR) might need a design refresh, a different call-to-action (CTA), or a new placement on the page.
• Understanding User Behavior: See how users interact with different promotional elements. Do they respond better to prominent hero banners at the top of the page or smaller, subtle banners in the sidebar? This insight guides future site layouts.
• A/B Testing: Data-driven tracking allows you to effectively test different banner designs. You can run two versions of a banner (e.g., with different colors, images, or copy) and see which one generates more clicks and conversions.
• Proving ROI: For a promotional or seasonal campaign, tracking banner clicks helps you attribute website traffic, user engagement, and even conversions directly to that specific banner, helping you calculate the return on your design efforts.

Without this data, you're essentially flying blind, making design and marketing decisions based on guesswork instead of facts.

The Easiest Method: UTM Tracking Codes

The simplest and most reliable way to track clicks on your internal banners is by using UTM parameters. If you've ever dealt with links from email marketing or social media campaigns, you've probably seen these before. They are little tags you add to the end of a URL to tell Google Analytics exactly where the click came from. It's the digital equivalent of putting a tag on something to know its origin.

What Are UTM Parameters?

UTM (Urchin Tracking Module) parameters are simple text snippets added to a URL. Google Analytics reads these tags and sorts the incoming traffic based on them. There are five main parameters, but for banner tracking, you'll mainly focus on three or four:

• utm_source: Identifies where the traffic is coming from. For an internal banner, this would be your own website. (e.g., utm_source=mywebsite)
• utm_medium: Explains the type of link used. For banners, a common choice is simply banner. (e.g., utm_medium=banner)
• utm_campaign: Gives a name to your specific campaign. This helps you group all related traffic together. (e.g., utm_campaign=summer_sale_2024)
• utm_content: This one is perfect for A/B testing or tracking multiple banners for the same campaign. Use it to differentiate which specific banner was clicked. (e.g., utm_content=homepage_hero_banner or utm_content=sidebar_promo_v2)
• utm_term: Mostly used for paid search to identify keywords, so you can generally ignore this one for internal banners.

Graphed

Still Building Reports Manually?

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

Watch the Demo

Step-by-Step: Setting Up Your First Tracked Banner

Let's walk through a practical example. Say you run an e-commerce store and want to add a banner to your homepage promoting a summer sale for sunglasses. The banner links to your sunglasses collection page: https://www.yourstore.com/sunglasses.

1. Define Your UTM Parameters

First, decide on clear and consistent names for your parameters. Simple, descriptive, and all lowercase is the way to go.

• Source: yourstore_website (Use your own website name so you know the traffic is internal)
• Medium: banner
• Campaign: summer_sale
• Content: homepage_hero_banner

2. Build the Full URL

Once you've defined your parameters, you need to assemble them into a working URL. You can do this manually, but it's much safer to use a tool to avoid mistakes. Google's Campaign URL Builder is perfect for this. You just plug in your original URL and your parameter values, and it spits out the final link.

Using our example, the resulting URL would be:

https://www.yourstore.com/sunglasses?utm_source=yourstore_website&utm_medium=banner&utm_campaign=summer_sale&utm_content=homepage_hero_banner

3. Implement the URL on Your Website

Now, take that shiny new URL and use it as the destination link for your banner. In most website editors (like WordPress, Shopify, or Wix), this is as simple as clicking the banner image and pasting the URL into the "Link" field.

If you're working with HTML directly, you'll place it in the href attribute of an <a> tag that wraps your image, like so:

<a href="https://www.yourstore.com/sunglasses?utm_source=yourstore_website&utm_medium=banner&utm_campaign=summer_sale&utm_content=homepage_hero_banner"> <img src="/images/summer-sale-banner.jpg" alt="Summer Sale on Sunglasses"> </a>

4. Test Your Link!

This is a critical step. Before you walk away, make sure your tracking works. Open a new incognito browser window (this prevents your own login state from affecting the test) and navigate to the page with your banner. Click the banner.

Then, head over to your Google Analytics 4 property. Go to Reports > Realtime. In one of the cards, likely titled "Views by User source, session source, or first user source," you should see the source and medium you just defined (yourstore_website / banner). This confirms GA4 is receiving the data correctly.

Graphed

Still Building Reports Manually?

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

Watch the Demo

Finding Your Banner Click Data in GA4

After your banner has been live for a day or two and has collected some clicks, you can dive into the reports to see its performance. The data from your UTM parameters gets neatly organized in your acquisition reports.

Navigating to the Right Report

1. In your GA4 property, go to Reports on the left-hand navigation menu.
2. Under the Life cycle collection, click on Acquisition > Traffic acquisition. This report shows you where your sessions are coming from.
3. By default, the report typically uses Session default channel group. Click the dropdown arrow and change the primary dimension to Session campaign.

You'll now see a list of all your campaigns. Look for the campaign name you set in your UTM code (e.g., summer_sale). The metrics in that row — like Users, Sessions, Engaged sessions, and Conversions — are all attributed to clicks on banners tagged with that campaign name.

Diving Deeper with a Secondary Dimension

What if you have multiple banners for the same campaign? Maybe a homepage banner and a smaller sidebar banner, both for the summer_sale. This is where the utm_content parameter comes in handy.

In the same Traffic acquisition report, click the small blue + icon next to the primary dimension dropdown. Search for and select Session ad content. This will add a second column that shows you the value from your utm_content tag. Now you can easily compare the performance of homepage_hero_banner versus sidebar_promo_banner side-by-side.

Graphed

Still Building Reports Manually?

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

Watch the Demo

Advanced Method: Tracking Clicks with Google Tag Manager

While UTMs are fantastic for most uses, there might be situations where you want more control or want to avoid long URLs. Google Tag Manager (GTM) allows you to track banner clicks as events without altering the destination URL at all. This method is a bit more technical but offers incredible flexibility.

The basic idea is to tell GTM: "When someone clicks on this specific banner element, send an event to GA4 called banner_click and include details about which banner it was."

GTM Tracking Setup in a Nutshell

1. Identify Your Banner: Use your browser's "Inspect" tool to find a unique identifier for your banner, like a CSS ID (e.g., id="homepage-promo") or a CSS Class.
2. Create a Trigger in GTM: Set up a "Click - All Elements" trigger. Configure it to fire only when the Click ID or Click Classes contains the unique identifier you found in step 1.
3. Create a Tag in GTM: Make a "Google Analytics: GA4 Event" tag. Give the event a name like banner_click. You can also add event parameters to send more context, such as banner_location with a value of "homepage" or campaign_name with a value of "summer_sale".
4. Link the Tag and Trigger: Attach the trigger you created to this new tag.
5. Preview, Test, and Publish: Use GTM's Preview mode to click on your banner and ensure the tag fires correctly. Once you've confirmed it works, publish your GTM container.

Event data from GTM will appear in GA4 under Reports > Engagement > Events. You can then build custom reports in the Explore section to analyze the performance of these click events in more detail.

Final Thoughts

Tracking your banner clicks in Google Analytics gives you a huge advantage by turning raw data into actionable insights. Whether you use the straightforward UTM method or graduate to the more flexible Google Tag Manager setup, you're empowering yourself to optimize your campaigns, improve user engagement, and prove the value of your visual content.

We know that digging through different reports in Google Analytics can sometimes feel like a chore, taking you away from the strategic work that really grows your business. At Graphed, we created our AI data analyst to handle this busywork for you. Instead of navigating menus, you can just connect your Google Analytics account and ask a simple question like, "Compare clicks on my homepage hero banner vs. my sidebar banner for the summer sale campaign." Our platform builds the report instantly, so you can get the answers you need in seconds and get back to making great marketing decisions.