How to Track Google Analytics 4 Events With Elementor?

Updated on June 27, 2024 by Editorial Team
Table Of Content

Are you looking to track Google Analytics 4 events on your Elementor website? Google Analytics 4 (GA4) provides enhanced tracking capabilities and valuable insights into user behaviour on your website. By tracking specific events, such as button clicks, form submissions, video plays, and more, you can understand how users interact with your site and make data-driven decisions to improve your online presence.

With the Event Tracker extension of The Plus Addons for Elementor, you can easily track Google events on your Elementor website.

To check the complete feature overview documentation of The Plus Addons for Elementor Event Tracker extension, click here.

Requirement  – This extension is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

To track Google events on your Elementor website you need to have Google Analytics or Google Measurement id installed on your website.

How to Find Google Measurement id

Log into your Google Analytics account and follow the steps –

1. Click on Admin.

Google measurement id 1

2. Click on Data Streams.

Google measurement id 2

3. Then click on the property you want to get the measurement id of.

Google measurement id 3

4. Then, you’ll find the Measurement id. Copy the id and save it in a notepad.

Google measurement id 4

Add Google Measurement id using The Plus Addons for Elementor

To add the Google Measurement id using The Plus Addons for Elementor follow the steps – 

Note: If you’ve added Google Analytics or Google Measurement id on your website using any other method or plugin then you don’t need to follow this step.

1. Go to The Plus Settings > Extra Options.

2. Scroll down to Google Analytics (Tracking) Id section and add the measurement id then click on the Save button.

Add google measurement id

Once you’ve added the Google Measurement id, you can use buttons, forms or any custom links to track the events. So, for instance, add a button widget on the page.

1. Go to Advanced > Plus Extras : Events Tracker

2. Turn on the Google Analytics 4 toggle.

3. In the Event Type dropdown, you’ll find two options – 

Recommended – For tracking the GA4 Recommended events.

Custom – For tracking custom events.

Here we’ll select Recommended

4. In the Select Event dropdown, you’ll find all the GA4 Recommended events.

Event tracker add google event

Select the event you want to track. Let’s suppose we want to track purchase events, so select Purchase from the dropdown.

5. Then from the Event Properties section, you can add custom properties to the event.

Open the item here you’ll find two fields – 

Name – For adding a custom label to the event.

Value – For adding a custom value to the event.

You can click the + ADD ITEM button to add multiple custom properties.

Let’s suppose we are selling multiple e-books so we can add the book name and value in the Name and Value fields respectively.

6. In Google Analytics 4 it can take up to 24 hrs to show the events in the analytics. So to check the event instantly to know if it is working or not, install the Google Analytics Debugger Chrome extension. 

7. Open the page in Chrome and turn on the Google Analytics Debugger extension. Reload the page and click on the button.

Note: Make sure your ad blockers are disabled, and you’re not using brave browser. You can also read steps to do if your debug view isnt working. all

8. Now go to your Google Analytics then go to Admin > DebugView, here you’ll see the events live. You’ll also see your event’s custom properties.

Llbbpeo8eepooyahjh1atdazjnf90jsi6sypiksefbufyysnswirm5ad2 zoc2suiexh86e2hl5ct71wpdkqnhvpb5v1jvldodpphd0qrnun5mmim lgwa533jbpvqq64uuvsk34ytryn 7lge13u2a how to track google analytics 4 events with elementor? From the plus addons for elementor

Also, read How to Track Facebook Pixel Events With Elementor.

OR
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]



    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website