Google Tag Manager: Installation, Bedienung & Analytics Setup

Google Tag Manager: Installation, Bedienung & Analytics Setup

In diesem Guide erklA�ren wir dir, wie du den Google Tag Manager auf deiner Seite installierst und welche Vorteile er mit sich bringt.

AuAYerdem installieren wir mit dir Google Analytics mit dem Google Tag Manager und erlA�utern warum es sinnvoll ist, dies zu tun.

AuAYerdem zeigen wir dir, wie du den Google Tag Assistant benutzt, um deine Tags auf FunktionalitA�t zu A?berprA?fen.

Tag_Manager_-_Analytics_Tag_Management___Google_Tag_Manager__GTM__–_Google

WAS IST DER GOOGLE TAG MANAGER?

GTMA�ist ein kostenloses Tool von Google, dass dir hilft Tags auf deiner Webseite zu implementieren, ohne dass du dabei zusA�tzlichen Code auf deiner Webseite einbinden musst.

Du kannst dir den GTMA�in etwa wie dasA�Content Management System deiner Webseite vorstellen. Du kannst Artikel schreiben, Bilder hochladen, A?berschriften und andere Texte in einer grafischen OberflA�che bearbeiten, ohne dass du den Quellcode deiner Webseite verA�ndern mA?sstest. Genauso funktioniert der Google Tag Manager fA?r Tracking Codes.

Du kannst damit jegliche Art von Conversion, Event Tracking, Analyse Tools und Remarketing Codes auf deiner Seite einbinden.

WAS SIND TAGS?

Tags sind kleine Code Schnipsel, die man auf einer Webseite einbindet, um Nutzerverhalten oder Traffic zu verfolgen. Einer der bekanntesten Tags ist Google Analytics.

Tags sammeln Daten fA?r eine Software, wie z.B. Google Analytics, und ermA�glichen dir Entscheidungen basierend auf konkreten Zahlen zu treffen, anstatt zu a�?ratena�?.

WARUM SOLLTE MAN EIN TAG MANAGEMENT SYSTEM BENUTZEN?

GTMA�bringt nur Vorteile und keine Nachteile. Tagging ist unverzichtbar fA?r gutes Reporting und die Analyse deiner Webseite, Benutzer, Interaktionen und Events.

Wir leben in einer modernen Zeit, aber die hauseigenen Tagging-Systeme, der meisten Anbieter,A�sindA�vollkommen anachronistisch. Wenn man etwas auf seiner Webseite verfolgen wollte, musste man bis zum GTM, jede einzelne Seite mit einem manuellen Code-Schnipsel versorgen.

Dies bringt eine Reihe von Nachteilen mit sich. Nicht nur kA�nnen sich schnell Fehler einschleichen, sondern kostet es auch viel Zeit & Geld, da man in der Regel immer einen Programmierer oder seine IT-Abteilung mit der Implementierung beschA�ftigen muss.

Tagging erforderte detaillierte technische FA�higkeiten im Bereich der Document Object Models (DOM), HTML und Javascript.

Auch war es ein unglaublicher Aufwand bestehende Tags zu verA�ndern, zu modernisieren oder zu lA�schen.

A?ber die Jahre, werden immer mehr Tags, zu einer Webseite hinzugefA?gt. Verschiedene Programmierer arbeiten an der Implementierung. Deine Webseite bekommt mehr und mehr Javascript-Codes, es schleichen sich Fehler ein und als Resultat, wird deine Seite immer langsamer und fehlerhafter.

Hier kommtA�GTM ins Spiel, der diese Probleme und Kopfschmerzen vergleichsweise unkompliziert behebt.

Hier sind einige der Vorteile des Tag Managers:

  • EINFACH & BEDIENUNGSFREUNDLICH
  • PROFESSIONELL & KOSTENLOS
  • SCHNELLERE WEBSEITEN
  • EVENT TRACKING & REMARKETING
  • WENIGER CODING FEHLER
  • USER-LEVEL & BERECHTIGUNGEN
  • EINFACHE EINBINDUNG VON DRITTANBIETERN

