2 Fragen zu Tagmanager

Im Google Tag Manager (GTM) kannst du Variablen in einem benutzerdefinierten JavaScript (Custom JavaScript) verwenden, indem du die GTM-Variablen innerhalb der Funktion referenzierst. Hier ist eine allgemeine Vorgehensweise: 1. **Erstelle eine benutzerdefinierte JavaScript-Variable**: - Gehe zu deinem GTM-Konto und wähle den Container aus. - Klicke auf "Variablen" und dann auf "Neue Variable". - Wähle "Benutzerdefinierte JavaScript-Variable". 2. **Schreibe den JavaScript-Code**: - Innerhalb des Code-Editors kannst du auf andere GTM-Variablen zugreifen, indem du die `{{VariableName}}`-Syntax verwendest. Diese Variablen werden automatisch in den entsprechenden Wert umgewandelt, wenn der Code ausgeführt wird. Beispiel: ```javascript function() { var myVariable = {{DeineVariable}}; // Ersetze 'DeineVariable' mit dem Namen deiner GTM-Variable // Füge hier deine Logik hinzu return myVariable; // oder ein anderer Wert } ``` 3. **Verwende die benutzerdefinierte Variable**: - Du kannst diese benutzerdefinierte JavaScript-Variable dann in Tags, Triggern oder anderen Variablen innerhalb deines GTM-Containers verwenden. Achte darauf, dass die Variablen, die du in deinem benutzerdefinierten JavaScript verwendest, zum Zeitpunkt der Ausführung verfügbar sind. Das bedeutet, dass sie vor der Ausführung des Scripts gesetzt werden müssen.

Um ein benutzerdefiniertes JavaScript im Google Tag Manager (GTM) so zu konfigurieren, dass es wartet, bis das DOM vollständig geladen ist, kannst du die folgende Methode verwenden: 1. **Tag erstellen**: Erstelle ein neues Tag im Google Tag Manager und wähle den Tag-Typ "Benutzerdefiniertes HTML". 2. **JavaScript-Code einfügen**: Füge deinen JavaScript-Code in das HTML-Feld ein. Um sicherzustellen, dass der Code erst nach dem Laden des DOM ausgeführt wird, kannst du den Code innerhalb eines `DOMContentLoaded`-Events einfügen. Hier ein Beispiel: ```javascript <script> document.addEventListener("DOMContentLoaded", function() { // Dein benutzerdefinierter JavaScript-Code hier }); </script> ``` 3. **Trigger hinzufügen**: Füge einen Trigger hinzu, der das Tag auslöst. Du kannst beispielsweise den Trigger "All Pages" verwenden, wenn der Code auf allen Seiten ausgeführt werden soll. 4. **Tag speichern und veröffentlichen**: Speichere das Tag und veröffentliche die Änderungen im Google Tag Manager. Durch diese Vorgehensweise wird sichergestellt, dass dein benutzerdefiniertes JavaScript erst ausgeführt wird, wenn das DOM vollständig geladen ist.