Google Tag Manager Integration Assist

Der Google Tag Manager ist ein leistungsstarkes Tool zur Verwaltung und Integration von Tags auf deiner Website. Er wird verwendet, um verschiedene Skripte und Tracking-Codes schnell und einfach zu integrieren. Unsere Produkte, wie Assist, Einfache Sprache, Translate oder Access, lassen sich problemlos über den Google Tag Manager in deine Website einbinden. Hier findest du eine Schritt-für-Schritt-Anleitung, wie die Skripte in den Google Tag Manager integriert werden können. Der Ablauf ist für alle Produkte gleich, lediglich der Code unterscheidet sich.

Schritt 1: Im Google Tag Manager anmelden

1. Öffne den Google Tag Manager:
   Gehe zu "Google Tag Manager.

2. Melde dich an:
   Gib deine Google-Anmeldedaten ein, um auf dein Tag Manager-Konto zuzugreifen.
   Falls du mehrere Konten hast, wähle das entsprechende Konto aus.

Schritt 2: Einen neuen Tag erstellen

1. Wähle das richtige Container-Projekt:
   Falls du mehrere Container hast, wählen den Container aus, in dem du die Skripte einfügen möchten.

2. Gehe zu "Tags":
   Auf der linken Seite siehst du das Menü. Klicken auf "Tags".

3. Erstelle einen neuen Tag:
   Klicke auf den Button "Neu" (rechts oben). Dies öffnet das Fenster zur Tag-Erstellung.

Schritt 3: Den Tag konfigurieren

1. Klicke auf "Tag konfigurieren":
   Es öffnet sich eine Liste mit verschiedenen Tag-Typen.

2. Wähle den Tag-Typ "Custom HTML":
   Klicke auf "Custom HTML", um benutzerdefinierten HTML- und JavaScript-Code einzufügen.

Füge den JavaScript-Code ein:

Füge das Skript des jeweiligen Produktes, das du einbinden möchtest, in das Textfeld für den HTML-Code ein

Einfache Sprache:

<script async src="https://translate-cdn.eye-able.com/eye-able-translate.js"></script>

Translate:

<script async src="https://translate-cdn.eye-able.com/eye-able-translate.js"></script>

Access:

<script async src="https://access.eye-able.com/configs/YOURDOMAIN.com.js"></script>

Achte darauf, dass der Code korrekt eingefügt wird, ohne zusätzliche Leerzeichen oder Fehler.

Hinweis: Wenn die Übersetzungsmodule Einfache Sprache und Translate beide installiert werden sollen, sollte das Skript nur einmal eingebunden werden. Beide Module nutzen dasselbe Skript. 

Schritt 4: Trigger hinzufügen

1. Klicke auf "Trigger hinzufügen":
   Unter dem Feld für den HTML-Code gibt es die Option, einen Trigger hinzuzufügen. Trigger definieren, wann der Tag ausgelöst wird.

2. Wähle einen Trigger aus:
   Klicke auf den Button "Trigger auswählen" und wähle den Trigger "All Pages". Dies sorgt dafür, dass das Skript auf allen Seiten deiner Website geladen wird.

3. Alternative Trigger:
   Falls das Skript nur auf bestimmten Seiten ausgeführt werden soll, kann der Trigger angepasst werden, z. B. durch Auswahl von "Page View" oder durch Erstellen eines benutzerdefinierten Triggers.

Schritt 5: Tag speichern und veröffentlichen

1. Speichere den Tag:
   Klicke auf "Speichern", um deinen Tag zu speichern.

2. Veröffentliche den Tag:
   Klicke oben rechts auf "Submit", um deine Änderungen zu veröffentlichen.
   Es öffnet sich ein Fenster, in dem du eine Version der Änderungen beschreiben kannst (z. B. "Hinzufügen von Eye-Able-Skripten").
   Bestätige mit "Publish".

Schritt 6: Überprüfen und testen

1. Aktiviere den Vorschau-Modus: Gehe zurück zum Tag Manager und klicke oben rechts auf "Vorschau". Dadurch wird der Vorschau-Modus aktiviert.

2. Überprüfung auf deiner Website: Gehe auf deine Website und lade die Seite. Du solltest nun im Tag Manager einen Hinweis sehen können, dass der Tag ausgelöst wurde.

3. Verifiziere den Tag: Du kannst auch den Tag Assistant (Chrome-Erweiterung) verwenden, um sicherzustellen, dass der Tag korrekt ausgelöst wird.

4. Debugging: Wenn der Tag nicht wie erwartet funktioniert, kannst du im Vorschau-Modus detaillierte Informationen sehen und Fehler beheben.

Weitere Informationen

1. Google Tag Manager Dokumentation: Die offizielle Anleitung zur Verwendung des Google Tag Managers findest du hier: Google Tag Manager Dokumentation.

1. Custom HTML Tags: Weitere Details zur Verwendung von benutzerdefinierten HTML-Tags findest du hier: Custom HTML Tags im Google Tag Manager.

2. Tag Assistant (Chrome-Erweiterung): Zum Testen und Überprüfen von Tags kann die Tag Assistant-Erweiterung verwendet werden: Tag Assistant (Chrome-Erweiterung).