Deconstructing Google Tag Manager: Triggers

Video 2: Walking through click to call, form submission, and implementation strategy.

This is a follow up to Deconstructing What is Google Tag Manager

Welcome back! It's been a long road coming here to this post. Quick recap: Was hired this year to build full-time at Praxis Metrics, accomplished my 5 year goal of moving to Europe (Barcelona), and finally have a vision of the future.

What is a click?

A click-to-call is used as an example. Watch as we dive into the trigger to what it really does. Briefly you'll learn the following:

  1. What is trigger
  2. How it's configured
  3. The inner workings of what triggers do

Default Trigger Setting

Google Tag Manager Trigger Default

  • Page URL
  • mactches RegEx
  • .*

Simply put, Page URL is looking for "all" pages that have a period, star (.*) which means all URL on your domain. Regular Expression is outside the scope of this tutorial.

The period, star tells Tag Manager that this trigger can potentially fire on every page.

Finding HTML Elements

In the example, I'm looking for the click-to-call number. The most important part of Google Tag Manager help is really learning about the developer tools inside of Google Chrome.

Scroll down to the button, right click, and select "Inspect" to see what's under the hood of the website.

Google Tag Manager Inspect HTML Element

<a href="tel:2047745555">Click here to call us now at 1-204-774-5555.</a>

Contains the code of the Link Click feature and you want to target the href HTML element. Everything inside of the quotes is going to be put into the trigger field in Step 4.

When that's all said and done you'll have a trigger that's completed.

Google Tag Manager Click URL Phone Number

  1. Click URL
  2. Contains
  3. tel:2047745555

Google Tag Manager is enabled on #3 and it Fires On #4. These are the two pieces to every tigger that make it work. There's more to this tutorial, but I'll leave the rest for the video.