This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Metronet Tag Manager

Description

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:

  • Easily add as many dataLayer variables per-post and per-page basis as needed.
  • 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.
  • Set up separate dataLayer variables for pages that aren’t posts or pages (like archives, etc).
  • Lets you easily add an HTML event handler to any content link with the GTM TinyMCE button in the WYSIWYG.
  • Lets you add your unique ID or a class to each content link with the GTM TinyMCE button in the WYSIWYG.

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 <?php do_action( 'body_open' ); ?> just after the <body> tag, and that’s it.

Note, If you are using WordPress 5.2. and up, contact your theme developer and ask them to insert <?php wp_body_open(); ?> just after the opening body tag of their theme. Here is some code to show the theme developer to make it compatible with Metronet Tag Manager.

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/

Filtering Variables

If you choose to place variable values inside percentage signs (e.g., %replace_test%), you can filter these as necessary.

Here’s an example:

add_filter( 'gtm_replace_test', 'gtm_replace_test', 10, 3 );
function gtm_replace_test( $total_match, $match, $post_id ) {
    return "replaced with content";
}

The filter name is gtm_ with the suffix of replace_test, since that content is inbetween the percentage signs.

Screenshots

  • Google Tag Manager account dashboard
  • Google Tag Manager Workspace
  • Recommended Google Tag Manager snippet
  • Google Tag Manager snippet inside the plugin

Blocks

This plugin provides 1 block.

  • Metronet Tag Manager

Installation

  1. Just unzip and upload the “metronet-tag-manager” folder to your ‘/wp-content/plugins/’ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Modify your theme’s header.php to include <?php do_action( 'body_open' ); ?> right after the opening <body> tag.
  4. Go to the plugin’s settings and input your Google Tag Manager data.

Note: if you are using WordPress 5.2. and up, contact your theme developer and ask them to insert <?php wp_body_open(); ?> just after the opening body tag of their theme. Here is some code to show the theme developer to make it compatible with Metronet Tag Manager.

For custom values, please see the filters section on GitHub.

FAQ

What is Google Tag Manager

Please refer to the Google Tag Manager FAQ.

What are dataLayer variables?

Please refer to the Google Tag Manager API reference.

What are dataLayer variables used for?

The data layer is an object that contains the information that you want to pass to Google Tag Manager. By setting up rules in Google Tag Manager, these variables can then be used to include the correct snippets or scripts – for example, when a certain button is clicked.

Can I have dynamic values?

Yes. For custom values, please see the filters section on GitHub.

Reviews

kɔnyasun 17, 2022
My go to when getting Google Tag Manager set up on a clients site. Very simple and have had no problems setting it up on any of my wordpress sites. I prefer this plugin over similar plugins due to its simplicity and has been more secure than others. While it is simple, don’t assume it can’t handle the bigger projects. It allows the more robust tracking methods and practices some clients need that other plugins simply don’t offer. Just be sure to follow the installation instructions and you will be good to go!
kɔnyasun 10, 2022
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.
liyasun 19, 2018 1 reply
I could not verifie the search console via tag manager using this plugin. It places the code in the wrong place. Maybe i did something wrong, but it’s something you should look in to.
kɔnyasun 5, 2017 1 reply
Simple, unobtrusive – great plugin. And whenver i see the name i always think “If young metro don’t trust you?”
zosun 3, 2016 1 reply
Turn on support for translation into other languages. Did the translation into Russian, could not to apply)
Read all 8 reviews

Contributors & Developers

“Metronet Tag Manager” is open source software. The following people have contributed to this plugin.

Contributors

“Metronet Tag Manager” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Metronet Tag Manager” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.5.5

  • Released 2023-06-24
  • Adding the ability to update header messages remotely.

1.5.4

  • Released 2019-07-16
  • Adding GTM dataLayer on search pages.

1.5.3

  • Released 2019-07-16
  • Added Beaver Builder compatibility.

1.5.2

  • Released 2019-05-24
  • Updating documentation.
  • Adding option to hide GTM data layer settings on posts/pages.

1.5.1

  • Released 2019-05-21
  • Added support for WordPress 5.2’s wp_body_open tag.

1.5.0

  • Released 2018-11-24
  • Added Gutenberg inline option for setting a dataLayer variable

1.3.0

  • Released 2018-07-25
  • Fixed a bug when saving and outputting Google Tag Manager snippets where an ampersand HTML entity was added to the output.

1.2.9

  • Released 2018-04-24
  • Fixed serious security issue. Please Update.

1.2.7

  • Released 2017-11-15
  • Fixing issues in the admin where HTML elements were escaped accidentally.

1.2.3

  • Updated 2017-08-10
  • Adding style element support

1.2.1

  • Updated 2017-05-02
  • Code cleanup and remediation by 10up

1.2.0

  • Updated 2016-11-08
  • Able to adhere to the new tag recommendations of inserting tag markup in the header and also after the body tag

1.1.0

  • Updated 2016-04-08
  • Improved sanitization for custom values
  • Added support for CloudFlare arguments in GTM code
  • Prevent non-filtered custom value from being outputted in the dataLayer

1.0.8

  • Updated 2016-03-25
  • Allow arrays/objects in dataLayer as JSON arguments

1.0.6

  • Updated 2015-08-20 – WordPress 4.3
  • Released 2015-04-03
  • Bug fix – Allow periods in datavariables to comply with GTM 2.0.

1.0.5

  • Updated 2014-12-11 – Ensuring WordPress 4.1 compatibility
  • Released 2014-09-11
  • Fixed anonymous function crashing PHP < 5.3 users

1.0.4

  • Released 2014-08-27
  • Fixed meta problem with datavariables showing up in areas where there aren’t posts or pages
  • Ensuring WordPress 4.0 compatibility

1.0.3

  • Released 2014-07-08
  • Migration to TinyMCE 4
  • Translations template

1.0.2

  • Released 2013-07-30
  • Documentation update

1.0.1

  • Released 2013-07-24
  • Fixing TinyMCE JavaScript issue

1.0

  • Initial release.