Don't have one? Create one ↗
The Happy TaggerThe Happy Tagger
← All courses

Variables

Read and shape data: built-ins, the dataLayer, the DOM, and lookup & RegEx tables.

13 lessonsBeginner–AdvancedSelf-paced
0 of 13 complete0%
Module 1

Beginner

5 lessons
  1. 1

    Built-in page variables

    Surface Page URL, Path, Hostname and Referrer as built-in variables.

  2. 2

    Constant variables

    Store a value once (like a Measurement ID) and reuse it across tags.

  3. 3

    Auto-Event Variables

    Read the clicked element's attribute with an Auto-Event Variable.

  4. 4

    URL & query variables

    Read UTM and other query parameters with the URL variable.

  5. 5

    JavaScript variable

    Read a global page variable (window.siteData) with a JavaScript variable.

Module 2

Intermediate

7 lessons
  1. 6

    Data Layer variables

    A rich, nested dataLayer, read it with dot-notation variables and a custom event.

  2. 7

    Scrape data from the DOM

    Product details live only in the markup, no dataLayer. Build variables that read them.

  3. 8

    Normalize DOM data

    Use a Custom JS variable to clean a messy price string into a number.

  4. 9

    Lookup Table variable

    Map a path to a page category with a Lookup Table variable.

  5. 10

    RegEx Table variable

    Bucket URLs into values with a RegEx Table variable.

  6. 12

    localStorage & sessionStorage

    Persist client-side state in web storage and read it with a Custom JS variable.

Module 3

Advanced

1 lesson
  1. 13

    Reshape data for GA4 (Custom JS)

    Map a messy order dataLayer into GA4's ecommerce items array with a Custom JavaScript variable.