GOOGLE TAG MANAGER: DAS TOOL ZUR VERWALTUNG VON CODE-SCHNIPSELN

Stellen wir uns einmal einen Vater vor, der seinem Sohn ein besonderes Geschenk machen möchte: ein Werkzeugkoffer mit 250 Teilen. Erst nach und nach wird der Sohn die Funktion der einzelnen Komponenten nachvollziehen und nutzen können. Zwar erahnt er die Nützlichkeit des Geschenks, kann jedoch mangels konkreter Einsatzmöglichkeiten zunächst nur wenig damit anfangen. Was all das mit dem Google Tag Manager zu tun hat? Eine ganze Menge!

Wenn du deine Webseite anhand der modernsten Tracking-Standards steuern und analysieren willst, braucht es oftmals Anpassungen des Quellcodes. Doch längst nicht jeder hat die geschulte Hand dafür, um das auch „einfach so“ vornehmen zu können. Genau hier kommt der Google Tag Manager ins Spiel!

Die Suchhelden zeigen dir, was hinter diesem digitalen Analyse-Werkzeug steckt, welche Vorteile sich aus der Benutzung ergeben und worauf speziell zu achten ist.

WAS BIETET MIR DER GOOGLE TAG MANAGER?

Das Tool reiht sich ein in eine Vielzahl an Services und Gadgets, die Google vor allem Webseitenbetreibern zur Verfügung stellt. Der Google Tag Manager ersetzt sozusagen einen Programmierer, denn damit lassen sich alle relevanten Analyse-Tools leicht integrieren. Hier die wichtigsten Funktionen:

Integration von Webanalyse-Skripten in die eigene Webseite – ohne Programmierkenntnisse
Einbindung von Code-Schnipseln, etwa für Google Analytics, in den Quellcode der Seite
Hinterlegung des Google Tag Manager Containers auf der Webseite, um ständige Anpassungen zu vermeiden

Das Besondere: Webseiten weisen unterschiedlich viele Unterseiten und Verzeichnisse auf. Es gilt, diese ganzheitlich mit in die Webanalyse zu integrieren. Ohne die intuitiven Funktionen des Google Tag Managers müsste nun kleinteilig und sehr mühselig auf jeder Seite ein Code-Schnipsel eingebracht werden.

DIESE KOMPONENTEN PRÄGEN DEN GOOGLE TAG MANAGER

Der Werkzeugkasten, der erstmals im Oktober 2012 von Google vorgestellt wurde, macht Webtracking auch ohne spezielle IT-Kenntnisse möglich. Es ist sozusagen die leicht bedienbare Nutzeroberfläche, die alle relevanten Schritte übernimmt (u. a. Code-Integration in den Seitenquellcode). Damit bleibt mehr Zeit für das Wesentliche. Dank des Google Tag Managers braucht es dafür keinen ständigen Eingriff in den Quellcode, sondern nur eine einmalige Änderung – Anpassungen zu einem späteren Zeitpunkt werden automatisch für alle Seitenbestandteile umgesetzt.

Hier die wichtigsten Einzelteile, aus den sich der Google Tag Manager zusammensetzt:

CONTAINER

Hier werden sämtliche Tags und Skripte abgelegt, sie werden mit Wirkung für die gesamte Webseite in den Quellcode integriert. Über den Google Tag Manager lassen sich Regeln (Trigger) festlegen, die dazu führen, dass bestimmte Tags nur in genau definierten Fällen ausgeführt werden. Sämtliche Änderungen und Anpassungen, die den Quellcode und Code-Schnipsel betreffen, lassen sich nach einmaliger Quellcode-Integration nun über den Google Tag Manager steuern.

TRIGGER

Wann genau ein Tag (Skript) ausgeführt wird, wird mit dem Trigger (Regeln) festgelegt. So lassen sich bestimme Maßnahmen zum Tracking von Conversions auf einzelnen Seiten ausstellen, wohingegen Analytics-Funktionen sämtliche Seitenbestandteile umfassen.

VARIABLEN

Informationen, die zu bestimmten Zeitpunkten aggregiert gespeichert werden, finden sich in den Variablen. Im Zusammenspiel mit Tags und Trigger ist somit eine Steuerung möglich. Der Google Tag Manager liefert vordefinierte Variablen, welche die Nutzung erleichtern.

DATA LAYER

