Torben Lundsgaard

TLA Media

GTM Kit

GTM Kit puts the Google Tag Manager container code on your website so that you don’t need to touch any code. It also pushes data from WooCommerce, Easy Digital Downloads (EDD) and Contact Form 7 to the data layer for use with for Google Analytics 4, Facebook and other GTM tags.
The goal of GTM Kit is to provide a flexible tool for generating the data layer for Google Tag Manager. It is easy to use and doesn’t require any coding, but it allows developers to customize the plugin as needed.
<h3>eCommerce events tracked with Google Analytics 4</h3>
The following GA4 events are automatically included in the dataLayer:
<h3>WooCommerce</h3>
<ul>
<li>view_item_list</li>
<li>select_item</li>
<li>view_item</li>
<li>add_to_wishlist [Premium]</li>
<li>add_to_cart</li>
<li>view_cart</li>
<li>remove_from_cart</li>
<li>begin_checkout</li>
<li>add_shipping_info</li>
<li>add_payment_info</li>
<li>purchase</li>
<li>refund [Premium]</li>
<li>order_paid [Premium]</li>
</ul>
Unlock all features with <a href="https://woocommerce.com/products/gtm-kit-woo-add-on/" rel="nofollow ugc">GTM Kit Woo Add-On</a>.
<h3>Easy Digital Downloads</h3>
<ul>
<li>view_item</li>
<li>add_to_cart</li>
<li>begin_checkout</li>
<li>purchase</li>
</ul>
<h3>Flexible container implementation</h3>
Depending on how you use Google Tag Manager you can delay the loading of the container script until the browser is idle. This may be relevant to you be if are focusing on pagespeed.
You may enter a custom domain name if you are using a custom server side GTM (sGTM) container for tracking. It’s also possible to specify a custom loader. GTM Kit has full support for Stape server GTM hosting.
You can also exclude specific pages from GTM entirely. Add URL patterns on the Container settings page and GTM Kit holds back the container, the noscript fallback, and its data layer scripts on matching pages. Useful for third-party checkout iframes, partner-hosted subpages, and in-app webview routes that run their own tracking. Glob patterns are supported by default, with optional regex for advanced matching.
<h3>Post data</h3>
You may specify which post data elements you wish to include in the dataLayer for use in Google Tag Manager. 
– Post type: include the type of the current post or archive page. 
– Page type: include a defined page type. I.e. post, page, product, category, cart, checkout etc. 
– Categories: include the categories of the current post or archive page. 
– Tags: include the tags of the current post or archive page. 
– Post title: include the post title of the current post. 
– Post ID: include the Post ID of the current post. 
– Post date: include the post date. 
– Post author name: include the post author name. 
– Post author ID: include the post author ID.

GTM Kit – Google Tag Manager & GA4 integration


That plugin was exactly what we've been looking for and testing a couple of paid extensions. This one is super easy to configure and gives the data we exactly needed.



EDD integration is a blast!


Simple, yet effective


We are using the GTM Kit plugin integrated with the Easy Digital Downloads plugin, and it's been working very well for us!



Recently, we faced an issue with the GA4 reports where some purchase events were missing. We immediately reached out to the support team, and they provided a quick fix.



Now it is working fine with EDD.



Thank you!!


Great Solution & Support

Google Tag Manager and GA4 integration. Including WooCommerce data for Google Analytics 4 and support for server side GTM.

Ronald Huereca

Marco Pereirinha

ruskinconsulting

Leon Hitchens

Integrate Google Tag Manager into your website.
The great thing about Google Tag Manager (GTM) is that you are able to gather most of your tracking scripts in one place. You can then fire these scripts whenever you want, specified by the rules you set up. This sounds great, right? Well it is. The only problem is that sometimes it takes a bit of implementing to set these rules up. This implementation can either be setting a dataLayer variable in the dataLayer before the tag manager script is loaded, or pushing a HTML event handler with the variable “event” to the dataLayer when a button is clicked. The problem is that this isn’t always that easy to do when you don’t have the ability/access to add the code to your site.
This is where the Metronet Tag Manager plugin shines. It really unlocks the power of the dataLayer so you can easily set macros and firing rules on almost any element.
This plugin lets you:
<ul>
<li>Easily add as many dataLayer variables on a per-post and per-page basis as you need.</li>
<li>The plugin already gives you six predefined dataLayer variables that you can change/remove or test the system with. These will be loaded on all pages and posts.</li>
<li>Set up separate dataLayer variables for pages that aren’t posts or pages (like archives etc).</li>
<li>Lets you easily add a HTML event handler to any content link with the GTM TinyMCE button in the WYSIWYG.</li>
<li>Lets you add your own unique ID or a class to each content link with the GTM TinyMCE button in the WYSIWYG.</li>
</ul>
Please note that for this plugin to work there is a slight customization that is needed. WordPress doesn’t let you load scripts straight after the opening tag which is where the GTM script needs to be placed to work correctly. To fix this you need to add <code><?php do_action( 'body_open' ); ?></code> just after the <code><body></code> tag and that’s it.
<blockquote>
Note, if you are using WordPress 5.2. and up, contact your theme developer and ask them to insert <code><?php wp_body_open(); ?></code> just after the opening body tag of their theme. Here is some code to <a href="https://gist.github.com/ronalfy/6b7f43e70e644320aba67d1876a0aeff" rel="nofollow ugc">show the theme developer to make it compatible with Metronet Tag Manager</a>.
</blockquote>
Please let us know if you have any feature requests or if you have any issues with this plugin.
Below are a couple of resources you might find valuable if you are new to Google Tag Manager
Official Google Tag Manager website 
https://developers.google.com/tag-manager/
Tracking Google Analytics Events with Google Tag Manager 
http://moz.com/ugc/tracking-google-analytics-events-with-google-tag-manager
Make Analytics Better with Tag Management and a Data Layer 
http://cutroni.com/blog/2012/05/14/make-analytics-better-with-tag-management-and-a-data-layer/
<h3>Filtering Variables</h3>
If you choose to place variable values inside percentage signs (e.g., %replace_test%), you can filter these as necessary.
Here’s an example:
<pre><code>add_filter( 'gtm_replace_test', 'gtm_replace_test', 10, 3 );
function gtm_replace_test( $total_match, $match, $post_id ) {
 return "replaced with content";
}
</code></pre>
The filter name is <code>gtm_</code> with the suffix of <code>replace_test</code>, since that content is inbetween the percentage signs.

Metronet Tag Manager

Simple, unobtrusive - great plugin. 

And whenver i see the name i always think
"If young metro don't trust you?"

This plugin is awesome

The plugin is helpful with installing Google Tag Manager. Works on WordPress multisite websites. The plugin is simple, straightforward, and more secure than a simple "insert headers or footers" plugin. 

Easily Add GTM to any Website

Integrate Google Tag Manager into  your website.

GTM Kit – Google Tag Manager & GA4 integration vs Metronet Tag Manager