E-Book, Deutsch, 419 Seiten
Reihe: Rheinwerk Computing
Janssen Google Tag Manager
1. Auflage 2018
ISBN: 978-3-8362-6353-5
Verlag: Rheinwerk
Format: EPUB
Kopierschutz: 6 - ePub Watermark
Das umfassende Handbuch
E-Book, Deutsch, 419 Seiten
Reihe: Rheinwerk Computing
ISBN: 978-3-8362-6353-5
Verlag: Rheinwerk
Format: EPUB
Kopierschutz: 6 - ePub Watermark
Mit dem Google Tag Manager können Sie externe Skripte spielend leicht in Ihre Website einbinden und zentral verwalten. Dieses Praxisbuch stellt Ihnen verschiedene Konfigurationsmöglichkeiten vor. Sie machen sich mit dem Tag Manager vertraut und lernen die wichtigsten Anwendungsfälle kennen, von Google Analytics über den Facebook Pixel bis hin zu AdWords und Affiliate-Programmen. Fortgeschrittene profitieren von Hintergrundinformationen sowie zahlreichen Tipps und Tricks.
Aus dem Inhalt:
Konto einrichten
Tag Manager installieren
Tags ausführen
Plug-and-play-Tags von AdWords & Co.
JavaScript-Fehler aufdecken
Umgang mit Variablen
Eigene Tags erstellen
Datenschichten nutzen
Google Analytics, AdWords, Optimize, Facebook Pixel, Affiliate etc.
Einführung im Unternehmen
Zusammenarbeit und Rechteverwaltung
Optimierung und Debugging
Autoren/Hrsg.
Weitere Infos & Material
Materialien zum Buch ... 13
Geleitwort des Fachgutachters ... 15
Vorwort ... 17
1. Den Google Tag Manager kennenlernen ... 19
1.1 ... Wofür und warum: Tag-Management-Systeme ... 21
1.2 ... Ein Tag-Management-System von Google ... 23
1.3 ... Web-Entwickler oder Online-Marketer: Für wen ist der Google Tag Manager gemacht? ... 27
1.4 ... Was ist dran? Die Vorteile des Google Tag Managers ... 29
1.5 ... Lohnt sich der Umstieg auf den Google Tag Manager? ... 34
1.6 ... Der Google Tag Manager und der Datenschutz ... 35
1.7 ... Zusammenfassung ... 36
2. Die Praxis beginnt: Den Container einsatzfähig machen ... 37
2.1 ... Tags, Trigger, Variablen und Co. ... 37
2.2 ... Das Google Tag Manager-Konto einrichten ... 39
2.3 ... Den Container einrichten ... 44
2.4 ... Den Container in der Website installieren ... 47
2.5 ... Das erste Tag auf der Website ausführen ... 61
3. Die große Übersicht über die Oberfläche ... 75
3.1 ... Die Kontoverwaltung ... 76
3.2 ... Die Containerübersicht ... 77
3.3 ... Versionsübersicht ... 79
3.4 ... Die Verwaltung ... 80
3.5 ... Zusammenfassung ... 88
4. Schlüsselfertig: Das Tag-Vorlagensystem ... 89
4.1 ... Wie man das Tag benennt ... 91
4.2 ... Ein einfaches Beispiel: Das Google Ads Remarketing-Tag ... 93
4.3 ... Testen und Veröffentlichen des Tags ... 95
4.4 ... Erweiterte Funktionen mit den Triggern ... 98
4.5 ... Priorität, Tag Sequencing etc.: Erweiterte Einstellungen bei der Ausführung ... 99
4.6 ... Optionen für Tag-Reihenfolge und -Auslösung ... 101
4.7 ... Zusammenfassung ... 104
5. Die richtige Gelegenheit: Trigger ... 105
5.1 ... Trigger: technisch gesehen ... 107
5.2 ... Trigger debuggen ... 108
5.3 ... Einen neuen Trigger erstellen ... 109
5.4 ... Unscheinbar, aber mächtig: Die Trigger-Bedingungen ... 110
5.5 ... Unterschiedliche Trigger für unterschiedliche Ereignisse ... 112
5.6 ... Ein Ausblick ... 123
6. Titel, URL und Co: Umgang und Arbeit mit Variablen ... 125
6.1 ... Einsatzorte für Variablen ... 127
6.2 ... Die integrierten Variablen: ein Überblick ... 131
6.3 ... Volle Freiheit: Benutzerdefinierte Variablen ... 140
6.4 ... Das Format von Variablen ändern ... 152
6.5 ... Namenskonventionen von benutzerdefinierten Variablen ... 153
6.6 ... Debugging von Variablen ... 155
6.7 ... Zusammenfassung ... 155
7. Benutzerdefinierte Tags und Variablen ... 157
7.1 ... Tags: Das benutzerdefinierte HTML ... 159
7.2 ... Variablen: Das benutzerdefinierte JavaScript ... 166
7.3 ... JavaScript ist wichtig ... 170
8. Daten in der Website bereitstellen: die Datenschicht ... 171
8.1 ... Daten aus der Datenschicht sind wiederverwendbar ... 174
8.2 ... Aus dem Quelltext scrapen statt Datenschicht nutzen ... 176
8.3 ... Scraping oder Datenschicht: Was ist besser? ... 177
8.4 ... Praxis: Die Datenschicht für Google Analytics mit WordPress nutzen ... 178
8.5 ... Die Datenschicht: Technisch betrachtet ... 186
8.6 ... Zusammenfassung ... 199
9. Debugging und Vorschau: Immer kontrollieren ... 201
9.1 ... Der Vorschaumodus: Das eingebaute Debugging-Tool ... 202
9.2 ... Debugging mit den Chrome-Entwicklertools ... 218
9.3 ... Debugging mit dem Google Tag Assistant ... 222
9.4 ... Debugging der harten Fälle ... 228
9.5 ... Weitere nützliche Helferlein ... 237
9.6 ... Viele weitere Erweiterungen ... 240
10. Veröffentlichen: Versionen und Workspaces ... 241
10.1 ... Die volle Power der Versionierung ... 242
10.2 ... Komplexere Setups gut handhabbar machen ... 251
10.3 ... In Ruhe an größeren Änderungen arbeiten: Die Arbeitsbereiche ... 259
10.4 ... Zusammenfassung ... 266
11. Der Google Tag Manager in der Praxis ... 267
11.1 ... Google Analytics ... 268
11.2 ... Kampagnenparameter per Formular übertragen ... 339
11.3 ... Google Optimize in die Website implementieren ... 344
11.4 ... Das Criteo-Tag einbauen ... 346
11.5 ... Das Facebook-Tag implementieren ... 355
11.6 ... Das HubSpot-Pixel einbauen ... 366
11.7 ... Das etracker-Tag implementieren ... 368
11.8 ... Das Tag für Microsoft Bing Ads implementieren ... 371
11.9 ... Zusammenfassung ... 375
12. Der Google Tag Manager mit AMP und Apps ... 377
12.1 ... Den Google Tag Manager auf AMP-Seiten nutzen ... 378
12.2 ... Den Google Tag Manager in Verbindung mit Apps nutzen ... 391
13. Der Google Tag Manager 360 ... 399
13.1 ... Unbeschränkte Anzahl der Arbeitsbereiche ... 399
13.2 ... Freigabe-Workflows ... 400
13.3 ... Zonen für den Google Tag Manager ... 401
13.4 ... Service-Level-Agreements ... 402
13.5 ... Mehr Informationen zum Google Tag Manager 360 ... 402
14. Tipps, Tricks und Vereinfachungen ... 403
14.1 ... Tools ... 403
14.2 ... Blogs ... 409
14.3 ... Tipps ... 410
14.4 ... Zusammenfassung ... 411
Index ... 413
1 Den Google Tag Manager kennenlernen Der Google Tag Manager ist kein Tool mehr nur für Nerds und Spezialisten. Nein, er hilft Ihnen bei der täglichen Arbeit mit Pixeln, Tags und Tracking-Implementierungen. In der heutigen Zeit ist es wichtig, Daten zu sammeln. Wer die richtigen Daten sammelt, kann seinen Mitbewerbern einen Schritt voraus sein – sei es mit Google Analytics oder mit anderen Marketing-Tracking-Tools. Und wie heißt es so schön: »Ohne Daten ist man nur ein Mensch mit einer weiteren Meinung.« Gerade, was das Erfassen und Sammeln von Daten im Internet angeht, schreitet die Entwicklung sehr schnell voran. Es gibt viele Anlässe und Möglichkeiten, Daten zu erfassen: Wenn Sie die Besucher Ihrer Website mit Google Analytics auswerten wollen, müssen Sie einen JavaScript-Code von Google Analytics in den Quelltext Ihrer Website einbauen! Wenn Sie Facebook-Anzeigen mit möglichst allen Funktionen nutzen wollen, wie Conversion-Tracking, Custom-Audiences etc., müssen Sie einen JavaScript-Code von Facebook in den Quelltext Ihrer Website einbauen! Für Ihren Online-Shop wollen Sie Retargeting-Ads von Criteo oder einem anderen Anbieter schalten? Auch dann müssen Sie JavaScript-Code, in diesem Fall gegebenenfalls von Criteo, in den Quelltext Ihrer Website einbauen! Was auch Ihr Ziel im Marketing ist, Sie kommen um das Einbauen sogenannter Marketing-Tags nicht herum. Marketing-Tags sind dabei genau diese kleinen JavaScripte der verschiedenen Marketing-Anbieter. Hierbei wird die Lage immer komplexer. Früher reichte es oft, wenn Sie den Code eines Anbieters identisch in alle Unterseiten eingebaut haben. Aber inzwischen gibt es bei vielen Anbietern spezielle Anforderungen: Manche Skripte sollen nur ausgelöst werden, wenn bestimmte Bedingungen auf der Website erfüllt werden. Die einfachste Bedingung ist der Seitenaufruf; dabei wird ein Tag bei jedem Seitenaufruf ausgeführt. Aber genauso gibt es Tags, die erst ausgeführt werden sollen, wenn ein bestimmtes Produkt oder eine ganz bestimmte Seite aufgerufen wird. Zusätzlich steigt bei vielen Projekten die Anzahl der Skripte, die eingebaut werden müssen. Es gibt mitunter Websites, die Dutzende unterschiedliche Marketing-Tags in jede einzelne Unterseite einbauen müssen. Besonders hervorzuheben sind dabei die klassischen Verlagsseiten, die mit Anzeigenwerbung Geld verdienen. Das ist alles kein Hexenwerk und kann problemlos von den Web-Entwicklern umgesetzt werden – die entsprechenden Ressourcen wie Arbeitskraft bzw. Zeit vorausgesetzt. Aber in der heutigen Zeit geht es gerade im Web auch um Geschwindigkeit. Der Einbau der Tags kann mitunter nicht ein paar Wochen bis zum nächsten Update der Website-Programmierung warten. Und zusätzlich fehlt dann auch oft der Überblick über die eingebauten Tags. Die eingebauten Marketing-Tags sind in der Regel für Sie unsichtbar im Quelltext der Website versteckt. Sie verrichten ihren Dienst, ohne groß aufzufallen. Aber mit Browser-Plugins wie Ghostery (Sie finden es zum Beispiel im Chrome Web-Store) können Sie eine Liste aller verwendeten Marketing-Tags ausgeben. Wie schon angesprochen, werden besonders auf Verlags- und Medienseiten viele Marketing-Tags eingebunden. Bei der Recherche für dieses Buch habe ich die Startseite einer großen Nachrichtenseite mit Ghostery analysiert. Das Ergebnis sehen Sie in Abbildung 1.1: Allein auf der Startseite sind 43 Marketing-Tags installiert. Abbildung 1.1 Das Ghostery-Ergebnisfenster mit den gefundenen Trackern Aus Datenschutzsicht kann man davon halten, was man möchte. Auf diesen Aspekt werde ich nur nebensächlich eingehen. In diesem Buch geht es darum, wie Sie in der Vielzahl der Marketing-Tags den Überblick behalten und die erforderlichen Tags schnell auf Ihrer Website einsetzen. In diesem Buch werden Sie auch lernen, wie man den Google Analytics-Code zusammen mit dem Google Tag Manager einsetzen kann. Dabei ersetzt der Google Tag Manager den Google Analytics-Code in der Website. Der Code, den man in die Website für die Nutzung von Google Analytics einbinden muss, sieht folgendermaßen aus: Listing 1.1 Der aktuelle Google Analytics-Tracking-Code mit der eingeschalteten IP-Adressen-Anonymisierung Dieser JavaScript-Code sorgt dafür, dass beim Aufrufen der jeweiligen Seite der Seitenaufruf an den Google Analytics-Server geschickt wird. Aber für Marketing-Tags werden nicht nur Seitenaufrufe benötigt, sondern auch Warnkorb-Inhalte, erfolgreiche Käufe, das Abonnieren von Newslettern etc. Alle Ereignisse, die für das Marketing interessant sind, werden an die jeweiligen Systeme geschickt. Das Marketing hat in der heutigen Zeit einen hohen Stellenwert bei Web-Projekten. Deshalb wurden Systeme erfunden, die die Arbeit leichter machen – besonders weil der Einbau durch die Web-Developer mitunter sehr lange dauerte und die Marketer ihre Probleme bei der korrekten Einbindung der Marketing-Tags hatten. Genau aus diesem Grund wurden Tag-Management-Systeme (TMS) entwickelt. 1.1 Wofür und warum: Tag-Management-Systeme Tag-Management-Systeme haben ihren Namen von dem, was sie verwalten und einbinden sollen: Tags. Tags sind Codezeilen, die Marketing-Systeme benötigen, damit sie die entsprechenden Daten erhalten können. Dafür werden kleine JavaScript-Snippets in den Quelltext der Seite eingebaut. Im Folgenden verwende ich zur Verdeutlichung die Tags von Google Ads. Falls Sie Google Ads bisher unter dem Namen Google AdWords kennen: Wenige Wochen vor Drucklegung dieses Buches hat Google »AdWords« in »Ads« umbenannt. Für das Google Ads-Conversiontracking sieht ein Snippet ungefähr so aus: Listing 1.2 Das Google Ads-Retargeting-Tag Wenn Sie diese Codezeilen in den Quelltext Ihrer Website integrieren, kann Google Ads die Besucher Ihrer Website in Listen sammeln. Zu einem späteren Zeitpunkt können Sie dann diesen Nutzern spezielle Werbeanzeigen präsentieren. Diese Art der Werbung heißt Retargeting bzw. Remarketing und ist ein Beispiel für den Einsatz von Marketing-Tags. Tag, Pixel oder Snippet? Was ist das jetzt? Im Zusammenhang mit Marketing-Tags ist oft auch von einem Pixel oder Snippet die Rede. Das sind einfach verschiedene Namen für die gleiche Sache: Es geht dabei um die paar Zeilen JavaScript, die die Tools brauchen, um zu funktionieren. Der Begriff Pixel kommt übrigens daher, dass in der Anfangszeit des Trackings tatsächlich Code eingebunden wurde, der ein Bild simulierte, das 1×1 Pixel groß war. Das war das sogenannte Zählpixel. Diese Art des Trackings ist inzwischen nur noch vereinzelt im Internet zu finden. Es wurde durch verbesserte Methoden ersetzt. Marketing-Tags können dabei unterschiedliche Aufgaben übernehmen: Browserdaten sammeln Marketing-Tools mit Daten versorgen Social-Media-Buttons einbinden Cookies setzen Nutzer über verschiedene Website hinweg verfolgen Für alle diese Aufgaben wird jeweils nur ein wenig JavaScript benötigt. Aber wie Sie wahrscheinlich inzwischen gemerkt haben, können Sie schnell den Überblick über die Tags verlieren. Genau für diesen Fall wurden Tag-Management-Systeme entwickelt. Diese sollen die Implementierung und die Überwachung der eingebauten Tags vereinfachen. Dabei ist eines der besten Features von Tag-Management-Systemen, dass Sie mit ihnen alle Tags an einem Ort eintragen können und Sie genau sehen, welche Tags im System vorhanden sind. Ohne ein Tag-Management-System sind die einzelnen Marketing-Tags in der Regel in der...
