--- title: "How to Track Google Analytics 4 Events With Elementor?" url: https://theplusaddons.com/docs/track-google-analytics-events-with-elementor/ date: 2023-06-28 modified: 2026-09-28 lang: en author: "Aditya Sharma" description: "Google Analytics 4 is built around events. Out of the box it records page views and a handful of automatic interactions — not the specific clicks that matter on your..." image: https://theplusaddons.com/wp-content/uploads/2023/06/How-to-Track-Google-Analytics-4-Events-With-Elementor_-1024x536.jpg word_count: 1011 --- # How to Track Google Analytics 4 Events With Elementor? ## - The Event Tracker extension of The Plus Addons for Elementor sends a GA4 event with custom properties when a visitor clicks any Elementor widget. - The Plus Addons for Elementor Pro is required, and the extension stays off until Event Tracker is enabled under The Plus Addons > Extensions in the Plus Visibility group. - Google Analytics 4 setup requires a Measurement ID that starts with G-, saved under The Plus Addons > Settings > Analytics > GA4 Measurement ID, unless GA4 is already added by another plugin, Google Tag Manager, or a theme script. - GA4 tracking supports 31 recommended events, and the post says a checkout button can use Purchase while Event Properties send Name and Value pairs such as item_name / Elementor Handbook and value / 29. Google Analytics 4 is built around events. Out of the box it records page views and a handful of automatic interactions — not the specific clicks that matter on your own pages. The **Event Tracker** extension of The Plus Addons for Elementor sends a GA4 event, with your own properties attached, when a visitor clicks any Elementor widget. *To check the complete feature overview documentation of The Plus Addons for Elementor Event Tracker extension, [click here](https://theplusaddons.com/docs/event-tracker-settings-overview/).* ***Requirement - This extension is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-extras/ga4-event-tracker/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Before You Start - **Edition:** **Pro** — Event Tracker ships only in **The Plus Addons for Elementor Pro**. With the free plugin alone the **Events Tracker** section does not appear in the Advanced tab at all.- **Extension to enable:** **Event Tracker**, under **The Plus Addons > Extensions** in the **Plus Visibility** group. It is off until you turn it on.- **Prerequisite:** a GA4 Measurement ID on the site, saved under **The Plus Addons > Settings > Analytics > GA4 Measurement ID**. Without it the extension only logs a message in the browser console.- **Prerequisite:** something to click. The event fires on a click, so put the tracker on a button, a link, a form submit button or a video play button — not on a block of plain text. ## Find Your GA4 Measurement ID Skip this if you already have it. Meta and Google change their own screens from time to time. If yours does not match the screenshots below, follow their own guide — the steps inside The Plus Addons do not change. - Open [Google Analytics](https://analytics.google.com/analytics/web) and click **Admin**. ![The Admin link in Google Analytics](https://theplusaddons.com/wp-content/uploads/2026/09/google-measurement-id-1.webp) - Open **Data Streams**. ![Data Streams in the Google Analytics admin area](https://theplusaddons.com/wp-content/uploads/2026/09/google-measurement-id-2.webp) - Click the stream for the property you want. ![The list of data streams for a Google Analytics property](https://theplusaddons.com/wp-content/uploads/2026/09/google-measurement-id-3.webp) - Copy the **Measurement ID**. It starts with `G-`. ![The Measurement ID shown in the Google Analytics data stream details](https://theplusaddons.com/wp-content/uploads/2026/09/google-measurement-id-4.webp) ## Save the Measurement ID in The Plus Addons > *Skip this if GA4 is already on your site through another plugin, Google Tag Manager or a script in your theme. The popup says as much: add the ID here only if you have not added the GA4 code already.* - Go to **The Plus Addons > Settings** and scroll to the **Analytics** group.- Click the gear button on the **GA4 Measurement ID** card.- Paste the ID into the **Measurement ID** field and click **Save**. ![The GA4 Measurement ID popup in The Plus Addons Settings, under Analytics](https://theplusaddons.com/wp-content/uploads/2026/09/eventtracker-settings-ids.webp) ## Track a Click as a GA4 Event - Select the widget in Elementor and open the **Advanced** tab.- Scroll to the bottom and open **Events Tracker**.- Turn on **Google Analytics 4**.- Leave **Event Type** on **Recommended** to use Google's own event list, then pick one from **Select Event**. There are 31, from **Ad Impression** to **View Promotion**; the default is **Ad Impression**, so change it. For a checkout button, pick **Purchase**.- In **Event Properties**, open the item and fill in **Name** and **Value**. Use **+ Add Item** for more rows.- Update the page. ![Events Tracker with Google Analytics 4 on, Select Event set to Purchase and two Event Properties rows](https://theplusaddons.com/wp-content/uploads/2026/09/eventtracker-panel-ga4.webp) **Name** is the parameter GA4 will show against the event; **Value** is what it holds. Selling several e-books, for instance, you might send `item_name` / *Elementor Handbook* and `value` / *29*. ## Check That the Event Fires On the published page a click pushes the event, with its properties, and GA4 sends it on a few seconds later. This is what the browser actually did on a test page: ![dataLayer entries and the /g/collect request sent by a test page on click](https://theplusaddons.com/wp-content/uploads/2026/09/eventtracker-result-ga4.webp) To see it on your own property, GA4 has a live view. - Install the [Google Analytics Debugger](https://chromewebstore.google.com/detail/google-analytics-debugger/jnkmfdileelhofjcijamephohjechhna) Chrome extension and turn it on.- Reload your page and click the tracked element.- In Google Analytics, go to **Admin > DebugView**. The event appears within seconds, and opening it shows your properties. > *Turn ad blockers off and do not use a browser that blocks trackers by default, or the request never leaves. If DebugView stays empty, [this guide](https://www.analyticsmania.com/post/debugview-in-google-analytics-4-not-working/) lists the usual causes.* Outside DebugView, GA4 reports can take up to 24 hours to show a new event. ## Settings | Setting | What it does | Default | | ------- | ------------ | ------- | | **Google Analytics 4** | Sends a GA4 event on click, and loads gtag.js with your measurement ID. | Off | | **Event Type** | **Recommended** uses Google's event list; **Custom** lets you type your own name. | Recommended | | **Select Event** | One of 31 GA4 recommended events. Shown only when Event Type is **Recommended**. | Ad Impression | | **Event Properties** | Repeater of **Name** / **Value** pairs sent with the event. | one empty row | ## How It Behaves - The event is sent on a **click**, not on page load. GA4's own `page_view` is separate.- The property rows are sent as event parameters, one per row, named exactly as you typed them.- Turning the switch on anywhere on a page makes that page load Google's `gtag.js`.- GA4 batches requests, so the network request follows the click by a second or two rather than appearing instantly. ## Limitations - **Every GA4 event is recorded twice.** On a button the same link matches two of the extension's internal selectors, so one click pushes two identical events and the request carries both. Your GA4 counts for these events will be double. Meta events are not affected.- **On a container, only the first link is tracked.** If you put the tracker on a container holding three buttons, only the first one sends the event. Put the tracker on each button instead.- **A missing measurement ID is silent in the editor.** With the switch on and no ID saved, the only warning is a line in the browser console, and it points at an old menu path.- There is no way to send a numeric value typed as a number; every property value is sent as text. ## Troubleshooting ### DebugView shows nothing Check the measurement ID is saved under **The Plus Addons > Settings > Analytics > GA4 Measurement ID**, that the debugger extension is on, and that no ad blocker or tracking protection is running. ### The event appears but the properties do not Open the repeater item and check both **Name** and **Value** are filled in. An empty row sends nothing. ### Each click shows up twice That is the known double-fire above. The events are real; the count is doubled. ### Only one of several buttons is tracked The tracker is on the container rather than on the buttons. Turn it on for each button separately. ## Related Docs - [Event Tracker Settings Overview](https://theplusaddons.com/docs/event-tracker-settings-overview/)- [How to Track Custom Google Analytics 4 Events With Elementor?](https://theplusaddons.com/docs/track-custom-google-analytics-events-with-elementor/)- [How to Track Facebook Pixel Events With Elementor?](https://theplusaddons.com/docs/track-facebook-pixel-events-with-elementor/) ## Frequently Asked Questions **Q: What do I need before I can track Google Analytics 4 events with Elementor?** A: The key prerequisite is a GA4 Measurement ID saved in The Plus Addons for Elementor, plus the Event Tracker extension turned on. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH ships Event Tracker only in Pro, and without the Measurement ID it only logs a browser console message. You also need something clickable, like a button, link, form submit button, or video play button, because the event fires on click, not on page load. **Q: Why is my GA4 event not showing up in DebugView?** A: The usual blockers are a missing Measurement ID, the Google Analytics Debugger Chrome extension being off, or browser-level tracking protection. The page says to save the ID under The Plus Addons > Settings > Analytics > GA4 Measurement ID, then reload and click the tracked element. If ad blockers are active or the browser blocks trackers by default, the request never leaves the page, so DebugView stays empty even though the setup looks correct. **Q: Can I track a click on a button instead of a page view?** A: That is exactly what this extension is for. The Event Tracker extension of The Plus Addons for Elementor sends a GA4 event when a visitor clicks an Elementor widget, while GA4’s own page_view stays separate. That makes it better for actions that matter on-page, like a checkout button or a video play button. The event is sent after the click and GA4 may batch it by a second or two. **Q: Should I use Recommended or Custom event type in GA4 tracking?** A: Recommended is the safer default if you want to stay inside Google’s own event list. The page says Recommended uses Google’s event list and gives you 31 choices, from Ad Impression to View Promotion. Custom is there when you want your own event name instead. For common actions like purchase-related clicks, picking one of the recommended events keeps reporting aligned with GA4’s built-in naming. **Q: Why do my GA4 events appear twice when I click one button?** A: That double count is a known limitation of this setup. On a button, the same link matches two internal selectors in the extension, so one click pushes two identical events and GA4 counts them both. The page also notes that Meta events are not affected. If you care about clean counts for this specific action, expect GA4 totals to be doubled for those button clicks. **Q: How do I track several buttons on one section without missing any of them?** A: Put the tracker on each button separately instead of attaching it to the container. The limitation section says that if you place Event Tracker on a container holding three buttons, only the first link is tracked. That matters because container-level tracking can look fine in the editor but still miss clicks from later buttons. For multi-button layouts, individual widget tracking is the reliable setup.