Hier werden sämtliche Daten hinterlegt, sodass der Google Tag Manager diese automatisiert auslesen kann. Je nach Verwendungszweck der Seite (E-Commerce, etc.) sind komplexere Strukturen gegeben, sodass mittels des Data Layers eine kompakte Weitergabe an Tools wie Google Analytics möglich ist.

DIESE VORTEILE BIETET DER GOOGLE TAG MANAGER DIR ALS WEBSEITENBETREIBER

Google nutzt unzählige Parameter und Aspekte, um die SERPs zu optimieren und Usern ein relevantes Ergebnis zu präsentieren. Das Unternehmen legt deshalb größten Wert auf eine saubere Seitenstruktur, die möglichst die Daten zur Verfügung stellt, die es dazu braucht. Allerdings gibt es durch den Einsatz mehrerer Tracking-Codes mitunter Probleme – die sich durch Gebrauch des Google Tag Managers jedoch lösen lassen.

Hier sind die wichtigsten Vorzüge und Vorteile des Tools:

Automatische Überprüfung neu integrierter Tags auf die korrekte Einbindung in den Quellcode. Das macht keine zeitaufwendigen Tests nötig
Kompaktes, einheitliches Laden verschiedener Tracking-Codes – verbesserte Ladezeit der Webseite (Rankingfaktor!)
Saubere Quellcode-Struktur der Seite, d.h. ein besseres Auslesen ist möglich

Einfache, intuitive Steuerung auch für Webmaster ohne besonderes Know-how oder Erfahrung
Keine Änderungen unmittelbar am Quellcode notwendig

Kurzum: Der Google Tag Manager verbindet alle möglichen Tracking-Codes, sichert deren Funktionalität und verhindert fehlerhafte Seiten durch die Steuerung mittels Interface. Es ist u. a. eine Tag-Blacklist integriert, sodass das Programm auch vor potenzieller Schadsoftware schützt.

STEP-BY-STEP ANLEITUNG

KONTO-EINRICHTUNG & INSTALLATION GOOGLE TAG MANAGER – ANLEITUNG

Wir zeigen dir, wie du in nur zwei Schritten dein kostenloses Google Tag Manager-Konto einrichten kannst.
Im Folgenden haben wir dir eine ausführliche und detaillierte Anleitung zusammengestellt.

1. KONTO EINRICHTEN

Gehe auf die Seite https://tagmanager.google.com/ und klicke auf die Kreisfläche, unter welcher „Hier klicken, um ein Konto zu erstellen“ steht.

Nun müssten Felder erscheinen, in welchen du beispielsweise deinen Kontonamen angeben musst.

Nachdem du alle geforderten Angaben eingegeben hast, klickst du auf die blaue Fläche mit „Erstellen“ und erstellst somit dein Konto.

Jetzt musst du nur noch den Nutzungsbedingungen zustimmen. Dafür setzt du unten das Häkchen und klickst oben auf „Ja“.

Google Tag Manager: Neues Konto Hinzufügen

Google Tag Manager: Unternehmensnamen Hinzufügen

3. EINRICHTUNG EINES TAGS

Mithilfe verschiedener Tag-Konfigurationen können detaillierte Berichte zum Verhalten der Zielgruppe erstellt werden. Mit Google Tag Manager können Sie den Code in unzähligen Konfigurationen verwenden. Organisiere dies von Anfang an in einer einheitlichen Struktur, denn dies spart dir Zeit mit dem erweiterten Verwaltungstool. Google empfiehlt, alle Tags nach ähnlichen Schemata zu benennen. Definiere beispielsweise die folgenden Regeln und befolge beim Benennen immer die Regeln: Tag-Typ-Anwendungsname-Detailinformationen. Anschließend kann deine Codekonfiguration als "Ads Conversion-iOS-Campaign 2020-08" oder "Google Analytics-CTA-About Us Page" bezeichnet werden.

Auf diese Weise kannst du Daten für eine bestimmte Kampagne oder Seite korrekt identifizieren und aufzeichnen: Das Tag "Google Analytics-CTA-Über uns" gibt beispielsweise Auskunft darüber, wie oft auf die Handlungsaufforderung "Über uns" geklickt wird. Wenn du dem Code einen allgemeineren Namen zuweisen würdest, wie z. B. "CTA-Schaltfläche", könnten diese wertvollen Informationen möglicherweise verloren gehen.

