Variable im Google Tag Manager (GTM)

Eine Variable im Google Tag Manager (GTM) ist ein Platzhalter, der dynamische Werte enthält, die zur Laufzeit des Trackings erfasst und verwendet werden können. Diese Werte können auf unterschiedlichste Weise definiert sein: Sie können direkt von der Website stammen, von Benutzerinteraktionen abhängen oder von externen Quellen abgerufen werden. Variablen sind essenziell, um flexible und wiederverwendbare Tracking-Setups zu erstellen, da sie es ermöglichen, Daten kontextabhängig zu erfassen und weiterzuverarbeiten.

Wozu braucht man Variablen im Google Tag Manager?

Variablen helfen dabei, dynamische Informationen zu sammeln und weiterzuverarbeiten. Sie werden beispielsweise benötigt, um:

• Benutzerinteraktionen (z. B. Klicks, Formular-Eingaben) zu erfassen und weiterzugeben.
• Page-Metadaten (z. B. URL, Referrer) zu nutzen.
• Consent-Zustimmungen (Marketing, Statistik) zu tracken.
• Session-bezogene Informationen (z. B. Session-IDs) zu speichern.
• Konfigurationen (z. B. Tracking-ID) dynamisch zu steuern.

Durch die Nutzung von Variablen können Tracking-Setups mit weniger Aufwand aktualisiert und erweitert werden, da dieselbe Variable in mehreren Tags, Triggern und Regeln verwendet werden kann.

Arten von Variablen im Google Tag Manager

• Integrierte Variablen (Built-In Variables)
  • Diese Variablen sind von GTM vordefiniert und müssen nur aktiviert werden. Beispiele:
    • {{Page URL}} – Gibt die vollständige URL der aktuellen Seite zurück.
    • {{Click Text}} – Gibt den Text des angeklickten Elements zurück.
    • {{Scroll Depth}} – Erfasst, wie weit der Nutzer auf der Seite gescrollt hat.
• Benutzerdefinierte Variablen (Custom Variables)
  • Wenn die vordefinierten Variablen nicht ausreichen, können benutzerdefinierte Variablen erstellt werden, darunter:
    • JavaScript-Variable: Führt benutzerdefinierten JavaScript-Code aus.
    • Datenebenen-Variable (Data Layer Variable): Holt Informationen aus der Data Layer.
    • Cookie-Variable: Holt den Inhalt eines bestimmten Cookies.
    • DOM-Element-Variable: Liest den Wert eines Elements auf der Webseite (z. B. Text von Überschriften oder Feldern).
    • URL-Variable: Extrahiert Informationen aus der URL (z. B. Parameter wie utm_source).
• Spezielle benutzerdefinierte Variablen
  • Regex-Variable: Dient zur Umwandlung von Werten mithilfe von regulären Ausdrücken.
  • Lookup-Tabellen-Variable: Ermöglicht die Erstellung von „Wenn-dann“-Logiken, z. B. „Wenn URL = X, gib Wert Y zurück“.

Technischer Einblick: So funktionieren Variablen

Eine Variable agiert wie ein Container für Werte. Sie ist eine Art Befehl, der, wenn er ausgeführt wird, zur Laufzeit (also in Echtzeit) einen bestimmten Wert zurückgibt. Wenn der GTM ein Tag ausführt, prüft er die Variablen, die diesem Tag zugewiesen sind. Variablen sind dabei „lazy loaded“ – das bedeutet, sie werden erst geladen, wenn sie tatsächlich gebraucht werden.

Beispiel – Aufbau einer benutzerdefinierten JavaScript-Variable:

function() {
  return document.title;
}

Diese Variable gibt den Titel der aktuellen Seite zurück. Sie kann in jedem Tag oder Trigger im GTM verwendet werden.

Beispiel – Datenebenen-Variable:

• Datenebene

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  'event': 'purchase',
  'ecommerce': {
    'transaction_id': '1234567890', // Eindeutige ID der Transaktion (z. B. Bestellnummer)
    'affiliation': 'Online Shop', // Name des Shops oder der Kampagne (optional)
    'value': 99.99, // Gesamtbetrag der Transaktion (inkl. Steuern und Versand)
    'currency': 'EUR', // Währung der Transaktion
    'tax': 15.99, // Steuerbetrag der Transaktion
    'shipping': 4.99, // Versandkosten der Transaktion
    'coupon': 'BLACKFRIDAY', // Verwendeter Gutscheincode (falls vorhanden)
    'items': [
      {
        'item_name': 'Produktname 1', // Name des Produkts
        'item_id': 'PROD001', // Interne ID des Produkts
        'price': 49.99, // Preis pro Stück
        'quantity': 1, // Anzahl der gekauften Artikel
        'item_brand': 'Markenname 1', // Marke des Produkts (optional)
        'item_category': 'Kategorie 1', // Hauptkategorie des Produkts (optional)
        'item_category2': 'Unterkategorie 1', // Unterkategorie (optional)
        'item_variant': 'Rot', // Produktvariante (z. B. Farbe, Größe)
        'coupon': 'BLACKFRIDAY' // Gutschein, der für das Produkt verwendet wurde (optional)
      },
      {
        'item_name': 'Produktname 2',
        'item_id': 'PROD002',
        'price': 25.00,
        'quantity': 2,
        'item_brand': 'Markenname 2',
        'item_category': 'Kategorie 2',
        'item_variant': 'Blau'
      }
    ]
  }
});