Der GTMA�hilft dir deine Tags schnell und einfach einzurichten. AuchA�kannst deine Tags auf FunktionialitA�t A?berprA?fen, bevor du sie Online schaltest.

DarA?ber hinausA�musst du nicht auf jeder Seite, die du taggen mA�chtest, einen separaten Code-Schnipsel fA?r jedes individuelle Tagging-System (z.B.: Analytics, Facebook Ads, Adwords Conversion Tracking etc.) einfA?gen.

Auch wenn es Produktupdates gibt, kannst du deine Tags direkt innerhalb das Tag Managers verA�ndern, ohne dass du den Quellcode deiner Seite bearbeiten mA?sstest.

GTMA�ist ein Industrie-Standard und jedes grA�AYere Unternehmen benutzt es.

AuAYerdem ist das Tool vA�llig kostenlos und es spart dir viel Zeit und Nerven.

Vielleicht bindest du Google Analytics und den Facebook Pixel ein. DarA?ber hinaus verfolgst du noch deinen Shopping Cart oder deine Newsletter Opt-Ins. Schnell sammeln sich auf jeder Seite einige Java-Code-Schnipsel an und werden einzeln geladen.

Wenn du viele verschiedene Tags in den Quellcode deiner Seite einbindest, kann es passieren dass sich die Ladezeiten fA?r deine Webseite verlA�ngern. Das ist schlecht fA?r deine Benutzer und dein Google Ranking.

Tag Management Systeme laden nur einen Tag-Container, indem die verschiedenen Tags zusammengefasst werden. Dies fA?hrt zu einem schlankeren Page-Code und besseren Ladezeiten.

Google Analytics, Adwords und Tag Manager sind auf einander abgestimmt. Der Tag Manager ermA�glicht dir verschiedene Events und Benutzer auf deiner Seite automatisch zu verfolgen.

Du kannst verfolgen auf welche Links geklickt wird, welche Videos fA?r wielange geschaut werden, wie weit jemand deine Seite runterscrolled oder von welchen Seiten er auf eine andere Seite abspringt. Auch kannst du verfolgen, ob jemand ein Kontaktformular an dich abgesendet hat.

Diese Daten werden dann in deinem Google Analytics Reporting angezeigt. Damit kannst du deine Benutzer besser verstehen und deine Seite basierend auf diesen Daten verbessern.

Oder Adwords Remarketing Kampagnen schalten, um diese Benutzer im Internet zu a�?verfolgena�?.

Manuelles Tagging ist kompliziert und monoton. Damit schleichen sich schnell Fehler ein.

Doppelte oder falsch implementiere Codes kA�nnen auf deiner Seite zu einer Reihe von Fehlern fA?hren oder deine Webseite vollstA�ndig lahmlegen.

Wenn du GTMA�benutzt, musst du nur ein einziges Mal einen Code auf deiner Webseite einbinden. Danach kannst du alles aus dem Dashboard des Google Tag Managers regeln.

Wenn du in einem Team arbeitest, dann kannst du mehrere Benutzer zu deiner Seite hinzufA?gen und ihnen verschiedene Berechtigungen geben.

GTM erlaubt es dir nicht nur Codes einzubinden, die relevant fA?r Adwords oder Analytics sind, sondern jeden beliebigen Tracking Code.

Zum Beispiel kannst du den Facebook Pixel und das Facebook eigene Event-Tracking mithilfe des Google Tag Managers auf deiner Seite einbinden, ohne dass du den Code deiner Seite anfassen musst.

INSTALLATION DES GOOGLE TAG MANAGERS

Nachdem du dich im GTMA�angemeldet hast, musst du ein Konto fA?r deine Webseite einrichten.

google-tag-manager-konto-einrichten