IN 10 EINFACHEN SCHRITTEN ZUR ERSTEN TAGERSTELLUNG:

1. SCHRITT: IM GOOGLE TAG MANAGER NEUES TAG HINZUFÜGEN

Klicke auf den Druckschalter ,,Neues Tag hinzufügen“ auf dem Dashboard des Tools.

2. SCHRITT: BETITELN DES TAGS

Benenne deinen Tag und klicke anschließend auf die Schaltfläche ,,Tag Konfiguration“ und wähle somit einen Tag-Typ aus.

3. SCHRITT: DEN TAG-TYP WÄHLEN

Nicht alle Tag-Typen werden dir hier gezeigt, da es viel zu viele sind. Wenn du etwas in Analytics tracken willst, wähle hier den ersten Tag-Typen:

Google Tag Manager: Neues Tag Hinzufügen

Google Tag Manager: Benutzeroberfläche zeigt Optionen zur Tag- und Triggerkonfiguration

Google Tag Manager: Auswahlmenü für Tag-Typen

4. SCHRITT: DEN TRACKING-TYP AUSWÄHLEN

Wenn du Tags in Google Analytics verfolgen möchtest, musst du zunächst deiene Web-Property-ID als Variable eingeben, welche du in deinem Google Analytics-Konto findest. Anschließend kannst du neben vielen anderen Optionen den Tracking-Typ "Seitenansicht" auswählen.

5. SCHRITT: IM GOOGLE TAG MANAGER TRIGGER AUSWÄHLEN

Wähle hiernach einen Trigger. Dieser bestimmt, wann das Tag aufgenommen werden soll, z. B. "Wenn jemand die Seite besucht". Wenn du "Alle Seiten" auswählst, werden bei jedem Besuch der Website Informationen erfasst. Deine Wahl sollte jedoch von deinem Zweck abhängen.

6.SCHRITT: NICHT VERGESSEN ZU SPEICHERN!

Wenn du mit deiner „Tag-Konfiguration“ soweit einverstanden bist, klicke auf den Druckschalter „Speichern“ und speichere deine Aktion.

Google Tag Manager: Auslöser „All Pages“

Google Tag Manager: Tag Konfigurator Und Trigger

7. SCHRITT: AKTIVIERUNG DES TAGS

Erst nachdem du auf den Druckschalter „Senden“ klickst wird das Tag aktiviert.

8. SCHRITT: ERSTELLEN UND VERÖFFENTLICHEN DER VERSION

Nachdem du auf "Senden" geklickt hast, wird die Seite "Konfiguration senden" geöffnet. Es gibt zwei Möglichkeiten: "Version veröffentlichen und erstellen" oder "Version erstellen". Wenn du bereits Tags in die Webseite einbetten möchtest, wähle „Veröffentlichen und Version erstellen" und klicke auf die blaue Schaltfläche "Veröffentlichen" in der oberen rechten Ecke.

9. SCHRITT: BENENNEN UND BESCHREIBEN DES TAGS

Schließlich erscheint der Dialog "Beschreibung der Containerversion". Um das Etikett besser zu organisieren, kannst du hier einen Namen und eine Beschreibung hinzufügen, um den Zweck dieses Etiketts zu verfolgen.

10. SCHRITT: JETZT BIST DU FERTIG

Dein Tag sollte jetzt im Bericht "Versionszusammenfassung" angezeigt werden, der den Prozess der Tag-Erstellung abschließt.

Google Tag Manager: Erstellung Und Veröffentlichung Tag

Google Tag Manager: Auswahl Name und Beschreibung für eine Container-Version

4. EINBINDUNG DES GOOGLE TAG MANAGERS IN GOOGLE ANALYTICS

Wenn du Google Tag Manager und Google Analytics zusammen verwenden möchtest, musst du einige Schritte ausführen. Der Aufwand lohnt sich jedoch, da durch das Einbetten von Tags die Genauigkeit von Analytics-Berichten verbessert wird.

Dazu musst du zuerst den Google Analytics-Code von deiner Website entfernen. Wenn du beide Codes gleichzeitig verwendest, wird alles im Bericht wiederholt und deine Daten sind nicht mehr einfach zu interpretieren. Daher solltest du nur den Google Tag Manager-Code einbetten.

