Google Tag Manager Advanced - SEO CAMPIXX 2016

Google Tag Manager
Advanced
Jan Berens / Thomas Czernik

Inhalt
➔ Häufige Fehler mit dem Google Tag Manager
➔ Best Practice Setup Google Tag Manager
➔ Google Event Tracking Advanced
➔ GTM Hacks

Jan Berens
➔  Administrator Tracking & 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

Thomas Czernik
➔ pixelart GmbH
➔ Online Marketing Manager
➔ @mindbreak | wrel.de | tom@wrel.de

Inhalt
Häufige Fehler mit dem
Google Tag Manager
Google Tag Manager: Best
Practice

Häufige GTM Fehler
•  Aktivieren bei… / Auslösen bei…
•  Vorschau Reloading
•  dataLayer Initialisierung

Aktivieren bei… / Auslösen bei…

Aktivieren bei… Auslösen bei…
Wann soll der Trigger aktiviert werden bzw.
wann soll der EventListener aktiviert werden.
Bei welcher Aktion soll mein Trigger ausgelöst
werden.

Aktivieren bei… / Auslösen bei…
Hier soll mein Trigger
aktiviert werden.
Hier soll mein Trigger
ausgelöst werden.

Vorschau Reloading
ü  Vorschau Modus aktiviert
ü  Änderungen durchgeführt
ü  Änderungen werden nicht in der Debug Console angezeigt?

dataLayer Initialisierung
<body>
dataLayer
GTM Code
Quelle: https://developers.google.com/tag-manager/devguide
</body>

GTM Code
Quelle: https://developers.google.com/tag-manager/devguide
<body>
<script>
dataLayer = [{
'loggedin': 'true'
}];
</script>

<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>

</body>
dataLayer

dataLayer
GTM Code
<body>
</body>

GTM Code
<body>
<script>
dataLayer = [{
'loggedin': 'true'
}];
</script>
</body>
dataLayer
●  Tag Manager initialisiert dataLayer
Variable
●  GTM initialisiert diverse EventListener
für den dataLayer
●  dataLayer wird neu gesetzt

GTM Code
Google Tag Manager ist unbrauchbar

dataLayer.push
GTM Code
<body>
<script>
dataLayer.push({
‘event': 'emailClick'
});
</script>
</body>
dataLayer

dataLayer.push
<body>
<script>
<!-- End Google Tag Manager →
window.dataLayer = window.dataLayer || [];
dataLayer.push({
‘event': 'emailClick'
});
</script>
</body>
dataLayer
Noch besser

Best Practice
•  Naming Convention
•  Ordner
•  Cleanup
•  Environments

Naming Convention
•  Ab 20 Tags ist es schwer den Überblick zu bewahren
•  Naming Conventions bei den Tags, Triggers und Variablen
•  Englisch

Naming Convention - Tag
Wer Was Wo
Tool / Service PDF Download
Verkauf
Dankesseite

Naming Convention - Tag
Wer Was Wo
GA - Pageview - All Pages
GA - PDF Download - on PDF click
GA ET - ecommerce transaction - thank you page

Naming Convention - Variablen
Selbsterklärende Variablenbezeichnung
GA Tracking Code
Login Status
...

Cleanup
Gleiche Tags / Triggers Variablen in Ordner gruppieren
Unbenutzte Trigger löschen

Cleanup
Ungenutzte Variablen deaktiveren / löschen
Wie kann ich das testen?

Versionen
•  Was wurde bei welcher Version geändert?
•  Bei mehreren Bearbeitern kaum Überblick
•  Wann wurde was online gestellt?
Keine Veröffentlichung ohne Umbenennung und Notiz

Environments
•  Verschiedene Umgebungen: Development, Staging, Live
•  Mehrere Änderungen können veröffentlicht werden
•  Vorschaulink für QA oder PMs
•  Zugriffskontrolle
•  “Umgebungsspezifische” Einstellungen

Environments
Version 1
Version 3
Version 2
LIVE
Development

Environments
Version 1
Version 3
Version 2
LIVE
Development
LIVE

Environment - Unterschiedliche GA Codes

Tracking Outbound Links
als Google Analytics Event

Neue Variable „ElementDomain“ anlegen

Trigger auf allen URLs aktivieren

Google Analytics Event Tag anlegen

Event Kategorie / Aktion / Label festlegen

Trigger und Tag zusammenführen

Tracking mailto Links

Tracking File Downloads

JavaScript Code
function() {
return {{Click URL}}.split(".").pop();
}

GTM Hack: Facebook Targeting an Adwords

im Facebook Ad Manager / 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

im Google Adwords Konto
➔ Adwords Remarketinglisten analog zu FB Audiences
➔ Parameter für GTM kopieren
➔ Conversion-ID
➔ Conversion-Label

Suchanfrageschlüssel = URL Parameter

GTM Hack: Tracking- / Cookie-Weiche

Trigger „Landingpage Tag“ anlegen

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;
}
}

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));
document.cookie = "saleschannel=seo; path=/; " + expires;
}
}
</script>

First-Party-Cookie Variable erstellen

Trigger „Conversion Tag“ anlegen

„Conversion Tag“ erstellen

Cookie löschen für eine One-Time Conversion
<script language="javascript" type="text/javascript">
var d = new Date();
d.setTime(d.getTime() + (1000));
document.cookie = "saleschannel=delete; path=/; " + expires;
</script>

Quellen
➔ http://www.simoahava.com/
➔ http://stackoverflow.com/questions/tagged/google-tag-manager
➔ http://www.simoahava.com/analytics/awesome-google-tag-manager-
resources/

Herzlichen Dank für Eure Aufmerksamkeit!

Google Tag Manager Advanced - SEO CAMPIXX 2016

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Google Tag Manager Advanced - SEO CAMPIXX 2016

Ähnlich wie Google Tag Manager Advanced - SEO CAMPIXX 2016 (20)

Google Tag Manager Advanced - SEO CAMPIXX 2016