Variablen

Dynamische Inhalte mittels Variablen erfassen

Mit einem Tag können nicht nur feste Werte, sondern auch dynamische Informationen der Website erfasst bzw. übermittelt werden. Als Quellen können Inhalte von Cookies, dem Datalayer, DOM-Elementen oder URL-Parametern dienen. Im Folgenden erklären wir, wie die einzelnen Variablen-Typen gefüllt und anschließend genutzt werden.

Um Variablen zu konfigurieren, klicke im Menü auf tag manager und wähle den Unterpunkt Meine Variablen aus.

Cookie-Variable

Nutze die Cookie-Variable, um Werte von Cookies für das Befüllen von Tag-Parametern zu verwenden. Hierfür ist neben einem Namen für die Variable lediglich die Eingabe des Cookie-Namens erforderlich.

Datalayer-Variable

Die „dataLayer“ Variable ist ein Javascript Array, das von einem oder mehreren Tag Anbietern gleichzeitig verwendet wird, um u. A. Website-Events abzuspeichern. Üblicherweise ist der Name dieser Variablen „dataLayer“. Andere Namen sind theoretisch jedoch möglich. Du kannst dir den Inhalt der Variablen anzeigen, indem du in der Browserkonsole einfach den Namen der Javascript Variablen also z. B. „dataLayer“ eingibst.

dataLayer = [
  {
    'event': 'pageview',
    'category': 'Seite',
    'action': 'Startseite',
    'label': 'Übersicht',
    'value': 1
  },
  {
    'event': 'click',
    'category': 'Button',
    'action': 'Klick auf Button',
    'label': 'Mehr erfahren',
    'value': 2
  }
];

Mithilfe der Datalayer-Variablen können nun Datalayer verschiedenster Anbieter ausgelesen werden. Gib hierzu den Namen des Datalayers sowie den Namen der entsprechenden Variablen an.

In unserem Beispiel also z. B. „Name des Datalayers“=“dataLayer“, „Name der Datalayer Variablen“=“event“. Gibt es mehrere Variablen mit dem selben Namen, so wird die zuletzt gesetzte verwenden. Verschachtelte Objekte lassen sich mit einem Punkt (.) ansprechen. Also z. B. „produkt.preis“.

URL-Variable

Für die URL-Variable stehen zwei Optionen zur Verfügung: GET-Parameter und Query. Ist GET-Parameter ausgewählt, kann der Wert eines bestimmten GET-Parameters verwendet werden. Hierfür muss nur der Name des gewünschten GET-Parameters eingetragen werden. Ist Query ausgewählt, werden aus der URL alle Inhalte übernommen, die nach dem Fragezeichen enthalten sind. Dies kann hilfreich sein, wenn die Query keine Key-Value Paare enthält, sondern nur einen Wert wie z. B. ?sorted, ?print o. Ä..

Sind hingegen Key-Value Paare vorhanden und die Variable wird zum Setzen einer eigenen Dimension verwendet, so wird der Wert des bereits in der Dimension definierten URL Parameter automatisch gefunden und verwendet.

DOM-Variable

Bei DOM-Variablen muss zunächst das Element angegeben werden, aus dem der Wert bezogen werden soll. Das geht über die gewohnte Auswahl zwischen CSS Selektor, Element-ID und Element-Klasse.

Anschließend kann definiert werden, ob die Variable mit dem Text dieses Elements gefüllt werden oder ob der Wert eines Attributs aus diesem Element verwendet werden soll. Wird Attribut-Wert gewählt, muss der Attribut-Name angegeben werden. Hiermit ist es auch möglich, sogenannte „data-attributes“ auszulesen.

Konstante-Variable

Dies ist keine dynamische Variable. Vielmehr vereinfacht sie das Wiederverwenden von Informationen in beliebig vielen Tags. Praktisch ist dies zum Beispiel für Kontodaten und Zugangsschlüssel, die zur Identifizierung bei Diensten Dritter verwendet werden.

Custom-Variable

Die Custom-Variable ermöglicht es, anhand einer beliebigen Funktion, Werte auf Grundlage von JavaScript-Code zu berechnen und auszugeben. Damit können Variablen-Werte definiert werden, die nicht als Vorlagen zur Verfügung stehen. Sie bietet sehr viel Flexibilität, da selbst komplexe Logiken möglich sind, indem bestimmte Informationen aus dem DOM extrahiert, Berechnungen durchgeführt, verschiedene Informationen kombiniert und zurückgegeben werden.

Beispiele sind die Ausgabe des Timestamps, das Abrufen eines Formularfeldwerts, Währungsumrechnungen und die Generierung von Zufallswerten.

Variablen verwenden

Um eine Variable in einem Tag zu verwenden, muss die Variable im passenden Parameter des entsprechenden Tags ausgewählt werden. Hierbei stehen neben festgelegten Bezeichnungen integrierte Variablen zur Auswahl, die den Wert aus dem Element beziehen, auf den sich der Trigger bezieht. Zusätzlich können eigene Variablen verwendet werden, die aus den vier oben genannten Quellen befüllt werden können und abhängig vom gewählten Trigger sind.