• GTM-Variable:
  • Typ: Datenebenen-Variable
  • Name: ecommerce.value
  • Wert: 99.99

Die Datenebenen-Variable {{ecommerce.value}} gibt bei einem Kauf den Transaktionswert von 99,99 zurück.

Zwei Anwendungsfälle (Cases) mit praktischer Beschreibung

Case 1: Formular-Tracking
(Erfassung der E-Mail-Adresse beim Absenden)

Ziel:

Erfassen der E-Mail-Adresse, die in einem Formular eingetragen wurde, und Speichern als Variable.

Technische Umsetzung

• Formular mit einem Input-Feld:

<form id="signup-form">
  <input type="email" id="user-email" name="email">
  <button type="submit">Absenden</button>
</form>

• GTM-Konfiguration:
  • Variable erstellen:
    • Typ: DOM-Element-Variable
    • Auswahl: #user-email
    • Methode: Element-Attribut (oder Element-Text bei Textfeldern)
  • Trigger:
    • Typ: Formular-Absendetrigger
    • Bedingung: Wenn {{Form ID}} = signup-form
  • Tag:
    • Tag-Typ: Google Analytics 4 Ereignis
    • Event-Name: form_submit
    • Parameter: email = {{Variable, die die E-Mail zurückgibt}}

Ergebnis:

Wenn der Nutzer das Formular absendet, wird die eingegebene E-Mail-Adresse an Google Analytics 4 gesendet.

Case 2: UTM-Tracking mit URL-Parameter

Ziel:

Erfassen des UTM-Parameters utm_source, wenn ein Nutzer über eine bestimmte Kampagne auf die Seite kommt, und Speichern der Quelle in einer Variablen.

Technische Umsetzung

• URL mit UTM-Parameter:

https://example.com/?utm_source=facebook&utm_medium=cpc&utm_campaign=herbstaktion

1. GTM-Konfiguration:
   • Variable erstellen:
     • Typ: URL-Variable
     • Konfiguration:
       • Komponente: Query
       • Parametername: utm_source
   • Tag:
     • Tag-Typ: Google Analytics 4 Event
     • Event-Name: page_view
     • Parameter: utm_source = {{URL-Variable}}

Ergebnis:

Wenn ein Nutzer die Seite mit dem Parameter utm_source=facebook besucht, erfasst die URL-Variable {{utm_source}} den Wert facebook. Dieser Wert wird an Google Analytics 4 weitergegeben.

Zusammenfassung

Variablen sind essentielle Werkzeuge im Google Tag Manager, da sie es ermöglichen, dynamische Werte zu erfassen und zu verwenden. Sie sorgen dafür, dass Trackings flexibel, anpassbar und wiederverwendbar sind. Ob zur Erfassung von URL-Parametern, zur Ausgabe von Formularwerten oder zur Nutzung von Informationen aus der Datenebene – Variablen sind überall im GTM unverzichtbar.

Wichtige Begriffe

Begriff	Bedeutung
Variable	Platzhalter für dynamische Werte, die zur Laufzeit abgerufen werden.
Datenebene	Datenstruktur, in der Informationen über das Nutzerverhalten gespeichert werden.
DOM-Element	Inhalte oder Attribute von HTML-Elementen (z. B. Input-Felder), die abgefragt werden können.
URL-Parameter	Werte, die in der URL nach dem ? stehen, z. B. utm_source=facebook.
Lazy Loading	Variablen werden nur geladen, wenn sie tatsächlich gebraucht werden.

Fazit

Mit Variablen lassen sich komplexe Tracking-Setups im Google Tag Manager effizient und flexibel gestalten. Sie machen das Tracking skalierbarer, da einmal definierte Variablen in beliebig vielen Triggern und Tags verwendet werden können. Für die Erfassung von URL-Parametern, die Extraktion von Formularfeldern oder das Abrufen von Daten aus der Datenebene sind Variablen unverzichtbar.