How to track button clicks on Google Analytics
You’ve done it! Hours and hours of work have finally come to an end and your brand new website or mobile app is now live. Much like a first-time parent, you want to show off your new ‘baby.’ But will this pride and joy of yours truly be successful? And how will visitors engage with your site? Are the clicking points too tricky for them to find? Do they scroll down to the desired point on a page? Are users navigating between pages in the way you intended them? These interactions are known as events in Google Analytics. Granted, there are many different kinds of events, but in this article, we’re talking about button clicks when we refer to events. Web developers and business owners need to know the answers to the questions mentioned above. You see, understanding the success rate of these events helps you build a strong, reliable website that users find easy to navigate and achieves the desired result. Before we discuss tracking button clicks, let’s first figure a few things out: Is there any other software that I need to familiarize myself with before I can track button clicks? What are some examples of button clicks that can be followed? Which of these events or buttons are the most important ones I should follow? How do I start tracking them? So then, let’s begin with familiarizing ourselves with the software. Google Tag Manager Source: Pexels.com Google tag manager is a Tag Management System (TMS) developed by Google and originally released in 2012. At the time of writing, the most up-to-date paid version of this software is Tag Manager 360, while the free version, Google Tag Manager, would be more suitable for small businesses. This software allows users to configure and immediately use tags on a given website. The free Google Tag Manager account boasts multi-user support, rule-based triggers, and support for Google and Non-Google Tags. However, it has a limit of three workspaces available for simultaneous tagging projects. Take the time to read about tag manager and study its features before setting up your event tracking parameters. (1) Pro tip: Tag manager works best when used in conjunction with Google Chrome, so make sure you adjust your browser settings if needed. What are some button clicks that I could track with Google tag manager? Source: Pexels.com Depending on the nature of your business and the design of your website or app, there will be various button clicks available for tracking. If you have an e-commerce web page, you will focus your button tracking on call-to-action events. You want to track how many users follow through with a purchase or how far they browse on your site before they lose interest. Name your buttons appropriately – Add to cart / Get it now / Subscribe / Book Now / Submit button. By using the tag configuration setting in your Tag Manager, you’d be able to name each button click and understand your website visitors better. Not all websites would be tracking the same user clicks. That is because pages and apps are designed with different reasons in mind. A blog post geared heavily toward advertising would be tracking outbound link clicks or perhaps file downloads. You’d also want to track video engagement so you could set up an event tag that would let you know which video’s have success on your page and adjust accordingly. Source: Pexels.com How do I set up the tracking? Once you’re familiar with the Google Tag Manager, you can use it to track your button clicks. It’s a bit of a process to set it up, but the same steps are used for any new tag or click event you’ll set up in the future, so it’s not too painful. Here’s a step-by-step guide. Enable click variables in Google Tag Manager Once you’ve logged in to your Google Tag Manager workspace, navigate to variables and click on configure. Tag manager has a selection of built-in variables to choose from and they will appear on the pop-up page. For example, you can choose from any or all of the following: Click element Click Classes Click ID Click Target Click Url Click Test Pay attention to your selection here, as Tag Manager uses this to identify the click parameters for each button you intend to track. Configure Click elements as Triggers You now need to configure these click elements to create a trigger. Do that by navigating to triggers in your tag manager workspace. Click on add new trigger, select all elements and click on all clicks. It’s helpful to select all clicks at this stage, even though you won’t necessarily want to track all button clicks during your data sampling in Google Analytics. This is because you need to first identify the unique parameters of the individual button you intend to track. You can come back to this step later on and adjust as needed. Set a variable for the button click to be tracked Google tag manager workspace will now give you the option to preview the changes you’ve just made. Preview mode is a convenient feature in Tag Manager as it allows you to browse a site and preview all the changes you’ve made before you hit save and the changes are published. You can then use this debugging feature to inspect the order in which your tags fired. So, click on preview and then enter your domain URL values to begin the debugger. Your set button will then appear in the domain tab. Click on it. Once you click on it, you will see the debugger running. The debugger will then monitor all actions performed by the trigger fires. The intention of this exercise is to find and set parameters for each button click. Source: Pexels.com Adjust the trigger accordingly in Tag Manager Think of these triggers as listening to your website. It detects specific actions like submissions, button clicks, and page views. The trigger will then