Google Tag Manager: Die Zentrale für Ihre Tracking- und Testing-Snippets

Wenn Sie externe Services in Ihr Webprojekt einbinden, um dessen Erfolg oder den gestarteter Werbekampagnen zu messen, müssen Sie normalerweise mit einer großen Zahl an Code-Snippets jonglieren. Das erfordert – zusätzlich zu einem gewissen Know-how in Sachen Programmierung – ein hohes Maß an Übersicht. Fehlt die Möglichkeit, direkt auf die Code-Basis zuzugreifen, muss für die Implementierung neuer Analyse- und Tracking-Dienste gar jedes Mal der verantwortliche Programmierer kontaktiert werden. Um dem zu begegnen, hat Google vor einigen Jahren den Google Tag Manager veröffentlicht, der die Einbindung verschiedener Codes erheblich vereinfacht.

Mit Google Tag Manager (GTM) veröffentlichte Google im Oktober 2012 das hauseigene Management-System zur Einbindung und Verwaltung von JavaScript- und HTML-Tags. Während die erste Version in erster Linie für die von Google entwickelten Lösungen Analytics, AdWords und DoubleClick konzipiert war, unterstützt der Tag-Manager seit Version 2 (2014) insbesondere dank der Veröffentlichung der offiziellen API eine immer größer werdende Zahl an Tags von Drittanbietern. Dabei ist Google Tag Manager nicht nur auf die Implementierung von Analyse- und Conversion-Tools beschränkt: Auch Remarketing- und Affiliate-Tags sowie die Snippets von Testing-Tools wie AB Tasty oder Mouseflow (Heatmap-Tool) lassen sich mithilfe der Google-Software in das gewünschte Webprojekt (Websites und mobile Apps) einbinden.

Auch bei der Nutzung von Google Tag Manager kommen Sie nicht gänzlich darum herum, direkt auf den Quellcode zuzugreifen. Im Gegensatz zur Snippet-Einbindung ohne Tag-Manager ist dieser Zugriff auf das HTML-Gerüst jedoch nur ein einziges Mal nötig: Gleich zu Beginn fügen Sie das sogenannte Container-Snippet in Form zweier kurzer Code-Abschnitte in Head- und Bodybereich ein – sämtliche weitere Implementierungen erledigen Sie im Anschluss über das Webinterface von Google Tag Manager. Das Container-Snippet fungiert als zentraler Ort, von dem aus alle Tags, die Sie über die Browseroberfläche konfigurieren, gesammelt ausgespielt werden. Auch spätere Änderungen an einem Snippet können direkt im Tag-Manager vorgenommen werden. Benötigen Sie ein Tag nicht mehr, löschen Sie dieses einfach aus dem Container.

Damit das Container-Snippet dafür sorgt, dass die gewünschten Nutzer-Interaktionen und Informationen erfasst und an die jeweiligen Services weitergegeben werden, müssen Sie in Google Tag Manager die passenden Tags und Trigger erstellen. Mit Variablen lassen sich diese beiden Grundelemente des Google-Tools zudem spezifizieren. Für alle drei Komponenten gibt es verschiedene vorgefertigte Muster – Sie können aber bei Bedarf auch eigene Einstellungen vornehmen. Welche Funktion Tags, Trigger und Variablen genau haben, zeigen die folgenden Kurzportraits.

Tags sind die zentralen Steuereinheiten des Tag-Managers von Google. Sie legen fest, welche Informationen an welche Dienste gesendet werden und liegen in Code-Form vor. Im Prinzip sind Tags also nichts anderes als die Snippets, die Sie eigentlich in den HTML-Code einbinden würden. Zusätzlich zu den Standard-Tags gibt es spezielle JavaScript-Tags, die nicht der Weiterleitung von Informationen dienen, sondern weitere Tags auslösen. Google Tag Manager lädt aber generell alle in einem Container enthaltenen Tags unabhängig voneinander und parallel zu anderen Elementen des Webprojekts. Durch einen intelligenten Caching-Mechanismus wird die Anzahl an Requests, die der Webserver zu diesem Zweck beantworten muss, optimiert.