Wir empfehlen außerdem, eine Variable für die Google Analytics-Tracking-ID zu erstellen. Variablen sind ein Tool von Google Tag Manager, mit dem du andere (optionale) von dir bereitgestellte Daten speichern und so die Effizienz verbessern kannst.

Du kannst z.B. die GA-Tracking-ID als Variable speichern, damit du die ID nicht erneut nachschlagen musst, wenn du ein neues Label für Google Analytics erstellst.

IM FOLGENDEN HABEN WIR FÜR DICH EINE ANLEITUNG MIT 5 SCHRITTEN WELCHE DIR ERKLÄRT; WIE DU EINE VARIABLE IN GOOGLE TAG MANAGER ERSTELLST.

1. SCHRITT: KLICKE AUF „VARIABLEN“

Du findest "Variablen" im Menü auf der linken Seite der Google Tag Manager-Startseite.

2. SCHRITT: DEFINIERE EINE NEUE VARIABLE

Klicke unter ,,Benutzerdefinierte Variablen“ auf „Neu“.

3. SCHRITT: VARIABLEN BETITELN

Benenne deine Variable und klicke anschließend auf die Schaltfläche ,,Variable konfigurieren“.

Google Tag Manager: Suchleiste zeigt "Benutzerdefinierte Variablen"

Google Tag Manager: Bildschirm mit leeren Variablenoptionen

4. SCHRITT: VARIABLENTYP WÄHLEN

Wähle als Variablentyp „Google Analytics-Einstellungen“, um Google Analytics hinzuzufügen vermeiden.

5. SCHRITT: ID EINGEBEN UND SPEICHERN

Gebe in der Tracking-ID deine Google-Analytics-Tracking-ID ein und speichere dies oben rechts. Jetzt kannst du alles Mögliche (Seitenaufrufe, Buttonklicks oder auch Scrolltiefen) mit dem Google Tag Manager tracken und die Daten werden dann automatisch nach Google Analytics weitergeleitet.

Google Tag Manager: Tracking-ID Speichern

FRAGEN UND ANTWORTEN IN BEZUG AUF DEN GOOGLE TAG MANAGER

Zum Abschluss wollen wir den Mehrwert dieses Beitrags erhöhen und klassische Fragen aus dem Alltag aufwerfen. Hier findest du kurze, prägnante Antworten auf die wichtigsten Fragen unserer Kunden. Los geht’s!

BEEINFLUSST DER GOOGLE TAG MANAGER DIE LADEZEIT DER WEBSEITE?

Ja, aber in jedem Fall positiv. Anstatt jeden einzelnen Tag separat zu laden, werden diese im Google Tag Manager verknüpft und asynchron geladen. Das reduziert die Ladezeit, verbessert die Customer Experience und ist auch als SEO-Maßnahme nicht gerade unwichtig.

WIE WIRKT SICH DER GOOGLE TAG MANAGER AUF DIE KAPAZITÄTEN DES WEBSERVERS AUS?

Ein überladener Quellcode ist nicht nur schwierig auszulesen, sondern verlangsamt die Webseite teils enorm. In Zeiten von mobilen Webseiten und gesteigerten Ansprüchen des Users, alles schnell und kompakt zur Verfügung zu haben, ein großer Nachteil. Doch keine Sorge, denn mit dem Google Tag Manager wird ein intelligentes Zwischenspeichern möglich. Dadurch sinkt die Beanspruchung des Servers, was sich in schnelleren Rechenprozessen darstellt.

WIE STELLE ICH SICHER, DASS ALLE TAGS ÜBER DEN GOOGLE TAG MANAGER KORREKT AUSGELÖST WERDEN?

Das Programm stellt dafür u. a. eine Debugging-Konsole zur Verfügung. Hiermit lässt sich jedes einzelne Tag separat prüfen. Zudem gibt es einen leicht bedienbaren Vorschau-Modus sowie ein Regelsystem, mit dem du jederzeit die Kontrolle über das Auslösen der Tags behältst. Bestimmte Vorlagen, etwa für HTML- oder Image-Tags, vereinfachen das Ganze zusätzlich.

Noch Fragen? Einfach mal durchrufen – wir helfen gerne weiter! Andere, spannende Themen rund um Online-Marketing, SEO und Co. Findest du im SUCHHELDEN Blog bzw. unserem Lexikon. Reinschauen lohnt sich!

JETZT KOSTENLOS & UNVERBINDLICH ANFRAGEN