Ronald Huereca

Marco Pereirinha

ruskinconsulting

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 some time to set these rules up. This implementation can either set a dataLayer variable in the dataLayer before the tag manager script is loaded or push an 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 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 per-post and per-page basis as needed.</li>
<li>The plugin already gives you six predefined dataLayer variables 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 an HTML event handler to any content link with the GTM TinyMCE button in the WYSIWYG.</li>
<li>Lets you add your 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, a slight customization is needed. WordPress doesn’t let you load scripts straight after the opening tag, 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 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

Integrate Google Tag Manager into your website.

George Stephanis

<a href="https://www.google.com/tagmanager/" title="Google Tag Manager" rel="nofollow ugc">You can sign up for a Google Tag Manager account here.</a>
This plugin makes it even easier to use Google Tag Manager, adding all the code itself — all you need to do is provide the Account ID!
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/KRvbFpeZ11Y?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>

Google Tag Manager

I know there's been a lot of frustration with this plugin in the past, but after making the plugin author aware of Google's change to how the Tag Manager scripts should be loaded, he's updated the plugin and it works great.

I've tested version 1.0.2 of the plugin by dynamically injecting a Google Analytics script through the Google Tag Manager (which didn't work properly in version 1.0.1) and it now works perfectly!

Works Great After Update

Does what it says, inserts just the GTM code at the right time at the right location.

Fell in love with the simplicity of this plugin, wonder why it does not show up in top when looking for GTM plugin for WP.

Had to mess around with so many other plugins before I found it. All other related plugins are too complex, and slows down the site as well. This plugin does what its supposed to do and nothing else :)

"LESS is MORE"

Kudos to the author for such a beautiful implementation.

One suggestion though, if there would have been a single "do_action" with some custom action, before printing the GTM code, could make it easier to add some custom JS variables, if needed, to pass along to GTM, rather than printing them at wp_head with priority 9.

Love it

The Google Tag Manager plugin adds a field to the existing General Settings page for the ID and outputs the javascript to make it work.

Metronet Tag Manager vs Google Tag Manager