![dataLayer Initialisierung
GTM Code
Quelle: https://developers.google.com/tag-manager/devguide
<body>
<script>
dataLayer = [{
'loggedin': 'true'
}];
</script>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-577WGR"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-577WGR');</script>
<!-- End Google Tag Manager -->
</body>
dataLayer](https://image.slidesharecdn.com/googletagmanageradvanced-seocampixx2016-160314093118/85/Google-Tag-Manager-Advanced-SEO-CAMPIXX-2016-12-320.jpg)
![dataLayer Initialisierung
GTM Code
<body>
<script>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-577WGR"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-577WGR');</script>
<!-- End Google Tag Manager -->
dataLayer = [{
'loggedin': 'true'
}];
</script>
</body>
dataLayer
● Tag Manager initialisiert dataLayer
Variable
● GTM initialisiert diverse EventListener
für den dataLayer
● dataLayer wird neu gesetzt](https://image.slidesharecdn.com/googletagmanageradvanced-seocampixx2016-160314093118/85/Google-Tag-Manager-Advanced-SEO-CAMPIXX-2016-14-320.jpg)
![dataLayer.push
GTM Code
<body>
<script>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-577WGR"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-577WGR');</script>
<!-- End Google Tag Manager -->
dataLayer.push({
‘event': 'emailClick'
});
</script>
</body>
dataLayer](https://image.slidesharecdn.com/googletagmanageradvanced-seocampixx2016-160314093118/85/Google-Tag-Manager-Advanced-SEO-CAMPIXX-2016-16-320.jpg)
![dataLayer.push
<body>
<script>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-577WGR"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-577WGR');</script>
<!-- End Google Tag Manager →
window.dataLayer = window.dataLayer || [];
dataLayer.push({
‘event': 'emailClick'
});
</script>
</body>
dataLayer
Noch besser](https://image.slidesharecdn.com/googletagmanageradvanced-seocampixx2016-160314093118/85/Google-Tag-Manager-Advanced-SEO-CAMPIXX-2016-17-320.jpg)
![JavaScript Code – Teil 1
<script language="javascript" type="text/javascript">
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++)
{
var pair = vars[i].split("=");
if(pair[0] == "saleschannelid")
{
var d = new Date();
d.setTime(d.getTime() + (30*24*60*60*1000));
var expires = "expires="+d.toUTCString();
document.cookie = "saleschannel=" + pair[1] + "; path=/; " + expires;
}
}](https://image.slidesharecdn.com/googletagmanageradvanced-seocampixx2016-160314093118/85/Google-Tag-Manager-Advanced-SEO-CAMPIXX-2016-68-320.jpg)
![JavaScript Code – Teil 2
if(typeof pair[1] == "undefined")
{
var ref = document.referrer.split('/')[2];
if (ref == "www.google.de" || ref == "www.bing.com" || ref ==
"r.search.yahoo.com")
{
var d = new Date();
d.setTime(d.getTime() + (30*24*60*60*1000));
var expires = "expires="+d.toUTCString();
document.cookie = "saleschannel=seo; path=/; " + expires;
}
}
</script>](https://image.slidesharecdn.com/googletagmanageradvanced-seocampixx2016-160314093118/85/Google-Tag-Manager-Advanced-SEO-CAMPIXX-2016-69-320.jpg)
Hochgeladen vonThomas Czernik
Google Tag Manager Advanced - SEO CAMPIXX 2016
Das Dokument behandelt häufige Fehler beim Einsatz des Google Tag Managers (GTM) und bietet Best Practices für dessen Einrichtung, darunter die korrekte Verwendung von Triggern und Data Layer Initialisierungen. Es enthält Anleitungen zur Implementierung von Google Analytics Event Tracking sowie verschiedene Hacks zur Optimierung des Targeting in Werbeanzeigen. Zudem werden Aspekte wie Namenskonventionen und Versionierung von Tags und Triggern thematisiert, um eine effiziente Nutzung des GTM zu gewährleisten.
Weitere ähnliche Inhalte
Google Tag Manager Advanced - SEO CAMPIXX 2016
- 1. Google Tag Manager Advanced JanBerens / Thomas Czernik
- 2. Inhalt ➔ Häufige Fehler mitdem Google Tag Manager ➔ Best Practice Setup Google Tag Manager ➔ Google Event Tracking Advanced ➔ GTM Hacks
- 3. Jan Berens ➔ AdministratorTracking & Webanalyse ➔ bei der Parfümerie Douglas GmbH in Köln ➔ Freizeit - SEO, - Affiliate, - Techie ➔ bloggt ein bisschen auf www.janberens.de ➔ über Web Tech- , SEO- , Tracking- und Affiliate- Zeugs
- 4. Thomas Czernik ➔ pixelart GmbH ➔ OnlineMarketing Manager ➔ @mindbreak | wrel.de | tom@wrel.de
- 5. Inhalt Häufige Fehler mitdem Google Tag Manager Google Tag Manager: Best Practice
- 6. Häufige GTM Fehler • Aktivieren bei… / Auslösen bei… • Vorschau Reloading • dataLayer Initialisierung
- 7. Aktivieren bei… /Auslösen bei…
- 8. Aktivieren bei… Auslösenbei… Wann soll der Trigger aktiviert werden bzw. wann soll der EventListener aktiviert werden. Bei welcher Aktion soll mein Trigger ausgelöst werden.
- 9. Aktivieren bei… /Auslösen bei… Hier soll mein Trigger aktiviert werden. Hier soll mein Trigger ausgelöst werden.
- 10. Vorschau Reloading ü VorschauModus aktiviert ü Änderungen durchgeführt ü Änderungen werden nicht in der Debug Console angezeigt?
- 11. dataLayer Initialisierung <body> dataLayer GTM Code Quelle:https://developers.google.com/tag-manager/devguide </body>
- 12. dataLayer Initialisierung GTM Code Quelle:https://developers.google.com/tag-manager/devguide <body> <script> dataLayer = [{ 'loggedin': 'true' }]; </script> <!-- Google Tag Manager --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-577WGR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-577WGR');</script> <!-- End Google Tag Manager --> </body> dataLayer
- 13.
- 14. dataLayer Initialisierung GTM Code <body> <script> <!--Google Tag Manager --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-577WGR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-577WGR');</script> <!-- End Google Tag Manager --> dataLayer = [{ 'loggedin': 'true' }]; </script> </body> dataLayer ● Tag Manager initialisiert dataLayer Variable ● GTM initialisiert diverse EventListener für den dataLayer ● dataLayer wird neu gesetzt
- 15. dataLayer Initialisierung GTM Code GoogleTag Manager ist unbrauchbar
- 16. dataLayer.push GTM Code <body> <script> <!-- GoogleTag Manager --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-577WGR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-577WGR');</script> <!-- End Google Tag Manager --> dataLayer.push({ ‘event': 'emailClick' }); </script> </body> dataLayer
- 17. dataLayer.push <body> <script> <!-- Google TagManager --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-577WGR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-577WGR');</script> <!-- End Google Tag Manager → window.dataLayer = window.dataLayer || []; dataLayer.push({ ‘event': 'emailClick' }); </script> </body> dataLayer Noch besser
- 18. Best Practice • NamingConvention • Ordner • Cleanup • Environments
- 19.
- 20.
- 21. Naming Convention • Ab20 Tags ist es schwer den Überblick zu bewahren • Naming Conventions bei den Tags, Triggers und Variablen • Englisch
- 22. Naming Convention -Tag Wer Was Wo Tool / Service PDF Download Verkauf Dankesseite
- 23. Naming Convention -Tag Wer Was Wo GA - Pageview - All Pages GA - PDF Download - on PDF click GA ET - ecommerce transaction - thank you page
- 24. Naming Convention -Variablen Selbsterklärende Variablenbezeichnung GA Tracking Code Login Status ...
- 25. Cleanup Gleiche Tags /Triggers Variablen in Ordner gruppieren Unbenutzte Trigger löschen
- 26. Cleanup Ungenutzte Variablen deaktiveren/ löschen Wie kann ich das testen?
- 27.
- 28. Versionen • Was wurdebei welcher Version geändert? • Bei mehreren Bearbeitern kaum Überblick • Wann wurde was online gestellt? Keine Veröffentlichung ohne Umbenennung und Notiz
- 29.
- 30. Environments • Verschiedene Umgebungen:Development, Staging, Live • Mehrere Änderungen können veröffentlicht werden • Vorschaulink für QA oder PMs • Zugriffskontrolle • “Umgebungsspezifische” Einstellungen
- 31.
- 32.
- 33. Environments Version 1 Version 3 Version2 LIVE Development
- 34. Environments Version 1 Version 3 Version2 LIVE Development LIVE
- 35. Environment - UnterschiedlicheGA Codes
- 36. Environment - UnterschiedlicheGA Codes
- 37. Tracking Outbound Links alsGoogle Analytics Event
- 38.
- 39.
- 40. Trigger auf allenURLs aktivieren
- 41.
- 42. Google Analytics EventTag anlegen
- 43. Event Kategorie /Aktion / Label festlegen
- 44. Trigger und Tagzusammenführen
- 45. Tracking mailto Links alsGoogle Analytics Event
- 46.
- 47. Google Analytics EventTag anlegen
- 48. Event Kategorie /Aktion / Label festlegen
- 49. Trigger und Tagzusammenführen
- 50. Tracking File Downloads alsGoogle Analytics Event
- 51.
- 52. JavaScript Code function() { return{{Click URL}}.split(".").pop(); }
- 53.
- 54. Google Analytics EventTag anlegen
- 55. Event Kategorie /Aktion / Label festlegen
- 56. Trigger und Tagzusammenführen
- 57. GTM Hack: FacebookTargeting an Adwords
- 58. im Facebook AdManager / Powereditor ➔ FB Targeting erstellen ➔ z.B.: nur Männer, im Alter 18 – 35, Interesse Porsche 911 ➔ Parameter an Landingpage URL hängen ➔ z.B.: fbtarget=m1835porsche911
- 59. im Google AdwordsKonto ➔ Adwords Remarketinglisten analog zu FB Audiences ➔ Parameter für GTM kopieren ➔ Conversion-ID ➔ Conversion-Label
- 60.
- 61. Suchanfrageschlüssel = URLParameter
- 62.
- 63.
- 64. Trigger und Tagzusammenführen
- 65. GTM Hack: Tracking-/ Cookie-Weiche
- 66. Trigger „Landingpage Tag“anlegen
- 67.
- 68. JavaScript Code –Teil 1 <script language="javascript" type="text/javascript"> var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if(pair[0] == "saleschannelid") { var d = new Date(); d.setTime(d.getTime() + (30*24*60*60*1000)); var expires = "expires="+d.toUTCString(); document.cookie = "saleschannel=" + pair[1] + "; path=/; " + expires; } }
- 69. JavaScript Code –Teil 2 if(typeof pair[1] == "undefined") { var ref = document.referrer.split('/')[2]; if (ref == "www.google.de" || ref == "www.bing.com" || ref == "r.search.yahoo.com") { var d = new Date(); d.setTime(d.getTime() + (30*24*60*60*1000)); var expires = "expires="+d.toUTCString(); document.cookie = "saleschannel=seo; path=/; " + expires; } } </script>
- 70. Trigger und Tagzusammenführen
- 71.
- 72. Trigger „Conversion Tag“anlegen
- 73.
- 74. Trigger und Tagzusammenführen
- 75. Cookie löschen füreine One-Time Conversion <script language="javascript" type="text/javascript"> var d = new Date(); d.setTime(d.getTime() + (1000)); var expires = "expires="+d.toUTCString(); document.cookie = "saleschannel=delete; path=/; " + expires; </script>
- 76.
- 77. Herzlichen Dank fürEure Aufmerksamkeit!