Google Tag Manager JavaScript Variables Are Not So Scary

Google Tag Manager JavaScript Variables Are Not So Scary
Estimated Reading Time: 4 minutes

Google Tag Manager (GTM) has a lot of out-of-the-box variables you can use to make tracking easier. You can grab CSS from the DOM, you can use a pre-existing data layer value, a YouTube video snippet, a scroll depth, or even customize your own situation on your website. Think of a variable as a Lego block: you can use it to summon any part of your website. 

There are a lot of user-defined GTM variables, including one called the (Global) JavaScript Variable. It’s commonly skipped, looked-at-confusedly, or just ignored. Not a lot of people know how to make it work for their tracking needs.

GTM >> Variables >> User-Defined Variables: New >> (Variable Configuration)

This particular variable will give you a VERY simple interface. There is only one field staring back at you.

So what do you do with this?

What is a Global Javascript Variable?

A Global JavaScript Variable can be a very short or a very long string (or path) of breadcrumbs to indicate a place on the page. Much like traversing the DOM in HTML. The artwork is similar to finding and illustrating CSS Selectors. It can be a couple of characters, or a long breadcrumb path with Hansel and Gretel’s phone number on it (work with me here…).

Where do I find a ‘Global Variable Name’?

You might’ve guessed, but we’re going to find this nugget of information by inspecting the page. It’s helpful if you highlight or hover over the selection of the page you want to target. Open the debugger however your operating system allows (such as right click and inspect page).

Within the debugger, navigate to the “Console” portion:

Scroll to the bottom of the Console, and type “Window” and then hit enter (you may have to hit ‘enter’ twice).

Click the arrow to the left of the word “Window”. This will drop-down everything we have to work with, and show you all of the good stuff.

How do I grab the value?

From here, any value you find (illustrated below in red) can be used as a GTM JS Variable. To capture the ‘Global Variable Name’ in a simple manner, right-click the value location you need. You can then ‘copy property path’ to your clipboard. I recommend pasting it into a Notepad or any sort of ASCII text file processor—this way you can examine the path and make edits if necessary (see below).

Example of grabbing the Global JS Path:

In this case, our “Global Variable Name value” would be copied to our clipboard, and read “document.URL”. 

This is the input you use in GTM:

This will produce a variable value of “http://infotrust.com/” —this value will appear exactly as you see it in red inside of the developer console.

NOTE: Occasionally, your path will have brackets around a number in the string. This is technically correct syntax; however, GTM does not recognize it. For example, if you copy the property path, and it reads “document.activeElement[1]this.that” you would simply remove the brackets, replace them with a period, and your path would read “document.activeElement.1.this.that

How can I use these values?

I’ll be releasing a blog soon on how to use Global JS Variables to do robust tracking. As an example, have you ever wanted to capture (in one click) a navigation selection, the main nav value, and the subnav value all at once? JS Vars can give you the navigation a user clicks, as well as the parent navigation, and even a parent above or child below that. You can even easily target sibling values as well (Hint: it uses a variable on the DOM called “Active Element”—I have found it to be much more reliable than using CSS Selectors for this type of tracking).

We’ll explore this next time and post a link to help you out! Happy tracking, everyone.

Have questions about your data?

The InfoTrust team of data analysts and consultants are here to help.

Author

Facebook
Twitter
LinkedIn
Email
Originally Published: October 27, 2021

Subscribe To Our Newsletter

May 2, 2022
Originally published on October 27, 2021

Other Articles You Will Enjoy

A Deep Dive into Google Analytics 4: What’s New and Improved

A Deep Dive into Google Analytics 4: What’s New and Improved

‘Tis the season for some new and improved Google Analytics 4 (GA4) features! Over the course of the next year, GA4 will be introducing…

3-minute read
App Install Attribution in Google Analytics 4: What You Need to Know

App Install Attribution in Google Analytics 4: What You Need to Know

App install attribution in Google Analytics for Firebase (GA4) is a feature that helps you understand how users discover and install your app. It…

6-minute read
Google Tag Best Practices for Google Analytics 4

Google Tag Best Practices for Google Analytics 4

After collaborating with several of my colleagues at InfoTrust including Bryan Lamb, Head of Capabilities, Corey Chapman, Senior Tag Management Engineer, Chinonso Emma-Ebere, Tech…

4-minute read
Beyond the Basics: Deep Dive into Google Analytics 4’s Bounce Rate, Engagement Rate, and Engaged Sessions

Beyond the Basics: Deep Dive into Google Analytics 4’s Bounce Rate, Engagement Rate, and Engaged Sessions

You’ve probably come across the notion that Google Analytics 4 (GA4) and Universal Analytics (UA) are distinct platforms, despite both being products of Google….

3-minute read
Understanding Data Migration and Retroactivity in Google Analytics 4: Your Questions Answered

Understanding Data Migration and Retroactivity in Google Analytics 4: Your Questions Answered

As we navigate the transition from Universal Analytics (UA) to Google Analytics 4 (GA4), questions about data migration, retroactivity, annotations, filters, and audience segments…

3-minute read
Unveiling the Mysteries of Google Tag: 10 Things You Need to Know

Unveiling the Mysteries of Google Tag: 10 Things You Need to Know

If you’ve recently stepped into the realm of Google Analytics 4 (GA4) and are scratching your head about the new kid on the block—Google…

4-minute read
Leveraging Attribution Models in Google Analytics 4 to Improve Your Marketing Strategy: Tips and Best Practices

Leveraging Attribution Models in Google Analytics 4 to Improve Your Marketing Strategy: Tips and Best Practices

In the dynamic landscape of digital marketing, understanding the customer journey is crucial for optimizing strategies and maximizing ROI. Google Analytics 4 (GA4) introduces…

5-minute read
Predictive Analytics in Google Analytics 4: How to Use Machine Learning to Forecast User Behavior and Outcomes

Predictive Analytics in Google Analytics 4: How to Use Machine Learning to Forecast User Behavior and Outcomes

Google Analytics 4 (GA4) is embracing the power of machine learning by incorporating predictive analytics within the platform so that you can use your…

7-minute read
How Does BigQuery Data Import for Google Analytics 4 Differ from Universal Analytics?

How Does BigQuery Data Import for Google Analytics 4 Differ from Universal Analytics?

All Google Analytics 4 (GA4) property owners can now enable ‌data export to BigQuery and start to utilize the raw event data collected on…

2-minute read

Get Your Assessment

Thank you! We will be in touch with your results soon.
{{ field.placeholder }}
{{ option.name }}

Talk To Us

Talk To Us

Receive Book Updates

Fill out this form to receive email announcements about Crawl, Walk, Run: Advancing Analytics Maturity with Google Marketing Platform. This includes pre-sale dates, official publishing dates, and more.

Search InfoTrust

Leave Us A Review

Leave a review and let us know how we’re doing. Only actual clients, please.