{"id":41775,"date":"2025-09-01T19:08:43","date_gmt":"2025-09-01T16:08:43","guid":{"rendered":"https:\/\/coma.lv\/2025\/09\/01\/how-to-add-event-tracking-in-google-analytics\/"},"modified":"2025-09-01T19:08:43","modified_gmt":"2025-09-01T16:08:43","slug":"how-to-add-event-tracking-in-google-analytics","status":"publish","type":"post","link":"https:\/\/coma.lv\/en\/2025\/09\/01\/how-to-add-event-tracking-in-google-analytics\/","title":{"rendered":"How to Add Event Tracking in Google Analytics"},"content":{"rendered":"\n

Would you like to track user activity while they are still on your site? You can track page views, referral sources, the time a user spends on a page and much more simply by installing Google Analytics, but for deeper results you will need event tracking. In this article we will show you how to add Google Analytics event tracking in WordPress.<\/p>\n

What Is Event Tracking<\/h2>\n

Event tracking lets you measure user actions on your site. These actions can be clicks on buttons, video plays, file downloads, form submissions and so on. Say you added a video to a product page and want to find out how effective it is in terms of conversion. Event tracking lets you find out how many users played the video. Another example is AJAX-based form submissions. If you use Gravity Forms or another contact plugin, submitting a form does not turn into a new page view. Using event tracking, you can see how users interacted with the form. The same applies to file downloads: you can track how many users downloaded a file using event tracking, and even which button on the page was clicked most often. Event tracking differs from link tracking in Google Analytics. All of this lets you see how people behave on your site. This in turn lets you choose the right strategy for sales and conversions based on user preferences.<\/p>\n

Getting Started<\/h2>\n

Before you start, you will need to set up and install Google Analytics on your site.<\/p>\n

Important:<\/strong> In 2023 Google fully shut down Universal Analytics<\/strong> and moved all users to Google Analytics 4 (GA4)<\/strong>. The old analytics.js<\/code> code no longer works.<\/p>\n

If your site’s code still contains something like:<\/p>\n

\n<script>\n  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){\n  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),\n  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)\n  })(window,document,'script','https:\/\/www.google-analytics.com\/analytics.js','ga');\n\n  ga('create', 'UA-XXXXX-Y', 'auto');\n  ga('send', 'pageview');\n<\/script>\n<\/code><\/pre>\n
\n
\u2014 this is outdated Universal Analytics code<\/strong>, and it no longer collects data.<\/div>\n<\/div>\n
Instead, Google Analytics 4<\/strong> is now used on all sites. You can install the code directly or through Google Tag Manager.<\/p>\n
Example of the basic GA4 code:<\/p>\n
\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-XXXXXXXXXX\"><\/script>\n<script>\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n\n  gtag('config', 'G-XXXXXXXXXX');\n<\/script>\n<\/code><\/pre>\n
Creating Your Own Event in Google Analytics<\/h2>\n
Go to your GA4 profile and click the Admin<\/strong> link at the bottom of the left panel. If you have several sites, make sure you are viewing the dashboard of the site you need.<\/p>\n
\"WordPress\"<\/p>\n
In the Data display<\/strong> section choose Events<\/strong>. Here you can create your own events or edit existing ones.<\/p>\n
\"WordPress\"<\/p>\n
Click the Create Event<\/strong> button and set the conditions for the new event. For example, if you want to track a form submission, enter the event name form_submit<\/em> and specify the parameters that will be used to track this action on the site.<\/p>\n
\"WordPress\"<\/p>\n
After the event is created and has been recorded at least once, it will appear in the Events<\/strong> section on the Recent events<\/strong> tab. Here you can mark it as a Key Event<\/strong> (this is what used to be called a conversion<\/em>). After that the event will be shown on a separate Key events<\/strong> tab. If necessary, you can also mark the event as NPA (Non-Personalized Ads)<\/strong> so that it is not used for ad personalization.<\/p>\n
\"WordPress\"<\/p>\n
Adding onClick Event Tracking<\/h2>\n
The simplest and perhaps fastest way to add Google Analytics event tracking is to use the onClick<\/code> attribute. This method simply sends an event to Google Analytics when a user clicks an element. In this example we will track users who click a book download link. We will add an onClick parameter to the download link using this format.<\/p>\n
\nonClick=\"gtag('event', 'download', {\n  content_type: 'ebook',\n  content_title: 'Free Ebook'\n});\"\n<\/code><\/pre>\n
You will need to replace the type, name and label with those that match the conditions of your event. In the end the book download link will look like this:<\/p>\n
\n<a onClick=\"gtag('event', 'download', {\n  content_type: 'ebook',\n  content_title: 'Free Marketing Ebook'\n});\" \nhref=\"http:\/\/example.com\/wp-content\/uploads\/2025\/01\/free-ebook.pdf\">\n  Download Free Ebook\n<\/a>\n<\/code><\/pre>\n
When a user clicks the link, an event will be sent to Google Analytics.<\/p>\n
Important:<\/strong> in WordPress, some themes, plugins or security settings may block inline onClick<\/code>. To reliably track such clicks and avoid problems with blocking of inline onClick<\/code>, you can use Google Tag Manager<\/strong>, which we will cover next.<\/p>\n
Adding Event Tracking with Google Tag Manager<\/h2>\n
Google Tag Manager<\/a> is an online tool that lets you add various tracking codes as tags. You can use it to create tags for tracking events in your Google Analytics profile. The main advantage of using Google Tag Manager is that you will not need to add code to your site manually and you can manage all your tags from one place.<\/p>\n
*If your site already has the GA4 tracking code inserted, you do not have to remove it, but keep in mind that the same events may be duplicated.<\/p>\n
Once you have successfully added the Google Analytics tag to the tag manager, the next step is to create a new trigger. In this article we will use form submission tracking as the event. Click Triggers<\/strong> in the tag manager and then click the New<\/strong> button.<\/p>\n
\"WordPress\"<\/p>\n
You will land in the setup wizard, where you need to choose the event type \u2014 for example, Form Submission<\/strong>.<\/p>\n
\"WordPress\"<\/p>\n
In the trigger settings you can choose whether to fire it for all forms or only for some. If you have more than one form on the page and want to track a specific one, set up a filter by form ID or class. To do this, in the Variables<\/strong> section click Configure<\/strong> and enable the built-in variables Form ID <\/strong>and\/or Form Classes <\/strong>(and, if necessary, other form variables). In the trigger condition use, for example, Form ID equals contact_form_1<\/em> or Form Classes contains newsletter-form<\/em>, so that the tag fires only for the form you need.<\/p>\n
\"WordPress\"<\/p>\n
\"WordPress\"<\/p>\n
\"WordPress\"<\/p>\n
Note:<\/em> for forms that use AJAX, the standard Form Submission trigger often does not fire. In such cases you can use Custom Event<\/strong> for accurate tracking of a specific form. For ordinary forms, you can select a specific form by the ID or class of the <form><\/code>, specifying the corresponding condition in the trigger. For Contact Form 7 and other forms whose <form><\/code> has no ID or unique class, it is more reliable to use the form’s action<\/strong> attribute. In GTM add a condition using the Form Element<\/strong> variable with a matches CSS selector<\/strong> check and specify a value such as form[action=\"\/contacts\/#wpcf7-f42-p43-o1\"]<\/code>.<\/p>\n
\"WordPress\"<\/p>\n
You can find out the form’s ID, class or action through the browser inspector by looking at the id<\/code>, class<\/code> or action<\/code> attribute of the <form><\/code> tag.<\/p>\n
\"WordPress\"<\/p>\n
After that, create a new tag. In the tag manager click Tags<\/strong> and then the New<\/strong> button.<\/p>\n
\"WordPress\"<\/p>\n
Choose Google Analytics: GA4 Event<\/strong> as the tag type.<\/p>\n
\"WordPress\"<\/p>\n
\"WordPress\"<\/p>\n
If you have already inserted the Google tag on your site directly, you do not need to create a separate Google tag in GTM at this step. It is enough to create only the GA4 Event <\/strong>for the event you need.<\/p>\n
Specify the Google Analytics tracking ID (G-XXXXXXX). You can get it from your Google Analytics profile (go to Admin \u2192 Data collection and modification \u2192 Data Streams<\/strong>, choose your web stream and copy the Measurement ID<\/strong> in the upper right corner of the page).<\/p>\n
Then set the event name and parameters: specify the Event Name<\/strong>, and add the event parameters one at a time via Add parameter<\/strong>, entering values such as form_type = contact<\/code>, form_name = contact_form_1<\/code>, submitted = true<\/code>.<\/p>\n
\"WordPress\"<\/p>\n
For a form submission it will look like this:<\/p>\n
Event Name:<\/strong> form_submit<\/code><\/p>\n
Event Parameters:<\/strong><\/p>\n