Google hat es sich zur Aufgabe gemacht, hervorragende und kostenlose Tools für Marketingexperten oder -profis sowie Websitebesitzer bereitzustellen, die jederzeit verwendet werden können. Eines dieser Tools ist der Google Tag Manager. In diesem Tag Manager-Tutorial erfahren Sie alles, was Sie über das Tool und seine Auswirkungen auf Ihr Online-Geschäft wissen müssen.
Sie erfahren außerdem, wie Sie den Google Tag Manager einrichten und installieren und was der Unterschied zu Google Analytics ist.
Was ist Google Tag Manager?
Google Tag Manager ist ein kostenloses und innovatives Tool, mit dem Benutzer Marketing-Tags – d. h. Tracking-Snippets oder Code-Schnipsel – auf Ihrer mobilen Anwendung oder Website problemlos verwalten und bereitstellen können, ohne den Code unbedingt ändern zu müssen.
Informationen, die aus einer Datenquelle – wie Ihrer Website usw. – stammen, können über Google Tag Manager mit einer anderen Datenquelle, d. h. Google Analytics, geteilt werden. Dieses bemerkenswerte Tool ist für alle sehr praktisch, die viele Tags verwalten müssen, da der gesamte Code nur an einem Ort gespeichert ist.
Ein wesentlicher Vorteil dieses Managers besteht darin, dass Vermarkter den Code problemlos selbst verwalten können. Die Dienste von Entwicklern sind in dieser Hinsicht nicht erforderlich. Das mag ziemlich einfach oder ein Kinderspiel klingen, ist aber weit von der Wahrheit entfernt. Aus diesem Grund möchten wir erläutern, wie Sie einen Tag-Manager einrichten und installieren, um Ihre Website zu verbessern.
Ist der Google Tag Manager einfach zu verwenden?
Google hat erklärt, dass dieser Tag Manager dabei hilft, die Tag-Verwaltung einfach, unkompliziert und zuverlässig zu gestalten, indem er Webmastern und Vermarktern ermöglicht, Tags an einem Ort bereitzustellen.
Wenn Sie das Wort „einfach“ in diesem Satz lesen, könnte man glauben, dass es mühelos ist. Aber in Wirklichkeit ist Google Tag Manager gar nicht so einfach zu verwenden, insbesondere wenn der Benutzer keine technische Ausbildung oder Kenntnisse hat.
Das bedeutet, dass die Suchenden mit ihrer relevanten Suche angeben, dass sie interessiert sind und bereit sind, etwas online zu kaufen, und wenn Sie diese Dinge verkaufen, sind Sie in der Lage, Geld zu verdienen.
Wenn Sie wissen möchten, wie Sie dies einrichten und installieren, müssen Sie zunächst über einige technische Kenntnisse verfügen, um zu verstehen, wie Trigger, Tags und Variablen eingerichtet werden. Wenn Sie beispielsweise Facebook-Pixel einfügen müssen, ist es wichtig, dass Sie vollständig verstehen, wie Facebook-Tracking-Pixel funktionieren.
Wie sieht es mit der Einrichtung der Ereignisverfolgung in Google Tag Manager aus? Es gilt die gleiche Regel; Sie benötigen fundierte Kenntnisse darüber, was „Ereignisse“ sind und wie Google Analytics funktioniert. Sie müssen auch wissen, welche Daten Sie mit Ereignissen verfolgen sollten, wie die Berichte in Google Analytics tatsächlich aussehen und wie Sie Ihre Aktionen, Kategorien und Labels benennen.
Obwohl es einfach sein kann, mehrere Tags in Google Tag Manager zu verwalten, bedeutet dies, dass Sie eine Lernkurve überwinden müssen. Und wenn Sie diese überwunden haben, wird Manager ziemlich raffiniert, wenn es darum geht, was Sie verfolgen können.
Also, wie funktioniert Google Tag Manager? Zunächst einmal gibt es drei wichtige Teile davon, nämlich:
- Tags: Tracking-Pixel oder JavaScript-Snippets
- Trigger: Dies informiert sie, wie oder wann ein Tag ausgelöst werden soll
- Variablen: Zusätzliche Informationen, die Google Tag Manager möglicherweise benötigt, damit sowohl das Tag als auch der Trigger funktionieren.
Was unterscheidet Google Tag Manager von Google Analytics?
Google Tag ist nicht dasselbe wie Google Analytics. Ersteres ist ein Tool, das zum Speichern und Verwalten von Drittanbietercode verwendet wird. In Google Tag Manager gibt es keine Berichte oder Möglichkeiten, Analysen durchzuführen.
Google Analytics hingegen wird für grundlegende Analysen und Berichte verwendet. Alle Conversion-Tracking-Filter oder -Ziele werden im Allgemeinen über Analytics verwaltet. Alle Berichte – einschließlich benutzerdefinierter Segmente, Conversion-Berichte, E-Commerce-Verkäufe, Absprungrate, Berichte zur Verweildauer auf der Seite usw. – werden in Google Analytics durchgeführt.
Sobald Sie wissen, wie Sie diesen Tag-Manager einrichten und installieren, haben Sie eine bessere Website.
Google Tag Manager-Tutorial: Einrichten und Installieren
Um mit der Einrichtung und Installation dieses Tag Managers zu beginnen, müssen Sie in diesem Manager-Tutorial zunächst ein Google Tag-Konto erstellen. Besuchen Sie die Google Tag Manager-Website und klicken Sie auf die blaue Registerkarte „Kostenlos starten“, die der wichtigste Call-to-Action auf dieser Seite ist.
Sie müssen für Tag Manager dasselbe Google-Konto verwenden wie für alle anderen Google-Produkte. Das bedeutet, dass Sie automatisch bei Google Tag Manager angemeldet werden, wenn Sie bereits ein Gmail-Konto (Google Analytics, Google Ads usw.) besitzen. Andernfalls müssen Sie möglicherweise zuerst ein Google-Konto erstellen, bevor Sie fortfahren können. Auf diesen Aspekt gehen wir in diesem Tutorial nicht näher ein.
Sobald Sie angemeldet sind, werden Sie aufgefordert, ein neues Konto sowie einen neuen Container zu erstellen. Das Konto funktioniert ähnlich wie Ihr Google Analytics-Konto, das normalerweise für ein Unternehmen/eine Firma/einen Kunden bestimmt ist. Ein Container ist jedoch im Allgemeinen für eine App oder eine Website bestimmt. Ein Container kann mehrere Tags, Trigger und Variablen enthalten.
Wenn mehrere Websites zu einem bestimmten Unternehmen gehören und eine ähnliche Struktur aufweisen (einschließlich der Implementierung des Trackings usw.), können Sie einen Container für mehrere Websites verwenden.
So finden Sie den Google Tag Manager-Code
Es stellt den Benutzern präzisen Code und Anweisungen zur Verfügung, wo dieser zu Ihrer Site hinzugefügt werden kann. Sie finden diesen Code an zwei verschiedenen Stellen:
- Indem Sie auf den Container-ID-Link neben den Schaltflächen „Veröffentlichen“ und „Vorschau“ klicken.
- Oder indem Sie zu Admin > Konto > Container > Google Tag Manager installieren navigieren.
Bei jeder dieser Optionen werden Anweisungen zum Einrichten und Installieren dieses Codes auf Ihrer Site sowie die Codeausschnitte geöffnet, die Sie einer Website hinzufügen müssen.
Google Tag Manager Container Code zur Website hinzufügen
Befolgen Sie diese Anweisungen, indem Sie den ersten Code – der von Skript-Tags umgeben ist – irgendwo zwischen den Head-Tags Ihrer Site platzieren. Dieser Code ist der entscheidende Teil, da er Ihre Seite anweist, Ihren Manager-Konto-Container seriell zu laden. Dies bedeutet, dass, während Google mit seiner Magie fortfährt, der Rest der Seite weiter geladen wird.
Der andere Tag Manager-Code – das „NoScript“ – sollte direkt nach dem öffnenden Body-Tag platziert werden und fungiert normalerweise als Backup. So können Sie Benutzer problemlos ohne JavaScript verfolgen. Das NoScript-Tag informiert den Browser, wenn Sie JavaScript nicht aktiviert haben. Und rendert dann eine Iframe-Version dieses Containers auf der Seite.
Es ist wichtig zu beachten, dass Sie zwar beide Codes im Body platzieren können, Sie sollten sie jedoch niemals beide im Head hinzufügen. Wie bereits erwähnt, rendert der NoScript-Abschnitt ein Iframe, das im Head nicht zulässig ist, da Sie sonst am Ende ein ungültiges HTML der Website erhalten.
Folgende Optionen können Sie in Betracht ziehen:
- Skriptcode wird zum Kopf und Noscript zum Text hinzugefügt.
- Sowohl Skript- als auch Noscript-Code werden hinzugefügt.
Beachten Sie, dass der NoScript-Aspekt dieses Codes nicht erforderlich ist. Sie benötigen ihn nur, wenn Sie Besucher ohne aktiviertes JavaScript verfolgen möchten – was einen unglaublich kleinen Teil des Webverkehrs mit mehreren Einschränkungen ausmacht – oder wenn Sie den Besitz der Search Console-Eigenschaft bestätigen möchten.
Überprüfen Sie die Verfügbarkeit von Google Tag Manager-Plugins
Wenn Sie eines der beliebten CMS (Content Management System) verwenden, das die Verwendung von Plugins erlaubt, ist die Wahrscheinlichkeit groß, dass Sie auf ein Plugin stoßen, das Google Manager ganz einfach für Sie installiert. Sie müssen lediglich Ihre Container-ID hinzufügen.
Einige Beispiele für Google Tag Manager-Plugins sind:
- WordPress: GTM4WP
Magento: Hier gibt es eine Menge davon
Shopify: Auch hier gibt es mehrere Plugins - Diese Plugins sparen Ihnen viel Zeit bei der Einrichtung und Installation. Einige Plattformen wie Wix bieten auch eine integrierte Integration.
Wenn Sie jedoch die manuelle Installation bevorzugen – mit oder ohne Input eines Entwicklers – müssen Sie Folgendes beachten:
Warum sollten Sie den Google Tag Manager-Code im Kopf platzieren?
Obwohl diese Anforderung nicht in Stein gemeißelt ist, wird im Allgemeinen dringend empfohlen, den Skriptteil dieses Codes in den Kopf Ihrer Site zu platzieren.
Der Hauptgrund dafür ist, dass es für das Tracking viel besser ist. Je weiter oben auf der Seite sich das Snippet befindet, desto schneller wird die Seite geladen. In der älteren Version von Google Manager wurde empfohlen, das Snippet innerhalb des Body-Tags zu platzieren, aber dadurch würden letztendlich Besucher übersehen, die Ihre Website oder Seite verlassen haben, bevor der Body-Tag geladen wurde, was normalerweise auf die langsame Seitengeschwindigkeit zurückzuführen ist.
Wenn Sie eine schwere Website betreiben, dauert es einige Sekunden, bis Google Tag Manager mit dem Laden im Body beginnt. Trotzdem wird es im Kopf viel schneller initiiert, wodurch Sie mehr Besucher erfassen und sehen können, wie sie sich verhalten. Auf diese Weise können Sie möglicherweise schnell den richtigen Prozentsatz des Datenverkehrs ermitteln, der von Ihren Seiten abspringt, noch bevor die Seite vollständig geladen ist.
Bedenken Sie, dass Ihre Tracking-Codes umso später gestartet werden, je weiter unten im Code der Website platziert werden.
Veröffentlichen des Containers
Wenn Sie den Code auf Ihrer Site platzieren, navigieren Sie zu Ihrem Konto und veröffentlichen Sie den Container, insbesondere wenn er leer ist. Der Grund dafür ist, dass ein nicht veröffentlichter Google Tag Manager irgendwann einen Fehler verursacht, der normalerweise in der Konsole des Browsers sichtbar ist.
Sie werden etwa Folgendes sehen:
404 nicht gefunden für GET: http//www.googletagmanager.com/gtm.js?id=GTM-xxxxx
Dies zeigt an, dass Ihr Browser dringend Daten von den Servern von Google anfordert, aber keine Daten zurückgegeben werden, da dieser bestimmte Container noch nicht veröffentlicht ist.
Das ist kein so großes Problem; wenn Ihre Entwickler jedoch bestimmte Tools – wie TrackJS – verwenden, um JavaScript-Fehler zu verfolgen, werden sie diese 404-Fehler in Berichten sehen. Dies wird für sie irgendwann unerwünschte „Störungen“ erzeugen, obwohl sie die Möglichkeit haben, Filter zu verwenden. Aber die Veröffentlichung eines leeren Containers wird nie jemandem schaden.
Überprüfen, ob Google Tag Manager funktionsfähig ist
Nachdem Sie diesen Code auf einer Webseite implementiert haben, müssen Sie sicherstellen, dass er korrekt installiert wurde.
Wählen Sie eine der folgenden Optionen:
- Klicken Sie auf Ihrer Website mit der rechten Maustaste auf den Hintergrund, wählen Sie dann „Seitenquelle anzeigen“ und suchen Sie den Code, indem Sie nach „gtm.js“ suchen.
- Aktivieren Sie den Vorschau- und Debugmodus, um zu sehen, ob er auf dem Bildschirm angezeigt wird. Klicken Sie auf die Schaltfläche „Vorschau“ in der oberen rechten Ecke der Tag Manager-Oberfläche. Wechseln Sie dann zur Website, um sie zu aktualisieren und zu prüfen, ob unten auf dem Bildschirm ein Vorschau- und Debug-Panel von Google Tag Manager angezeigt wird.
- Verwenden Sie dann die Tag Assistant-Erweiterung, um zu prüfen, ob sie angezeigt wird, sobald Sie sie aktivieren.