Nachdem du auf ErstellenA�geklickt und den Lizenzvertrag angenommen hast, erscheint ein Fenster mit dem GTMA�Code, den du auf deiner Webseite einbinden musst.

google-tag-manager-code

Die meisten Webseiten oder Shopsysteme haben eine Option fA?r die Implementierung von Tracking Codes, in der du diesen nun einfA?gen kannst. Sollte deine Webseite dies nicht haben, musst den Code per Hand nach deinem \<BODY\> Tag in den Quellcode deinerA�header.php Seitendatei einfA?gen.

google-tag-manager-code-einbinden

Wenn du das noch nie gemacht hast oder unsicher bist, ob du es kannst, solltest du einen Programmierer engagieren, der dies fA?r dich A?bernimmt. Dieser kann den Code innerhalb von wenigen Minuten in deine Seite einpflegen und dies sollte sehr wenig Geld kosten.

Dies ist das einzige Mal, dass du einen Tracking Code in deine Seite einfA?gen musst. Alles andere kannst du von jetzt an mit dem Google Tag Manager regeln, ohne dass du den Code deiner Webseite bearbeiten musst.

EXKURS: GOOGLE TAG MANAGER IN WORDPRESS INSTALLIEREN

Installiere das DuracellTomi’s Google Tag Manager for WordPress Plugin auf deiner WordPress Seite, aktiviere es. Das Plugin erleichtert nicht nur die Installation von Google Tag Manager, sondern fA?gt deiner Seite auch einen dataLayer hinzu, der dein GTM-Tracking erweitert, ohne dass du den Code selber hinzufA?gen mA?sstest. Wenn du WordPress und GTM benutzt, dann ist diese Plugin Pflicht.

Jetzt navigiere zuA�Einstellungen –> Google Tag ManagerA�und fA?ge deinen GTM-Container Code in das entsprechende Feld ein und wA�hle die OptionA�Codeless InjectionA�aus.

google-tag-manager-durcelltomis-plugin

ACHTUNG:A�Codeless injection ist zwar die einfachste Methode, fA?hrt zuweilen zu Darstellungsfehler auf deiner Seite. Nachdem du die A�nderungen gespeichert hast, kontrolliere ob deine Webseite korrekt funktioniert. Wenn es zu Fehlern kommt, dann ist das gar kein Problem, dann folge einfach den folgenden Schritten.

DEINE SEITE HAT DARSTELLUNGSFEHLER

Deine Seite hat kleinere Fehler? Dann mA?ssen wir den Code per Hand einfA?gen, aber keine Angst, das ist ganz leicht.

Als erstes mA?ssen wir ein sog. Child-Theme installieren. Manche Themes haben schon ein Child-Theme eingebaut, dann kannst du diesen Schritt A?berspringen.

Child-Themes sind eine virtuelle Kopie deines Parent-Theme (Eltern-Kind). Du kannst in einem Child-Theme VerA�nderungen an deinem Quellcode vornehmen, ohne dass es die FunktionalitA�t deines Parent-Themes beeinflusst. Wenn du einen Fehler machst, sind diese einfach zu beheben und du lA�ufst nicht Gefahr deine Webseite lahmzulegen. Ein weiterer Vorteil ist, dass wenn du dein Theme updatest, deine VerA�nderungen am Quellcode im Child-Theme bestehen bleiben. WA?rdest du den Quellcode deines Parent-Themes bearbeiten, dann mA?sstest du bei jedem Update von deinem Theme, den Code wieder per Hand einpflegen.

Installiere das One-Click Child Theme Plugin auf deiner WordPress Seite, aktiviere es und installiere ein Child-Theme deines Parent-Themes.

one-click-child-theme-wordpress-plugin-erstellen

Jetzt musst du dein Child-Theme installieren. Navigiere dazu zuA�Design –> Themes.

wordpress-child-theme-aktivieren

