{"id":120782,"date":"2023-06-28T17:50:24","date_gmt":"2023-06-28T12:20:24","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?post_type=documents&p=120782"},"modified":"2023-06-29T15:13:47","modified_gmt":"2023-06-29T09:43:47","slug":"track-custom-google-analytics-events-with-elementor","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/track-custom-google-analytics-events-with-elementor\/","title":{"rendered":"How to Track Custom Google Analytics 4 Events With Elementor?"},"content":{"rendered":"\n

Are you looking to track custom events with Google Analytics 4 using Elementor? With the Event Tracker extension of The Plus Addons for Elementor, you can easily track custom events beyond the GA4 Recommended events<\/a>.<\/p>\n\n\n\n

By tracking custom events, such as button clicks, form submissions, video plays, or any other user interactions specific to your website, you can gain deeper insights into how users engage with your content.<\/p>\n\n\n\n

To check the complete feature overview documentation of The Plus Addons for Elementor Event Tracker extension, click here<\/a>.<\/em><\/p>\n\n\n\n

Requirement  – This extension is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.<\/em><\/strong><\/p>\n\n\n\n

\n
LIVE WIDGET LINK<\/a><\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n

Note: To track Google events on your Elementor website you need to have Google Analytics or Google Measurement id installed on your website.<\/em><\/p>\n<\/blockquote>\n\n\n\n

<\/p>\n\n\n\n

Once you\u2019ve added the Google Measurement id, you can use buttons, forms or any custom links to track events. So, for instance, add a button widget on the page.<\/p>\n\n\n\n

1. Go to Advanced<\/strong> > Plus Extras : Events Tracker<\/strong>. <\/p>\n\n\n\n

2. Turn on the Google Analytics<\/strong> 4<\/strong> toggle.<\/p>\n\n\n\n

3. In the Event Type<\/strong> dropdown, select Custom<\/strong>.\u00a0<\/p>\n\n\n\n

4. In the Event Name<\/strong> field, you have to add your custom event name.<\/p>\n\n\n\n

\"event<\/figure>\n\n\n\n

5. Then, from the Event Properties<\/strong> section, you can add custom properties to the event.<\/p>\n\n\n\n

Open the item here you\u2019ll find two fields – <\/p>\n\n\n\n

Name<\/strong> – For adding a custom label to the event.<\/p>\n\n\n\n

Value<\/strong> – For adding a custom value to the event.<\/p>\n\n\n\n

You can click on the + ADD ITEM<\/strong> button to add multiple custom properties.<\/p>\n\n\n\n

Let\u2019s suppose we are promoting an affiliate product so we can add the affiliate network name and product name in the Name and Value fields respectively.<\/p>\n\n\n\n

7. Open the page in Chrome and turn on the Google Analytics Debugger extension. Reload the page and click on the button.<\/p>\n\n\n\n

\n

Note: Make sure your ad blockers are disabled, and you\u2019re not using brave browser. You can also <\/em>read steps to do if your debug view isnt working. <\/em><\/a><\/p>\n<\/blockquote>\n\n\n\n

<\/p>\n\n\n\n

8. Now go to your Google Analytics then go to Admin > DebugView, here you\u2019ll see the events live. You\u2019ll also see your custom events and their properties.<\/p>\n\n\n\n

\"google<\/figure>\n\n\n\n

Also, read How to Track Custom Facebook Events With Elementor<\/a>.<\/p>\n","protected":false},"author":25,"featured_media":120785,"parent":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","docs":[568,525],"class_list":["post-120782","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-event-tracker","docs-plus-extras"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/120782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=120782"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/120782\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/120785"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=120782"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=120782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

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<\/a> Chrome extension.\u00a0<\/p>\n\n\n\n