Durch Trigger definieren Sie in Google Tag Manager, unter welchen Voraussetzungen ein bestimmter Tag ausgespielt werden soll. Konkret geht es dabei darum, welche Nutzeraktionen oder Ereignisse dazu führen, dass ein Code ausgeführt wird – diesen damit also „triggern“ (dt. „auslösen“). Dabei kann es sich beispielsweise um einfache Seitenaufrufe, geladene Fenster oder das Auftauchen von Fehlermeldungen, aber auch um aktive Klicks der Besucher auf eine bestimmte Schaltfläche handeln. Des Weiteren können Sie natürlich auch das Ausfüllen eines Formulars, die Anmeldung für den Newsletter oder das Anschauen eines Videos als Trigger für Tags festlegen. Es ist möglich, denselben Trigger für mehrere Tags einzusetzen.

Wenn Sie die Einstellungen für definierte Tags und Trigger noch verfeinern wollen, können Sie von den Variablen des Tag-Managers Gebrauch machen. Für Tags bieten Variablen die Möglichkeit, dynamische Werte zu erfassen. Sollen also beispielsweise in einem Onlineshop auch Informationen wie die Transaktionsübergabe oder die Übergabe der gekauften Produkte getrackt werden, lässt sich mithilfe von Variablen regeln. Bei Triggern verhält es sich ganz ähnlich – Variablen dienen dazu, die Auslöser zu spezifizieren: Während Sie mit einem Trigger lediglich definieren, dass ein Tag ausgeführt werden soll, sobald ein Seitenaufruf geschieht, können Sie mithilfe einer Variablen festlegen, um welche Seite(n) bzw. URL(s) es sich dabei genau handeln soll.

Der Google Tag Manager stellt aus diversen Gründen eine Bereicherung für jeden dar, der mit verschiedenen Tracking- und Analysetools arbeitet. Wir fassen die Vorzüge der Google-Software zusammen:

• Zwischenspeicherung von Tags minimiert Serveranforderungen und verkürzt Ladezeit des Webprojekts
• Allgemeine Verschlankung des Quellcodes
• Einfache, bequeme Einbindung und Verwaltung aller Tags über ein einziges Webinterface nach einmalig notwendigem Zugriff auf den Quellcode
• Dauerhafte Blockierung unerwünschter Snippets bzw. Snippet-Typen erhöht den Sicherheitsstandard Ihrer Website/App
• Diverse einsatzfertige Vorlagen für Tags, Variablen und Trigger verfügbar
• Automatische Überprüfung eingesetzter Tags im Vorschau- und Debugging-Modus
• Protokollierung aller Tag-Aktivitäten sowie aller Änderungen an den Google-Tag-Manager-Kontoeinstellungen

Wie lässt sich der Tag-Manager von Google nun genau für die eigene Website bzw. App nutzen? Da der Tag-Manager webbasiert ist, ist keine Installation notwendig – Sie erreichen die Oberfläche über jeden gängigen Browser. Auch Kosten fallen für die Nutzung nicht an, sodass Sie im Prinzip sofort loslegen können. Einzige Voraussetzung ist ein gültiges Google-Konto. Nutzen Sie bereits Dienste wie AdWords, Gmail oder Google Drive, haben Sie bereits ein Konto – andernfalls müssen Sie im ersten Schritt die Account-Erstellung aufrufen und ein solches erstellen, um Zugang zu Google Tag Manager zu haben.

Speichern Sie das neu angelegte Google-Analytics-Tag über die gleichnamige Schaltfläche und wählen Sie im auftauchenden Fenster „Tag speichern“. Den daraufhin vorgeschlagenen Tag-Namen können Sie unverändert übernehmen.

Drücken Sie auf „SPEICHERN“ und wählen Sie einen passenden Namen für den neuen Trigger.

Klicken Sie auf „VERÖFFENTLICHEN“, um die Live-Schaltung Ihrer ersten Tag-Container-Version abzuschließen.