Navigiere zuA�Einstellungen –> Google Tag Manager –> WA�hle die „Custom“-Option –> kopiere den Code-Schnipsel.

google-tag-manager-durcelltomis-plugin-custom

Jetzt musst du nur noch DuracellTomi’sA�Code Schnipsel in deine Seite einfA?gen. Navigiere zuA�Design –> Editor –> Theme Header (header.php) –> Finde den <body> Tag –> Copy/Paste DuracellTomi’sA�Code.

google-tag-manager-code-header-einfügen-wordpress

Du hast jetzt den GTM Code, wie ein WordPress-Profi installiert.

EXKLUSIVER ZUGANG

ZU ANLEITUNGEN, FALLSTUDIEN UND BEST-PRACTICES
(KOSTENLOS)

GOOGLE TAG MANAGER AUFBAU - KONTEN, CONTAINER, TAGS & TRIGGER

KONTEN

Konten sind die Top-Level Organisation deines Tag Managers Accounts. In der Regel erstellt man fA?r eine Firma ein Konto. Man kann alle Tags und Webseiten A?ber dieses Konto managen.

Du kannst beliebig viele Konten fA?r andere Firmen oder Projekte hinzufA?gen.

Google_Tag_Manager-konten

CONTAINER

Ein Container beinhaltet alle Tags fA?r eine bestimmte Webseite. Du solltest den Container nach der Webseite benennen, die du tracken mA�chtest.

Wenn du eine weitere Webseite, wie z.B. eine Subdomain, Micro-Site oder Shop hinzufA?gen willst, dann kannst du innerhalb eines Kontos einen weiteren Container fA?r diese Domain hinzufA?gen und sie separat verwalten.

TAGS & TRIGGERS

Man kann sich einen Tag als eine Kugel vorstellen, die ein Ziel trifft und einen Trigger als die Pistole bzw. den Abzug.

Tags sind der Grundbaustein von GTM und sind, wie schon in der Einleitung erwA�hnt, kleine Code Schnipsel, die Daten auf deiner Webseite aufzeichnen.

TriggersA�sind der zweite Grundbaustein von GTM und sind vom Benutzer vergebene Regeln, in welchen FA�llenA�ein solcher Tag ausgelA�st werden soll und wann nicht. Dies ermA�glicht dir spezielle Daten zu sammeln, wA�hrend du irrelevante ignorieren kannst.

Neben der Google Analytics Integration, die wir im nA�chsten Schritt installieren, verfA?gt Google Tag Manager A?ber mehr als 20 Integrationen mit anderen Analyse Tools. Wenn du eine GTM-Integration benutzt, dann benA�tigst du nur die Property/Tracking-ID deines Anbieters. Die Tracking-ID von Google Analytics sieht ungefA�hr so aus:A�“UA-XXXXXX-X“. Wenn es eine GTM Integration vorhanden ist, dann musst du den jweiligen Tracking-Code nur kopieren/einfA?gen, damit ist deine Arbeit getan.A�GTM A?bernimmt das Schreiben des Java-Codes fA?r dich.

Im folgenden Schritt erklA�ren wir dir, wie du den Google Analytics Tracking Code (Tag) celebrex tablets buy, generic Zoloft. auf deiner gesamten Seite feuern (Trigger) lA�sst.

INSTALLATION VON GOOGLE ANALYTICS DURCH DEN GOOGLE TAG MANAGER

Nachdem GTM jetzt zum Einsatz bereit ist, werden wir deinen ersten Tag installieren.

Wir werden Google Analytics benutzen, denn wie bereits erwA�hnt, wird die FunktionalitA�t von Analytics durch GTM erweitert und dein Quellcode schlank gehalten.

Solltest du bereits Google Analytics auf deiner Seite installiert haben, musst du den Tracking Code von deiner Seite entfernen.

Keine Angst. du verlierst keine bereits gesammelten Daten. FA?r wenige Minuten werden deine Seite und Google Analytics nicht miteinander kommunizieren. Das ist alles.

