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:
- What is trigger
- How it's configured
- The inner workings of what triggers do
Default Trigger Setting
- 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.
<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.
- Click URL
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.