Google Tag Manager for WooCommerce FREE

Description

Do you own WooCommerce shop and you want to track and analyze your customers’ activities?

This plugin push standard eCommerce information to GTM Data Layer.
Once this information is available in your GTM workspace you can plugin and use any tool available. Even if you are unsure yet which tool you would need or like to use.

Check live demo here (perform typical shop activities – add to cart, purchase – to see how events are triggered).

More information and documentation can be found here.

Example scenarios

  1. Measure eCommerce behaviors in Google Analytics (GA4 and legacy UA properties are supported)
  2. Track conversions from Facebook and/or Instagram campaigns
  3. Track conversions from Google Ads campaigns (requires PRO version)

Supported events

After the plugin is installed it automatically tracks the following events:

  • Add To Cart
  • Purchase

Which are a great base for conversion measurements and building sales funnels related to cart behavior.

Need more events? Checkout out PRO version in the official WooCommerce Marketplace.

Advantage over alternative solutions

Only single plugin needed

Without Google Tag Manager for WooCommerce plugin, you would need a separate plugin for each of those integrations. And each additional plugin may make your WordPress setup more complex.
With Google Tag Manager for WooCommerce, all data is sent in standardized Google format to GTM and everything else is configured there.

Reporting consistency

A common problem when trying to use other GTM and Google Analytics plugins is that data can be sent twice corrupting analytics reporting. Using DataLayer is a standard way to ensure your tracking information stays consistent.

Cookies opt-in

Using GTM and dataLayer allows to build more complex scenarios, such as only processing the data after obtaining user consent. Other plugin directly pipe events into target system no matter if required permission was given or not. This is a more advanced scenario that requires manual changes in Google Tag Manager, but out-of-box support may be added in this plugin in future.

Screenshots

  • Google Tag Manager for WooCommerce settings and GTM snippets
  • eCommerce results in GA4 property
  • eCommerce results in Universal Analytics property
  • add_to_cart event captured in GTM debugger
  • purchase event captured in GTM debugger
  • How to import the provided GTM container?
  • GTM workspace tags after importer provided JSON file

Installation

  1. Upload or install Google Tag Manager for WooCommerce plugin from WordPress plugins directory.
  2. Activate the plugin through the Plugins menu in WordPress.
  3. That’s it! If GTM is already implemented in your WordPress your eCommerce data will be pushed to GTM DataLayer. If not head to Settings > Google Tag Manager and paste in GTM snippets.
  4. Go to your Google Tag Manager workspace and define what you want to do with the tracked data. We know that settings up the GTM workspace may be cumbersome. That’s why the plugin comes with a GTM container presets that you can import to your GTM workspace to create all required Tags, Triggers, and Variables in few simple clicks.

How to use JSON file with GTM container?

In order to perform such import go to Settings > Google Tag Manager and scroll down. There is a link to the JSON file with the GTM container. Save it as a JSON file on your computer.

Then in GTM go to the Admin panel of your workspace. Click Import Container. Choose the container file you have just downloaded. Decide which workspace it should go to. Then select Merge and Overwrite conflicting tags, triggers and variables. as import options.
Hit Confirm to create tags, variables, and triggers for pushing Ecommerce events to the GA4 property.

The last step is to define GA4 Measurement ID. Go to Variables find a variable with the GA4 Measurement ID name, click to edit it. Then paste your GA4 Measurement ID in the Value field.

If you are importing UA Compatible preset you can find the tracking ID in the UA Settings variable.

If you are importing Facebook Pixel preset you can find the tracking ID in FBP Pixel ID variable.

Save and submit all the changes to make it live.

You can find more detailed guides here.

FAQ

How to inject GTM tracking snippet?

By default this plugin push eCommerce information to the GTM DataLayer object that can be installed by other plugins or directly in the theme code.
It can also embed GTM snippets, go to settings to configure it.

How to setup my GTM tags and triggers now?

We know that settings up the GTM workspace may be cumbersome. That’s why the plugin comes with GTM container presets that you can import to your GTM workspace to create all required Tags, Triggers, and Variables.

See the Installation tab above or our guides for details.

What eCommerce events are supported?

This version of the plugin supports just purchase and add_to_cart events.
Our PRO version available in the official WooCommerce Marketplace here supports more.

Is GA4 and Universal Analytics supported?

Yes! You can use GA4 and UA in any combination. Just use the appropriate preset available in the settings screen of the plugin. You can use both at the same time as well.

The plugin always emits events in GA4 compatible format, but the UA preset contains a compatibility tag that additionally emits UA compatible events.

Reviews

Disyembre 23, 2020
Setting up eCommerce tracking for GA4 has been such a headache. This plugin made it so simple! And I cannot say enough good things about the team, excellent support.
Read all 2 reviews

Contributors & Developers

“Google Tag Manager for WooCommerce FREE” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.9.3

  • switch the monitoring API to edge endpoints for performance gains

1.9.2

  • improve add_to_cart JS not to be blocked by other scripts (click vs submit)
  • link to the new version of the theme validator

1.9.1

  • show presets versions
  • WordPress code styling applied

1.9.0

  • tested with most recent versions of WordPress and WooCommerce
  • moved purchase data into top level ecommerce property
  • added Tag Concierge Monitoring integration

1.8.1

  • tested with most recent versions of WordPress and WooCommerce

1.8.0

  • fix handling taxes
  • introduce filters to customize events and properties
  • Theme Validator enhancements

1.7.0

  • move injecting dataLayer down in wp_footer hook to allow loading jQuery in the footer
  • safeguard add_to_cart event when non-product is loaded in the page
  • tools for verifying tracking: Event Inspector & Theme Validator

1.6.0

  • rework settings with tabs
  • renamed the plugin to match PRO version
  • presets in a grid for easier discovery and download
  • supported events settings

1.5.8

  • remove settings tabs

1.5.7

  • added missing file

1.5.6

  • release correct version

1.5.5

  • fixed critical bug

1.5.4

  • introduce Theme Validator that allows for remote tracking debugging
  • improve jQuery callbacks

1.5.3

  • Rely on core WordPress and WooCommerce hooks to cover more themes

1.5.2

  • Update documentation

1.5.1

  • Update documentation
  • Facebook Pixel preset!
  • Remove depratacted UA setting
  • Update internal UUID for downloading presets

1.5.0

  • Allow more complex GTM presets, UA compatible preset available!
  • Fix order items without categories

1.4.4

  • Force initializing dataLayer variable
  • Fix products without categories

1.4.3

  • Fix PHP 7.2 compatibility issue
  • Fix add_to_cart on single page

1.4.2

  • Fix embedding JS for DOM Ready triggers

1.4.1

  • Fix missing JS file

1.4.0

  • Replace JSON file with external GTM preset generator

1.3.1

  • Fix missing GTM container JSON file

1.3.0

  • Fixed settings sections
  • Provide a GTM container to import in a workspace

1.2.0

  • Document possible UA compatibility feature

1.1.0

  • Fix disabling plugin

1.0.0

  • Initial version