Falls du noch kein Google Analytics Konto hast, dann kannst du einesA�mit wenigen Klicks erstellen. Nachdem du dich eingeloggt hast, mA?ssen wir die Tracking ID deines Google Analytics Konto heraus finden.

DafA?r musst du das Admin Panel aufrufen und auf Tracking Code klicken. Kopiere auf der nA�chsten Seite deine Tracking ID a�?UA-XXXXXX-Xa�? und A�ffne deinen Google Tag Manager Account.

Nachdem du deinen Google Tag Manager Container geA�ffnet hast klickst du auf Neues Tag. Danach folgst du den Schritten in den Screenshots.

GOOGLE ANALYTICS TRACKING ID VARIABLE ERSTELLEN

Deine Google Analytics Tracking ID wirst du hA�ufig bei der Erstellung von neuen Tags verwenden. Damit du nicht jedesmal zu Google Analytics browsen musst, um deine Tracking ID wieder zu kopieren, speichern wir sie jetzt einfach als eine Variable ab.

Gib der Variable einen Namen (Ich habe sie GAID genannt), wA�hleA�Konstante, trage deine Tracking IDA�a�?UA-XXXXXX-Xa�? ein und erstelle deine Variable.

Wenn du jetzt einen neuen Tag erstellst und GTM nach deiner Tracking-ID fragt, kannst du diese, abgespeicherte Variable aus einem Drop-Down-Menu auswA�hlen.

EXKLUSIVER ZUGANG

ZU ANLEITUNGEN, FALLSTUDIEN UND BEST-PRACTICES
(KOSTENLOS)

VERA�FFENTLICHE DEINEN CONTAINER

Tags von GTM werden auf deiner Seite nicht Live geschaltet, bevorA�du sie nicht verA�ffentlicht hast. Im Dashboard siehst du einen groAYen roten VerA�ffentlichen Button, den du jetzt klicken kannst.A�Du kannst auch zuerst den Vorschau und Fehlersuche Modus aktivieren, um zu kontrollieren, ob deine Tags funktionieren.

Wenn du den VorschauA�Modus wA�hlst, dann musst du danach deine Seite in einem neuen Tab aufrufen und hast auf der unterhalb deinerA�Seite ein Fenster, dass dir zeigt, welche Tags funktionieren und welche nicht.

google-tag-manager-vorschau-fehlersuche

GOOGLE TAG ASSISTANT

Der Google Tag Assistant ist eine Chrome Browser Extension, die dir hilft zu kontrollieren, ob deine Tags funktionieren. Auch zeigt er dir an, wenn etwas verbessert werden kann und wenn etwas nicht funktioniert.

google_tag_assistant_-_Google-Suche

Nachdem du den Tag Assistant installiert hast, musst du ihn aktivieren und danach deine Seite aufrufen.

Blog_-_Marketing_Held_und_Airmail

Wenn du alles richtig installiert hast, dann sollte dein Fenster ungefA�hr so aussehen.

google-tag-assistant-funktioniert

Wenn du spA�ter Tags auf einzelnen Seiten eingebaut hast, dann kannst du diese aufrufen und schauen, ob die Tags funktionieren. Der Tag Manager zeigt dir in drei Farben, wie gut sie funktionieren.

  • GrA?n: Der Tag funktioniert einwandfrei
  • Blau: Der Tag funktioniert, aber GTM hat VerbesserungsvorschlA�ge
  • Rot: Der Tag ist fehlerhaft und funktioniert nicht.

Du kannst auf die jeweiligen Tags klicken, um mehr Informationen zu bekommen. HA�ufig hilft dir die Detailansicht den Grund fA?r das Problem mit deinem Tag herauszufinden.

Ich hoffe wir konnten dir mit diesem Artikel weiterhelfen. Wenn du noch Fragen hast, dann hinterlasse einen Kommentar!