This App uses Google Tag Manager to push event tagging to Google Analytics 4. During the installation you will create a Google Tag Manager account and import pre-built tags and variables. These tags will be able to push event tracking data to your Google Analytics 4 account.

Make sure you don't have any other Google Analytics or Google Tag Manager scripts on your site. Remove them before you start. Go to Admin → Settings → Search Engine Optimisation.

Also check your Header and Footer blocks. Go to Admin → Appearance → Theme Options

Setup the app called "Google Analytics Enhanced Ecommerce" in the Admin → App Store.

Follow these steps to get even more from integration of the store and Google Analytics.

The first thing to do, if it's not created yet, is to create a new "Google Tag" with the Google Analytics Measurement ID as "Tag ID" value. Example: G-XXXXXXXXXX. Then add the trigger "All Pages" to this tag.

Add your Google Analytics Measurement ID

How to find your Google Analytics Measurement ID

The next step is to create a new User-Defined Variable in Variables menu. The variable name is "Measurement ID EvoX", the variable type must be "Constant" and the value is the Google Analytics Measurement ID.
​
👍 Important: If the variable isn't named "Measurement ID EvoX" then your imports won't work. See above details.

Once we have the Google Tag and the new variable created, we can now start to import all the events or just the events that we need.

👍 Important: You have two options to choose from. Either you import all Events or you can simply choose the Events that you need. See the details below.

Use this if you are doing a new install from scratch.

👍 Important: Don't forget the publish your changes after importing

Download All Events: all_events.json

Go to Admin > Import Container

👍 Important: Always choose "Merge > Overwrite conflicting tags, triggers and variables".

Use this if you only need to add some Events. The Gif gives an example of how to import individual events. You can repeat the process for any number of events that you need to add to your container.

👍 Important: Don't forget the publish your changes after importing

👍 Important: Always choose "Merge > Overwrite conflicting tags, triggers and variables".

Events

Below are a list of events, the individual download files are contained at the end of this article.

👍 Important: Don't forget the publish your changes after importing

Tracking user interaction with your contact form is vital for understanding how effectively your website engages visitors. Here’s a quick guide to set up tracking for your contact form.

Step 1:

Navigate to appearance -> Layout and choose the page in which you want to add your contact form widget.

👍 Important: If you plan to feature multiple contact forms on your website—whether they're custom-designed or default templates—it's crucial to assign each a unique name in the 'Widget Name' field if you wish to identify them in Analytics.

Step 2:

Follow the guide above this section and import the contact form containers.

Download: contact_form_sent.json and contact_form_failed.json

Step 3:

All that's left to do is see the changes happening in Google Analytics.

If you wish to quickly check the feedback in Analytics, from the Home page go to Reports->Real-Time, scroll down and check under Events.

If you click on the event you should be able to see the Contact form name you used to identify the Widget.

In this case I named it 'Default Contact Form' but you can name it anything you'd like.

Download All Events container:

Download Container Files Individually:

add_payment_info.json

add_shipping_info.json

add_to_cart.json

add_to_quicklist.json

begin_checkout.json

no_search_results.json

purchase.json

quote_email_failed.json

quote_email_success.json

quote_request_failed.json

quote_request_success.json

remove_from_cart.json

select_item.json

view_cart.json

view_item_list.json

view_item.json

contact_form_failed.json

contact_form_sent.json

Check out our dedicated article