SlideShare ist ein Scribd-Unternehmen logo
1 von 121
Downloaden Sie, um offline zu lesen
Google Tag Manager Hacks
Google Tag Manager Hacks
Für jeden was dabei. Echt jetzt.
Maik Bruns
#metrika
#analyticspro
#markenfaible
#trainings
#writer
#papa
#freeletics
#dsmdm
@brunsmaik@maikbrunsmetrika@maikbruns
#socialmediafaible
FOLLOW ME FOR STORIES, LIVESTREAMS, INSIGHTS ON
HackHacks
Warum überhaupt …?
Was hast du davon?
Vorteile
Du wirst
schneller
Dein
Tracking
flexibler
You are
the Nerd
Du wirst
krasser
– Alter
Du wirst
krasser
Für
wen?
+
Wo stehst du?
Mein erstes Mal
Pssst, Präsentation von Thomas Tauchner immer noch verfügbar.
https://go.metrika.de/GAUC2013GTM
Der größte Hack?
Der Tag Manager selbst
<code>
…..
</code>
IT oder
Web-
Agentur
Marketing/
Tags
1+wenige
n
Einfach? Sieht so aus.
Nicht alles machen! Kritisch sein.
Und: Immer erst testen! Sonst …
Willkommen in der Crazy World
des Tag Managements!
Hier werden unmögliche Dinge möglich gemacht
What‘s in it for you today?
Hacks
GTM
GA
SEO
Tools
Für jeden etwas dabei
MEINS?
Es gibt meist mehr als einen Weg.
Immer daran denken …
WAS GEHT IM GTM?
GTM Hacks Part 1
Hack #1: Nutze den GTM
+
Anwendungsgebiet
GTM Allgemein
Fähigkeit
Aufklären
Dein Vorteil
Er macht dich
schneller, …
… flexibler …
… besser.
Hack #2: Tastaturshortcut - Suchfunktion
Anwendungsgebiet
GTM Allgemein
Fähigkeit
Dinge schnell finden
Dein Vorteil
Macht dich schneller
Du findest alles (woran
du dich erinnern kannst)
Besseres Debugging
+
Hack #2: Tastaturshortcut – Suchfunktion
• Tastatur auf dem Ziffernblock
• Alternativ das Symbol nutzen
• oder die Suchfunktion im Menü
/
Hack #3: Klick-/Formular-Debugging
Anwendungsgebiet
GTM
Allgemein
Fähigkeit
Klick
unterbinden
Dein Vorteil
Besseres Klick-
Debugging
Besseres
Formular-
Debugging
+
Hack #3: Klick-/Formular-Debugging
• (Win) oder (Mac) gedrückt halten beim Klick auf Link
= Link öffnet in neuem Fenster/Tab.
– erstes Fenster/Tab zeigt GTM-Ereignis an
– So kannst du feststellen, ob der Klick auf den Link
etwas (das Richtige?) auslöst.
• unmittelbar nach Klick drücken
– Klick wird für den GTM ausgeführt, aber Aktion
im Browser sofort unterbunden (meistens )
– So kannst du feststellen, ob der Klick auf den Link
etwas (das Richtige?) auslöst.
Strg Cmd
Esc
Hack #3: Klick-/Formular-Debugging – Tooltipp
1. Tooltipp des Tages
„GTM Sonar“ von Simo Ahava
• Chrome Addon
• „Hört“ entweder auf Klicks, spezielle
Link Klicks oder Formular-Absenden!
> www.simoahava.com/analytics/gtm-sonar-v1-2/
Hack #4: Verwendung von Variablen
+
Anwendungsgebiet
GTM Allgemein
Fähigkeit
Variablen variabel
verwenden
Dein Vorteil
Mit Variablen mehr
schaffen
Flexibilität
Hack #4: Verwendung von Variablen
Variablen = immer praktisch, wenn man sie mehrfach benötigt und zentral
verwalten möchte.
Z. B.
• Konstant (etwa für Analytics Property ID oder Facebook Pixel ID)
• Page URL
• Scroll Tiefe
• Javascript
• Cookies
• Suchtabellen usw.
Hack #4: Verwendung von Variablen
Die wenigsten wissen, dass man
sie nicht nur in Tags oder Triggern
verwenden kann, …
… sondern auch mittels „{{ }}“ in
anderen Variablen, wie
benutzerdefiniertem
HTML/JavaScript
Hier der Verweis auf eine
Datenschichtvariable:
Hack #4: Verwendung von Variablen
Sehr praktisch: Auto Complete
nach Eingabe von „ {{ “
Was passiert, wenn
jemand dein GTM-
Container-Snippet
auf seiner Seite
installiert?
Ja, das ist gephotoshopped
Theoretisch können alle Tags ausgelöst werden, die auf deiner normalen Seite zu finden sind.
Hack #5: Container Kidnapping verhindern
+
Anwendungsgebiet
GTM Allgemein
Fähigkeit
Container
Kidnapping
verhindern
(Container kann auf
fremdem Terrain
ausgespielt werden)
Dein Vorteil
Er rüstet dich gegen
Kidnapping
Dein Tracking und
deine Pixel bleiben
sauber
Hack #5: Container Kidnapping verhindern
Was du dagegen tun kannst
Keinen „All Pages“-Trigger nutzen,
sondern von vorneherein einschränken.
Hack #5: Container Kidnapping verhindern
Was du dagegen tun kannst
… oder sein Gegenstück als „Blocking“-Trigger (Trigger-Ausnahme)
nutzen.
Hack #5: Container Kidnapping verhindern
Was du dagegen tun kannst
Noch eine Möglichkeit: In entsprechenden Suchtabellen
keinen „Standardwert“ setzen.
Hack #5: Container Kidnapping verhindern
Was du dagegen tun kannst
Außerdem: Hostfilter in Analytics setzen
(hilft aber nur bei GA-Tracking)
Mehr dazu: https://www.metrika.de/blog/google-tag-manager/gtm-container-kidnapping-analytics-manipulation/
Hack #5: Container Kidnapping verhindern
Noch etwas Lustiges
Du kannst natürlich auf den „fremden“ Seiten auch „aktiv“ werden. ;-)
Zum Beispiel mit diesem Custom HTML Tag
<style>
body {
display: none !important; // hides page content
}
</style>
<script>
alert('Ey du, hast du Spass mit meiner Seite?');
document.location=' https://youtu.be/22w2oRE8XLg ';
</script>
Hack #5: Container Kidnapping verhindern
Ergebnis
Hack #6: Exit Intent Tracking
+
Anwendungsgebiet
GTM Allgemein
Fähigkeit
Exit Intent Listener
Dein Vorteil
Du kannst reagieren,
wenn jemand
„gehen“ will.
Ein Trigger für viele
Zwecke
Hack #6: Exit Intent Tracking
Wie?
• Custom HTML Tag, das die
Mausbewegung trackt
• Sobald „Verlassen“ droht, wird
ein Trigger gesetzt
• (den Rest musst
du selber machen
)
https://www.analyticsmania.com/g
oogle-tag-manager-recipes/exit-
intent/ (© Julius Fed (Fedorovicius))
… FÜR GOOGLE ANALYTICS
GTM Hacks Part II
Überlege vorher:
• Wie beeinflusst der Hack meine Hits
(-> Hit Limit 10 Mio bei kostenlosem
Google Analytics)?
• Brauche ich das, was ich da messe?
• Was folgt daraus?
Falls du das Hit Limit reißt:
• Limitiere den Trigger
• Oder verzichte auf das Tag
Hack #7: Google Analytics Einstellungen Variable
+
Anwendungsgebiet
Google Analytics
Fähigkeit
Google Analytics
Einstellungen
Dein Vorteil
Einmal und dann nie
wieder (oder selten)
Seeehr effizient
Weniger Fehler
Hack #7: Google Analytics Einstellungen Variable
Set it and forget it – Variable einstellen
• anonymizeIP für alle Tags
• Cookiedomain = auto (schon drin)
• Domainübergreifendes Tracking
(Domains eintragen)
• Custom Dimensions/Metrics
• Enhanced E-Commerce
• Content Grouping
• …
Hack #7: Google Analytics Einstellungen Variable
Einbau ins Tag
• Einfach
• Überschreibbar
• Aufpassen bei
Spezialfällen!
– Kleinsten gemeinsamen
Nenner in die Variable.
– Die speziellen Dinge in das
konkrete Tag!
Hack #8: Suchtabellen verschachteln
+
Anwendungsgebiet
Google Analytics
Fähigkeit
Suchtabellen für
Property ID
verschachteln
(je nach Status wird
andere Property ID
ausgespielt)
Dein Vorteil
Nur ein Tag
statt vieler
Ausnahmeregelung
deluxe
Flexibilität
Grundsätzlich möglich:
Variablen in Variablen aufrufen
Erinnerung
Hack #8: Suchtabellen verschachteln
… zum Beispiel in Variable „Google Analytics Einstellungen“
anstelle der „Tracking ID“
Hack #8: Suchtabellen verschachteln
Konzept (Beispiel)
Abfrage Hostname
Wenn WWW.domain.de,
dann …
Wenn STORE.domain.de,
dann …
Abfrage Debugmode
WWW
{{debug mode}} = true?
Dann „UA-1234567-2“
{{debug mode}} = false?
Dann „UA-1234567-1“
Abfrage Loginstatus
STORE
{{loginstatus}} = „client“,
dann „UA-1234567-10“
{{loginstatus}} =„employee“,
dann „UA-1234567-11“
{{loginstatus}} = „null“,
dann „UA-1234567-12“
Abfrage Debugmode
STORE
{{debug mode}} = true?
Dann „UA-1234567-15“
{{debug mode}} = false?
Dann …
Hack #8: Suchtabellen verschachteln
Step 1: ggf. benötigte
integrierte Variablen aktivieren
(hier z. B. „Page Hostname“ und
„Debug Mode“)
Hack #8: Suchtabellen verschachteln
Step 2: ggf. benötigte
zusätzliche Variablen anlegen
(hier z. B. „loginstatus“ aus dem
dataLayer)
Hack #8: Suchtabellen verschachteln
z. B. Abfrage
Hostname
Step 3: Suchtabellen anlegen
Hack #8: Suchtabellen verschachteln
Hack #8: Suchtabellen verschachteln
Step 4: In GA-Einstellungen packen
„Oberste“ Suchtabelle, z. B. in
Google Analytics Einstellungen
hinterlegen
= ganz starke Kombination
… das geht natürlich
nicht nur mit PropertyID
Hack #8: Suchtabellen verschachteln
Unterscheidung, z. B. nach Schlüssel
• Hostname
• Debug-Mode
• eingeloggter Nutzer
• Environment
• …
… oder Zweck
• Property ID
• Pixel ID
• GA-Einstellungen-Variable
• usw.
Hack #9: DSGVO konform tracken
+
Anwendungsgebiet
Google Analytics
Fähigkeit
Tracking Tags
DSGVO-konform
ausspielen
Danke an Jente De
Ridder von Humix
Dein Vorteil
Die Gefahr der
Abmahnung sinkt.

Hack #1: DSGVO-/GDPR-konform
tracken
Problem bei
DSGVO:
Alle sagen, was
man nicht darf.
Keiner sagt, wie
es geht.
Jente De Ridder
hat das mal
anders gemacht.
Jentes Blogpost, den wir hier nicht gänzlich besprechen können:
https://www.humix.be/en/blog/configure-google-analytics-for-gdpr/
Hack #9: DSGVO konform tracken
• Das hier ist natürlich keine Rechtsberatung. Fragt euren Anwalt!
• … aber ein Ansatz für sauberes Tracking.
• Und es übernimmt auch nicht deine Dokumentationspflichten (wo
hältst du welche Daten über Nutzer?) usw.
• Aber der Tag Manager kann dir eine Menge Arbeit abnehmen.
All the fame to this man!
Hack #9: DSGVO konform tracken
Alle drei Antworten „nein“?
Dann müssen wir den Nutzer nicht fragen.
Bei mind. 1x „ja“ müssen
wir den Nutzer zuerst fragen.
*AnonymizeIP ist Voraussetzung
Wie‘s genau geht unter https://go.metrika.de/AIPGAUC2018)
?
Nutzen wir
User-ID-
Funktion?
Übertragen wir die
vollständige IP-
Adresse? *
Teilen wir Google-
Analytics-Daten
mit Drittanbietern
(DC, AW, FB)?
Hack #9: DSGVO konform tracken
An folgendes denken:
• Noch nicht klar: Ist die ClientID personenbezogen?
• Cookie setzen (Name zum Beispiel „cookieconsent“) nach
Abfrage welche Daten erhoben/genutzt werden dürfen
(Inhalt „1“, „2“ oder „3“). Hier im Beispiel
– Level „1“: Nutzer möchte nicht identifiziert werden
– Level „2“: Nutzer darf identifiziert werden und wir dürfen
personalisieren
– Level „3“: Nutzer darf identifiziert werden und wir dürfen seine Daten
mit Drittanbietern teilen.
Hack #9: DSGVO konform tracken
Der Weg:
User Identifier (wie z. B. User ID) dürfen nur nach Zustimmung gesetzt werden.
Sofern du sie setzen darfst, User ID …
• … entweder im Cookie ablegen
• … oder im dataLayer
(ablegen lassen).
und daraus eine Variable machen.
Consent Level aus Cookie abfragen
und in Variable reinlesen:
Hack #9: DSGVO konform tracken
Cookie Consent und UID zusammenbringen
In GA Einstellungen hinterlegen
Hack #9: DSGVO konform tracken
Werbefunktionen mit demografischen Daten nutzen?
Fragst du halt den Nutzer und spielst das Ergebnis entsprechend aus.
Hack #9: DSGVO konform tracken
Evtl. Client-ID nur noch sessionbasiert nutzen?
Dann in den Beitrag von Jente De Ridder schauen.
Da steht alles ganz genau.
Jentes Blogpost, den wir hier nicht gänzlich besprechen können:
https://www.humix.be/en/blog/configure-google-analytics-for-gdpr/
Hack #10: PII Eraser
+
Anwendungsgebiet
Google Analytics
Fähigkeit
Personally
Identifiable
Information
vor dem Hit
rauswerfen
Dein Vorteil
Du hältst dich an GA-
Bedingungen
Du erhebst
(weniger/keine)
personenbezogenen
Daten
Personenbezogene Daten?
• Klarnamen
• E-Mail-Adressen
• Wohnadressen
• Telefonnummern
• IBAN
• Kreditkarten-Informationen
• …
Einfach mal nach „@“ suchen. 
Hack #10: PII Eraser
Kein vollständiger Hack,
aber er nimmt einiges ab
+ Inspiration
Hack #10: PII Eraser
Wichtig zu wissen:
• Datenlöschung droht (Umfang unterschiedlich)
• Nicht-Wissen ändert nichts
• Filter in GA genügen nicht!
(Greifen erst auf
Datenansichtsebene)
• Daher: Hits sollten schon VOR
dem Absenden „bereinigt“
werden.
Heimspiel für den GTM!
Hack #10: PII Eraser
Step 1: Benutzerdefinierte Javascript-Variable erstellen
function() {
return function(model) {
// Add the PII patterns into this array as objects
var piiRegex = [{
name: 'E-MAIL',
regex: /.{4}@.{4}/g
},{
name: 'E-MAIL EIGENE DOMAIN',
regex: /[^/]{4}@(?=metrika.de)[^/]{4}/gi
},{
name: 'PASSWORT',
regex: /((passwort=)|(password=)|(passwd=)|(pass=)).*/gi
},{
name: 'POSTLEITZAHL',
regex: /((plz=)|(postleitzahl=))+(d[-]{0,1}){0,1}d{5}/gi
},{
name: 'TELEFONNUMMER',
regex: /(+|0)+d+(.?[/-]?.?d+)*/g
}];
// Fetch reference to the original sendHitTask
var originalSendTask = model.get('sendHitTask');
var i, hitPayload, parts, val;
// Overwrite sendHitTask with PII purger
model.set('sendHitTask', function(sendModel) {
hitPayload = sendModel.get('hitPayload').split('&');
for (i = 0; i < hitPayload.length; i++) {
parts = hitPayload[i].split('=');
// Double-decode, to account for web server encode + analytics.js
encode
val = decodeURIComponent(decodeURIComponent(parts[1]));
piiRegex.forEach(function(pii) {
val = val.replace(pii.regex, '[REDIGIERT ' + pii.name + ']');
});
parts[1] = encodeURIComponent(val);
hitPayload[i] = parts.join('=');
}
sendModel.set('hitPayload', hitPayload.join('&'), true);
originalSendTask(sendModel);
});
};
}
(inspiriert durch Brian Clifton, nochmal ordentlich angepasst)
Hack #10: PII Eraser
Step 2: Einbau in GTM
Möglichst als „customTask“
in Variable „Google
Analytics Einstellungen“ nutzen
(„Festzulegende Felder“)
Hack #10: PII Eraser
Hier gibt‘s das Ganze zum Nachlesen
https://go.metrika.de/PIIGAUC
inkl. Downloadmöglichkeit für einen GTM-Container
Hack #10: PII Eraser
Noch besser ist übrigens …
Solche Daten gar nicht erst entstehen lassen
(Sprecht mal intern darüber )
Hack #11: UTM Parameter rauswerfen
+
Anwendungsgebiet
Google Analytics
Fähigkeit
UTM Parameter aus
URL rauswerfen,
ohne Tracking zu
verlieren
Dein Vorteil
Schöne URLs
Kampagnentracking
bleibt erhalten
(vs. Filter)
ist schön einfach
Hack #11: UTM Parameter rauswerfen
Scripten? Kann ich …
… nicht.
Aber schauen, was andere machen, schon.
Ihr findet ein cooles Script hier:
https://websiteadvantage.com.au/Google-Analytics-UTM-Removal
Hack #11: UTM Parameter rauswerfen
Wie geht das?
1. Du brauchst eine neue Variable, Typ „benutzerdefiniertes JavaScript“
function()
{return function()
{ if (!window.history.replaceState) { return; };
var cleanSearch = window.location.search
.replace(/utm_[^&]+&?/g, '') // removes utm_xxx parameters
.replace(/&$/, '') // removes & if last character
.replace(/^?$/, '') // removes ? if only remaining character
;
// some pass utm_xxxx in the hash
var cleanHash = window.location.hash
.replace(/utm_[^&]+&?/g, '') // removes utm_xxx parameters
.replace(/&$/, '') // removes & if last character
.replace(/^#$/, '') // removes # if only remaining character
;
window.history.replaceState({}, '', window.location.pathname + cleanSearch + cleanHash);
}
}
Hack #11: UTM Parameter rauswerfen
Wie geht das?
2. Google Analytics Tags oder GA-Einstellungen-Variable anpassen.
Unter „Weitere Einstellungen“ > „Festzulegende Felder“ > „hitCallback“ ergänzen
und als „Wert“ die benutzerdefinierte JS-Variable einfügen.
Hack #11: UTM Parameter rauswerfen
Wie funktioniert das?
Durch hitCallback wird zunächst der Analytics Hit abgesendet und
sobald das erfolgreich gelaufen ist, wird die URL verändert.
… FÜR SEO
GTM Hacks Part III
Hack #12: 404-Fehlerseiten-Tracking
+
Anwendungsgebiet
Google Analytics
SEO
Fähigkeit
404 Fehlerseiten-
Tracking
Dein Vorteil
Externe Broken Links
fixen (SEO)
Bounces verringern
UX verbessern
(v. a. intern)
Hallo Ranking?
Hack #12: 404-Fehlerseiten-Tracking
Möglichkeiten Tools: 404-Fehlerseiten Tracking?
• Crawler (z. B. Screaming Frog SEO Spider, v. a. interne Links)
• Google Search Console
• Google Analytics (Verhalten -> Alle Seiten)
= Performance der 404-Seite herausfinden.
Oder?
Ereignisse via GTM tracken
= mehr Infos, bessere Analyse
Hack #12: 404-Fehlerseiten-Tracking
Step 1: Fehlerseite herausfinden
Was zeichnet sie aus? Z. B.
• Title („404“ oder „Ups“ oder „Seite nicht gefunden“, …)
• URL der Seite (z. B. 404.php bei Weiterleitung oder aktuelle URL)
• Generell der Inhalt
Hack #12: 404-Fehlerseiten-Tracking
Step 2: Variablen anlegen oder aktivieren
Z. B. Page Title via „Javascript-Variable“-Variable (anlegen, s. links)
und integrierte Variablen „Page URL“ und „Referrer“ aktivieren
Step 3: Trigger anlegen
• Typ „Seitenaufruf“
• Einige Seitenaufrufe
• „[unsere Title-Variable]“ –
„stimmt überein mit
regulärem Ausdruck
(Groß-/Kleinschreibung
ignorieren)“ – „Seite wurde nicht gefunden“ (o. ä.)
Hack #12: 404-Fehlerseiten-Tracking
Step 4: Ereignis-Tag anlegen
• Typ „Universal Analytics“ -> Ereignis
• Ereigniskategorie, -aktion und -label
sinnvoll füllen (hier nur Beispiel)
• Trigger wählen,
z. B. den vorhin erstellten
• Testen (auch in Echtzeit-Report),
live stellen, fertig.
Hack #12: 404-Fehlerseiten-Tracking
Debug-Info
Auswertung
Hack #12: 404-Fehlerseiten-Tracking
Echtzeit Verhalten -> Ereignisse
Hack #12: 404-Fehlerseiten-Tracking
Optimierungs-
möglichkeiten
Backlinks
überprüfen
interne Links
korrigieren
Umleitungen
einstellen
oder Seite
anstelle der
„404-Seite“
erzeugen
…
Hack #13: Time to Bounce back to SERP messen
+
Anwendungsgebiet
SEO
Fähigkeit
Time to Bounce
back to SERP
(Dwell Time)
messen
Dein Vorteil
Es könnte sein, dass
Google das auch
misst, …
Verbesserung UXDanke an Simo Ahava
(s. u.)
Simos Beitrag : https://www.simoahava.com/analytics/measure-serp-bounce-time-with-gtm/
Hack #13: Time to Bounce back to SERP messen
Dwell Time?
Suchanfrage Klick Pageview
Return to
SERP
Zeit
„Eintritt“
Zeit
„Verlassen“
„Zeit ‚Verlassen‘“ – „Zeit ‚Eintritt‘“ = Dwell Time
Hack #13: Time to Bounce back to SERP messen
Prozess
Die Kombination zeigt: Nutzer kommt von “Google organisch” und versucht zurückzuspringen.
Funktioniert nur bei Browsern, die History API unterstützen.
Organic?
„künstlicher“ History-
Eintrag mit #gref
#gref geändert in „leer“
UND Nutzer immer
noch auf Landingpage?
Timing-Ereignis an GA „Zurück“ auslösen
1.
2.
Hack #13: Time to Bounce back to SERP messen
Interessanter Artikel dazu auch unter:
 https://ahrefs.com/blog/dwell-time/
Podcastfolge zur Verweildauer:
 https://go.metrika.de/DSMDM18GAUC
Wird die Dwell
Time wirklich
gemessen?
(kein offizielles
Statement)
Länger immer =
besser?
(Landingpage-Typ,
Branche, Ladezeit,
Besuchs-Intention, …)
Was ist mit
Tabbed-Browser-
Typen
(wie mir)??
Back Button?
Desktop vs.
Mobile?
Fragen
Hack #13: Time to Bounce back to SERP messen
Step 1: Benutzerdefiniertes HTML (Variable) anlegen
© Simo Ahava
<script>
(function() {
var s = document.location.search;
var h = document.location.hash;
var e = {{Event}};
var n = {{New History Fragment}};
var o = {{Old History Fragment}};
// Only run if the History API is supported
if (window.history) {
// Create a new history state if the user lands from Google's SERP
if (e === 'gtm.js' &&
document.referrer.indexOf('www.google.') > -1 &&
s.indexOf('gclid') === -1 &&
s.indexOf('utm_') === -1 &&
h !== '#gref') {
window.oldFragment = false;
window.history.pushState(null,null,'#gref');
} else if (e === 'gtm.js') {
window.oldFragment = true;
}
// When the user tries to return to the SERP using browser back, fire the
// Google Analytics timing event, and after it's dispatched, manually
// navigate to the previous history entry, i.e. the SERP
if (e === 'gtm.historyChange' &&
n === '' &&
o === 'gref') {
var time = new Date().getTime() - {{dsv - gtm.start}};
if (!window.oldFragment) {
dataLayer.push({
'event' : 'returnToSerp',
'timeToSerp' : time,
'eventCallback' : function() {
window.history.go(-1);
}
});
} else {
window.history.go(-1);
}
}
}
})();
</script>
Hack #13: Time to Bounce back to SERP messen
Step 2: Trigger für benutzerdefiniertes HTML
1. All Pages
2. UND: Verlaufsänderung
Hack #13: Time to Bounce back to SERP messen
Step 3: integrierte Variablen aktivieren
1. Page URL
2. Event
3. New History Fragment
4. Old History Fragment
5. History Source
Step 4: Zwei Datenschicht-Variablen anlegen
1. gtm.start
Hack #13: Time to Bounce back to SERP messen
2. timeToSerp
Step 5:
Trigger für Timing-Ereignis anlegen
Ereignis
„returnToSerp“
ausgeführt?
Dwell Time
< 30 Minuten
(1800000 ms)
 Check
Hack #13: Time to Bounce back to SERP messen
Step 6: Timing-Ereignis Tag anlegen
• Universal Analytics Tag > Typ „Timing“
• Var: z. B. „{{Page URL}}
• Kategorie: z. B. „SERP Bounce“
• Wert: „{{dsv – timeToSerp}}“
bzw. der Name, den du nutzt
Hack #13: Time to Bounce back to SERP messen
Ergebnisse
• Bericht „Nutzer-Timings“
• Primäre Dimension „Timing Variable“ gibt Seite preis
• … und natürlich kannst du nach Belieben segmentieren.
Hack #13: Time to Bounce back to SERP messen
Hack #13: Time to Bounce back to SERP messen
Noch „dickere“ Lösung von diesem Mann
Markus Baersch
https://pt.slideshare.net/MarkusBaersch1/bounce-rate-demystified-campixx-2018
Inkl. Mehr-Seiten-Besuche, berechneten Messwerten usw.
Er schickt dir den Container mit Erklärung
Hack #14: Title und Description ändern
Anwendungsgebiet
SEO
Fähigkeit
Title und Description
ändern
Dein Vorteil
Vielleicht mag
Google das.
(Vielleicht auch
nicht?)
+
Überlege vorher:
• Kann eine Suchmaschine das lesen?
• Gibt es noch andere Suchmaschinen
außer Google?
Hack #14: Title und Description ändern
Hack #14: Title und Description ändern
Step 1: Benutzerdefiniertes HTML anlegen
<script>
//wirft alte Title und Description raus
jQuery('title').remove();
jQuery('meta[name="description"]').remove();
//füllt sie mit neuen Inhalten
var desc = document.createElement('meta');
desc.name = 'description';
desc.content = 'Das ist ein sehr, sehr guter Blog. Hier, der von Metrika. Weißt du?';
jQuery('head').append(desc);
var ttle = document.createElement('title');
ttle.text = 'Der super Blog von Metrika';
jQuery('head').append(ttle);
</script>
Hack #14: Title und Description ändern
Step 2: Trigger für entsprechende Seite anlegen
(hier nur Startseite)
Hack #14: Title und Description ändern
Ergebnis
Hack #14: Title und Description ändern
Extra Hack für mehr als eine Änderung
Suchtabelle im HTML-Tag einbetten, bei der nach Pfad aufgelöst wird
(Beispiel)
Hack #14: Title und Description ändern
Viele Beispiele im Netz für ähnliche Dinge
u. a.
• Canonical Tags (Moz)
https://moz.com/blog/heres-how-to-generate-and-insert-rel-
canonical-with-google-tag-manager
• Hreflang (searchVIU, Eoghan Henn)
https://www.searchviu.com/en/javascript-seo-experiment-hreflang/
• Title, Noindex, Nofollow, Canonical, internal Links, Verlinkung via
JSON-LD-Markup (searchVIU, Eoghan Henn)
https://www.searchviu.com/en/javascript-seo-experiments-google-
tag-manager/
SONSTIGE
GTM Hacks Part IV
Hack #15: Modifiziere Browserfarbe (derzeit nur mobil)
+
Anwendungsgebiet
UX
Fähigkeit
Browserfarbe ändern
(mobiler
Chrome-Browser)
Dein Vorteil
Auffallen, v. a. im
mobilen Browser
Hack #15: Modifiziere Browserfarbe (derzeit nur mobil)
Hack #15: Modifiziere Browserfarbe (derzeit nur mobil)
Step 1: benutzerdefiniertes HTML-Tag erstellen
Skript auf nächster Seite
Step 2: Trigger „All pages“
Achtung:
Kann ein paar Sekunden benötigen, bevor die Farbe gezeigt wird.
Hack #15: Modifiziere Browserfarbe (derzeit nur mobil)
<script>
var bcolor = document.createElement('meta');
bcolor.name = 'theme-color';
bcolor.content = '#1ebcef'; //Beispielfarbe
document.head.appendChild(bcolor);
</script>
Basiert auf
https://developers.google.com/web/fundamentals/design-and-
ux/browser-customization/#color_browser_elements
TOOLS
GTM Hacks Part V
Hack #16: Tooltime
+
Anwendungsgebiet
Tools
Fähigkeit
diverse
Dein Vorteil
Höher, schneller,
weiter
Hack #16: Tooltime
• Super hilfreiches Chrome AddOn mit vielen Funktionen
• https://www.davinci.tools/
DaVinci Tools (für GTM und GA) – von Stéphane Hamel
• Unterbindet Klicks und Formularabsendung (zum Debuggen)
• https://www.simoahava.com/analytics/gtm-sonar-v1-2/
GTM Sonar (Chrome AddOn – schon erwähnt) – von Simo Ahava
• Konfigurationen von einem ins andere GTM Konto kopieren
• https://www.gtmtools.com/
GTM Tools (Chrome AddOn) – von Simo Ahava
• Manage Google Tag Manager Container, Tags, Trigger und Variablen
• https://www.simoahava.com/tools/gtm-tools-by-simo-ahava/
GTM Tools for Sheets (Google Drive) – von Simo Ahava
Hack #16: Tooltime
• Kein Tag Manager installiert? Das Tool tut so, als ob
• https://chrome.google.com/webstore/detail/tag-manager-
injector/ooninanccdmjbcmghimhdfpeklpmlllg
Tag Manager Injector – von Chris Berger
• Umfangreiche Suchtabellen bauen und leicht einbinden
• http://www.seerinteractive.com/blog/gtm-match-table-generator/
GTM Match Table Generator – von Seer Interactive
• Element auf Seite markieren, Icon drücken, Console checken (Entwicklertools),
Konfiguration für die Variable kopieren, fertig.
• https://chrome.google.com/webstore/detail/gtm-variable-
builder/feeboihdgpananoagfmbohoogoncndba
GTM Variable Builder – von Alessandro Colarossi
Du bist mein
#analyseheld
Danke schön
Biddeschön!
@brunsmaik@maikbrunsmetrika@maikbruns
Maik Bruns
Analytics Professional undCoach
maik.bruns@metrika.de
Download unter:
https://go.metrika.de
/GAUC18
inkl. Bonusteil
FOLLOW ME FOR STORIES, LIVESTREAMS, INSIGHTS

Weitere ähnliche Inhalte

Ähnlich wie Google Analytics Konferenz 2018_GTM Hacks_Maik Bruns (Metrica)

Tag-Management-Lösungen, Jens Maurer
Tag-Management-Lösungen, Jens MaurerTag-Management-Lösungen, Jens Maurer
Tag-Management-Lösungen, Jens Maurer
luna-park GmbH
 

Ähnlich wie Google Analytics Konferenz 2018_GTM Hacks_Maik Bruns (Metrica) (20)

GMP-Con 2019 - GTM Hacks - Maik Bruns (Metrika)
GMP-Con 2019 - GTM Hacks - Maik Bruns (Metrika)GMP-Con 2019 - GTM Hacks - Maik Bruns (Metrika)
GMP-Con 2019 - GTM Hacks - Maik Bruns (Metrika)
 
Google Analytics Konferenz 2019_Google Tag Manager Hacks - für jeden etwas da...
Google Analytics Konferenz 2019_Google Tag Manager Hacks - für jeden etwas da...Google Analytics Konferenz 2019_Google Tag Manager Hacks - für jeden etwas da...
Google Analytics Konferenz 2019_Google Tag Manager Hacks - für jeden etwas da...
 
ITP 2.1 und Webanalyse
ITP 2.1 und WebanalyseITP 2.1 und Webanalyse
ITP 2.1 und Webanalyse
 
Ist Google Analytics noch zu retten?
Ist Google Analytics noch zu retten?Ist Google Analytics noch zu retten?
Ist Google Analytics noch zu retten?
 
Google Analytics 4 : 10 Stolperfallen, 10 Verbesserungen + 5 Tipps [Campixx 2...
Google Analytics 4 : 10 Stolperfallen, 10 Verbesserungen + 5 Tipps [Campixx 2...Google Analytics 4 : 10 Stolperfallen, 10 Verbesserungen + 5 Tipps [Campixx 2...
Google Analytics 4 : 10 Stolperfallen, 10 Verbesserungen + 5 Tipps [Campixx 2...
 
Upliftr.de - Wie richte ich Google Analytics ein | Die Guideline
Upliftr.de - Wie richte ich Google Analytics ein | Die GuidelineUpliftr.de - Wie richte ich Google Analytics ein | Die Guideline
Upliftr.de - Wie richte ich Google Analytics ein | Die Guideline
 
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
 
SEO on TYPO3 homepage
SEO on TYPO3 homepageSEO on TYPO3 homepage
SEO on TYPO3 homepage
 
Lifelogging mit IFTTT und dem GA Measurement Protocol
Lifelogging mit IFTTT und dem GA Measurement ProtocolLifelogging mit IFTTT und dem GA Measurement Protocol
Lifelogging mit IFTTT und dem GA Measurement Protocol
 
Google Tag Manager Templates
Google Tag Manager TemplatesGoogle Tag Manager Templates
Google Tag Manager Templates
 
Workshop: Customer Journey und Google Analytics 2019
Workshop: Customer Journey und Google Analytics 2019Workshop: Customer Journey und Google Analytics 2019
Workshop: Customer Journey und Google Analytics 2019
 
GAUC 2017 Workshop Saubere Webanalyse Prozesse aufziehen: Markus Vollmert (lu...
GAUC 2017 Workshop Saubere Webanalyse Prozesse aufziehen: Markus Vollmert (lu...GAUC 2017 Workshop Saubere Webanalyse Prozesse aufziehen: Markus Vollmert (lu...
GAUC 2017 Workshop Saubere Webanalyse Prozesse aufziehen: Markus Vollmert (lu...
 
Tag-Management-Lösungen, Jens Maurer
Tag-Management-Lösungen, Jens MaurerTag-Management-Lösungen, Jens Maurer
Tag-Management-Lösungen, Jens Maurer
 
Server-Side: Lösung für alles? [OMX]
Server-Side: Lösung für alles? [OMX] Server-Side: Lösung für alles? [OMX]
Server-Side: Lösung für alles? [OMX]
 
Container Tag – Nie mehr warten auf die IT! - Tag Management Lösung
Container Tag – Nie mehr warten auf die IT! - Tag Management LösungContainer Tag – Nie mehr warten auf die IT! - Tag Management Lösung
Container Tag – Nie mehr warten auf die IT! - Tag Management Lösung
 
Browser vs. Tracking
Browser vs. TrackingBrowser vs. Tracking
Browser vs. Tracking
 
Google Analytics und das Kirchliche Datenschutzgesetz (KDG)
Google Analytics und das Kirchliche Datenschutzgesetz (KDG)Google Analytics und das Kirchliche Datenschutzgesetz (KDG)
Google Analytics und das Kirchliche Datenschutzgesetz (KDG)
 
DC Storm - Tag Management / Container Tag - Nie mehr warten auf die IT
DC Storm - Tag Management / Container Tag - Nie mehr warten auf die ITDC Storm - Tag Management / Container Tag - Nie mehr warten auf die IT
DC Storm - Tag Management / Container Tag - Nie mehr warten auf die IT
 
Google Analytics Konferenz 2015_Google Tag Manager Madness II Praxisbeispiele...
Google Analytics Konferenz 2015_Google Tag Manager Madness II Praxisbeispiele...Google Analytics Konferenz 2015_Google Tag Manager Madness II Praxisbeispiele...
Google Analytics Konferenz 2015_Google Tag Manager Madness II Praxisbeispiele...
 
Tag Manager Account Rettung mit GTM SPY
Tag Manager Account Rettung mit GTM SPYTag Manager Account Rettung mit GTM SPY
Tag Manager Account Rettung mit GTM SPY
 

Mehr von e-dialog GmbH

Mehr von e-dialog GmbH (20)

Webinar Online Marktforschung 04.03.2020
Webinar Online Marktforschung 04.03.2020Webinar Online Marktforschung 04.03.2020
Webinar Online Marktforschung 04.03.2020
 
ProgrammatiCon 2019 - Content Marketing skalierbar machen - Kurier - Stephani...
ProgrammatiCon 2019 - Content Marketing skalierbar machen - Kurier - Stephani...ProgrammatiCon 2019 - Content Marketing skalierbar machen - Kurier - Stephani...
ProgrammatiCon 2019 - Content Marketing skalierbar machen - Kurier - Stephani...
 
ProgrammatiCon 2019 - Programmatic DOOH - Goldbach - Paul Adamelis
ProgrammatiCon 2019 - Programmatic DOOH - Goldbach - Paul AdamelisProgrammatiCon 2019 - Programmatic DOOH - Goldbach - Paul Adamelis
ProgrammatiCon 2019 - Programmatic DOOH - Goldbach - Paul Adamelis
 
GMP-Con 2019 - Conversion Optimierung mit Analytics + Optimize - Sophie Kubec...
GMP-Con 2019 - Conversion Optimierung mit Analytics + Optimize - Sophie Kubec...GMP-Con 2019 - Conversion Optimierung mit Analytics + Optimize - Sophie Kubec...
GMP-Con 2019 - Conversion Optimierung mit Analytics + Optimize - Sophie Kubec...
 
GMP-Con 2019 - App Tracking - Markus Vollmert (lunapark)
GMP-Con 2019 - App Tracking - Markus Vollmert (lunapark) GMP-Con 2019 - App Tracking - Markus Vollmert (lunapark)
GMP-Con 2019 - App Tracking - Markus Vollmert (lunapark)
 
GMP-Con 2019 - Programmatic Display mit DV360 - Lisa Weichselbaum (e-dialog)
GMP-Con 2019 - Programmatic Display mit DV360 - Lisa Weichselbaum (e-dialog)GMP-Con 2019 - Programmatic Display mit DV360 - Lisa Weichselbaum (e-dialog)
GMP-Con 2019 - Programmatic Display mit DV360 - Lisa Weichselbaum (e-dialog)
 
GMP-Con 2019 - Facebook & Google Analytics in Love - Michaela Linhart (e-dialog)
GMP-Con 2019 - Facebook & Google Analytics in Love - Michaela Linhart (e-dialog)GMP-Con 2019 - Facebook & Google Analytics in Love - Michaela Linhart (e-dialog)
GMP-Con 2019 - Facebook & Google Analytics in Love - Michaela Linhart (e-dialog)
 
GMP-Con 2019 - Enterprise Ausblick, CRM, Machine Learning, Cloud - Siegfried ...
GMP-Con 2019 - Enterprise Ausblick, CRM, Machine Learning, Cloud - Siegfried ...GMP-Con 2019 - Enterprise Ausblick, CRM, Machine Learning, Cloud - Siegfried ...
GMP-Con 2019 - Enterprise Ausblick, CRM, Machine Learning, Cloud - Siegfried ...
 
GMP-Con 2019 - Enhanced E-Commerce - Markus Vollmert (lunapark)
GMP-Con 2019 - Enhanced E-Commerce - Markus Vollmert (lunapark)GMP-Con 2019 - Enhanced E-Commerce - Markus Vollmert (lunapark)
GMP-Con 2019 - Enhanced E-Commerce - Markus Vollmert (lunapark)
 
GMP-Con 2019 - Conversion Optimierung mit Analytics + Optimize - Sophie Kubec...
GMP-Con 2019 - Conversion Optimierung mit Analytics + Optimize - Sophie Kubec...GMP-Con 2019 - Conversion Optimierung mit Analytics + Optimize - Sophie Kubec...
GMP-Con 2019 - Conversion Optimierung mit Analytics + Optimize - Sophie Kubec...
 
Google Analytics Konferenz 2019_Kampagnen-Tracking_Holger Tempel (webalytics)
Google Analytics Konferenz 2019_Kampagnen-Tracking_Holger Tempel (webalytics)Google Analytics Konferenz 2019_Kampagnen-Tracking_Holger Tempel (webalytics)
Google Analytics Konferenz 2019_Kampagnen-Tracking_Holger Tempel (webalytics)
 
Google Analytics Konferenz 2019_App Tracking_Runa Reno (Booking.com) & Markus...
Google Analytics Konferenz 2019_App Tracking_Runa Reno (Booking.com) & Markus...Google Analytics Konferenz 2019_App Tracking_Runa Reno (Booking.com) & Markus...
Google Analytics Konferenz 2019_App Tracking_Runa Reno (Booking.com) & Markus...
 
Google Analytics Konferenz 2019_Attribution: building a model_Martin Frotzler...
Google Analytics Konferenz 2019_Attribution: building a model_Martin Frotzler...Google Analytics Konferenz 2019_Attribution: building a model_Martin Frotzler...
Google Analytics Konferenz 2019_Attribution: building a model_Martin Frotzler...
 
Google Analytics Konferenz 2019_Audience Management_Emma Crawford-Prajapati (...
Google Analytics Konferenz 2019_Audience Management_Emma Crawford-Prajapati (...Google Analytics Konferenz 2019_Audience Management_Emma Crawford-Prajapati (...
Google Analytics Konferenz 2019_Audience Management_Emma Crawford-Prajapati (...
 
Google Analytics Konferenz 2019_Data Privacy & Consent Management_Eckart Holz...
Google Analytics Konferenz 2019_Data Privacy & Consent Management_Eckart Holz...Google Analytics Konferenz 2019_Data Privacy & Consent Management_Eckart Holz...
Google Analytics Konferenz 2019_Data Privacy & Consent Management_Eckart Holz...
 
Google Analytics Konferenz 2019_Conversion Optimierung mit Analytics & Optimi...
Google Analytics Konferenz 2019_Conversion Optimierung mit Analytics & Optimi...Google Analytics Konferenz 2019_Conversion Optimierung mit Analytics & Optimi...
Google Analytics Konferenz 2019_Conversion Optimierung mit Analytics & Optimi...
 
Google Analytics Konferenz 2019_Customer Data Platform_Michaela Linhart (e-di...
Google Analytics Konferenz 2019_Customer Data Platform_Michaela Linhart (e-di...Google Analytics Konferenz 2019_Customer Data Platform_Michaela Linhart (e-di...
Google Analytics Konferenz 2019_Customer Data Platform_Michaela Linhart (e-di...
 
Google Analytics Konferenz 2019_Customer Data Platform_Timo von Focht (Comman...
Google Analytics Konferenz 2019_Customer Data Platform_Timo von Focht (Comman...Google Analytics Konferenz 2019_Customer Data Platform_Timo von Focht (Comman...
Google Analytics Konferenz 2019_Customer Data Platform_Timo von Focht (Comman...
 
Google Analytics Konferenz 2019_Google Marketing Platform - Enterprise_Siegfr...
Google Analytics Konferenz 2019_Google Marketing Platform - Enterprise_Siegfr...Google Analytics Konferenz 2019_Google Marketing Platform - Enterprise_Siegfr...
Google Analytics Konferenz 2019_Google Marketing Platform - Enterprise_Siegfr...
 
Google Analytics Konferenz 2019_Google Marketing Platform - Enterprise_Oleg P...
Google Analytics Konferenz 2019_Google Marketing Platform - Enterprise_Oleg P...Google Analytics Konferenz 2019_Google Marketing Platform - Enterprise_Oleg P...
Google Analytics Konferenz 2019_Google Marketing Platform - Enterprise_Oleg P...
 

Google Analytics Konferenz 2018_GTM Hacks_Maik Bruns (Metrica)

  • 2. Google Tag Manager Hacks Für jeden was dabei. Echt jetzt.
  • 5. Was hast du davon? Vorteile Du wirst schneller Dein Tracking flexibler You are the Nerd Du wirst krasser – Alter Du wirst krasser
  • 8. Mein erstes Mal Pssst, Präsentation von Thomas Tauchner immer noch verfügbar. https://go.metrika.de/GAUC2013GTM
  • 9.
  • 10. Der größte Hack? Der Tag Manager selbst <code> ….. </code> IT oder Web- Agentur Marketing/ Tags 1+wenige n
  • 12. Nicht alles machen! Kritisch sein.
  • 13. Und: Immer erst testen! Sonst …
  • 14. Willkommen in der Crazy World des Tag Managements! Hier werden unmögliche Dinge möglich gemacht
  • 15. What‘s in it for you today? Hacks GTM GA SEO Tools
  • 18. Es gibt meist mehr als einen Weg. Immer daran denken …
  • 19. WAS GEHT IM GTM? GTM Hacks Part 1
  • 20. Hack #1: Nutze den GTM + Anwendungsgebiet GTM Allgemein Fähigkeit Aufklären Dein Vorteil Er macht dich schneller, … … flexibler … … besser.
  • 21. Hack #2: Tastaturshortcut - Suchfunktion Anwendungsgebiet GTM Allgemein Fähigkeit Dinge schnell finden Dein Vorteil Macht dich schneller Du findest alles (woran du dich erinnern kannst) Besseres Debugging +
  • 22. Hack #2: Tastaturshortcut – Suchfunktion • Tastatur auf dem Ziffernblock • Alternativ das Symbol nutzen • oder die Suchfunktion im Menü /
  • 23. Hack #3: Klick-/Formular-Debugging Anwendungsgebiet GTM Allgemein Fähigkeit Klick unterbinden Dein Vorteil Besseres Klick- Debugging Besseres Formular- Debugging +
  • 24. Hack #3: Klick-/Formular-Debugging • (Win) oder (Mac) gedrückt halten beim Klick auf Link = Link öffnet in neuem Fenster/Tab. – erstes Fenster/Tab zeigt GTM-Ereignis an – So kannst du feststellen, ob der Klick auf den Link etwas (das Richtige?) auslöst. • unmittelbar nach Klick drücken – Klick wird für den GTM ausgeführt, aber Aktion im Browser sofort unterbunden (meistens ) – So kannst du feststellen, ob der Klick auf den Link etwas (das Richtige?) auslöst. Strg Cmd Esc
  • 25. Hack #3: Klick-/Formular-Debugging – Tooltipp 1. Tooltipp des Tages „GTM Sonar“ von Simo Ahava • Chrome Addon • „Hört“ entweder auf Klicks, spezielle Link Klicks oder Formular-Absenden! > www.simoahava.com/analytics/gtm-sonar-v1-2/
  • 26. Hack #4: Verwendung von Variablen + Anwendungsgebiet GTM Allgemein Fähigkeit Variablen variabel verwenden Dein Vorteil Mit Variablen mehr schaffen Flexibilität
  • 27. Hack #4: Verwendung von Variablen Variablen = immer praktisch, wenn man sie mehrfach benötigt und zentral verwalten möchte. Z. B. • Konstant (etwa für Analytics Property ID oder Facebook Pixel ID) • Page URL • Scroll Tiefe • Javascript • Cookies • Suchtabellen usw.
  • 28. Hack #4: Verwendung von Variablen Die wenigsten wissen, dass man sie nicht nur in Tags oder Triggern verwenden kann, … … sondern auch mittels „{{ }}“ in anderen Variablen, wie benutzerdefiniertem HTML/JavaScript Hier der Verweis auf eine Datenschichtvariable:
  • 29. Hack #4: Verwendung von Variablen Sehr praktisch: Auto Complete nach Eingabe von „ {{ “
  • 30. Was passiert, wenn jemand dein GTM- Container-Snippet auf seiner Seite installiert?
  • 31. Ja, das ist gephotoshopped Theoretisch können alle Tags ausgelöst werden, die auf deiner normalen Seite zu finden sind.
  • 32. Hack #5: Container Kidnapping verhindern + Anwendungsgebiet GTM Allgemein Fähigkeit Container Kidnapping verhindern (Container kann auf fremdem Terrain ausgespielt werden) Dein Vorteil Er rüstet dich gegen Kidnapping Dein Tracking und deine Pixel bleiben sauber
  • 33. Hack #5: Container Kidnapping verhindern Was du dagegen tun kannst Keinen „All Pages“-Trigger nutzen, sondern von vorneherein einschränken.
  • 34. Hack #5: Container Kidnapping verhindern Was du dagegen tun kannst … oder sein Gegenstück als „Blocking“-Trigger (Trigger-Ausnahme) nutzen.
  • 35. Hack #5: Container Kidnapping verhindern Was du dagegen tun kannst Noch eine Möglichkeit: In entsprechenden Suchtabellen keinen „Standardwert“ setzen.
  • 36. Hack #5: Container Kidnapping verhindern Was du dagegen tun kannst Außerdem: Hostfilter in Analytics setzen (hilft aber nur bei GA-Tracking) Mehr dazu: https://www.metrika.de/blog/google-tag-manager/gtm-container-kidnapping-analytics-manipulation/
  • 37. Hack #5: Container Kidnapping verhindern Noch etwas Lustiges Du kannst natürlich auf den „fremden“ Seiten auch „aktiv“ werden. ;-) Zum Beispiel mit diesem Custom HTML Tag <style> body { display: none !important; // hides page content } </style> <script> alert('Ey du, hast du Spass mit meiner Seite?'); document.location=' https://youtu.be/22w2oRE8XLg '; </script>
  • 38. Hack #5: Container Kidnapping verhindern Ergebnis
  • 39. Hack #6: Exit Intent Tracking + Anwendungsgebiet GTM Allgemein Fähigkeit Exit Intent Listener Dein Vorteil Du kannst reagieren, wenn jemand „gehen“ will. Ein Trigger für viele Zwecke
  • 40. Hack #6: Exit Intent Tracking Wie? • Custom HTML Tag, das die Mausbewegung trackt • Sobald „Verlassen“ droht, wird ein Trigger gesetzt • (den Rest musst du selber machen ) https://www.analyticsmania.com/g oogle-tag-manager-recipes/exit- intent/ (© Julius Fed (Fedorovicius))
  • 41. … FÜR GOOGLE ANALYTICS GTM Hacks Part II
  • 42. Überlege vorher: • Wie beeinflusst der Hack meine Hits (-> Hit Limit 10 Mio bei kostenlosem Google Analytics)? • Brauche ich das, was ich da messe? • Was folgt daraus? Falls du das Hit Limit reißt: • Limitiere den Trigger • Oder verzichte auf das Tag
  • 43. Hack #7: Google Analytics Einstellungen Variable + Anwendungsgebiet Google Analytics Fähigkeit Google Analytics Einstellungen Dein Vorteil Einmal und dann nie wieder (oder selten) Seeehr effizient Weniger Fehler
  • 44. Hack #7: Google Analytics Einstellungen Variable Set it and forget it – Variable einstellen • anonymizeIP für alle Tags • Cookiedomain = auto (schon drin) • Domainübergreifendes Tracking (Domains eintragen) • Custom Dimensions/Metrics • Enhanced E-Commerce • Content Grouping • …
  • 45. Hack #7: Google Analytics Einstellungen Variable Einbau ins Tag • Einfach • Überschreibbar • Aufpassen bei Spezialfällen! – Kleinsten gemeinsamen Nenner in die Variable. – Die speziellen Dinge in das konkrete Tag!
  • 46. Hack #8: Suchtabellen verschachteln + Anwendungsgebiet Google Analytics Fähigkeit Suchtabellen für Property ID verschachteln (je nach Status wird andere Property ID ausgespielt) Dein Vorteil Nur ein Tag statt vieler Ausnahmeregelung deluxe Flexibilität
  • 47. Grundsätzlich möglich: Variablen in Variablen aufrufen Erinnerung
  • 48. Hack #8: Suchtabellen verschachteln … zum Beispiel in Variable „Google Analytics Einstellungen“ anstelle der „Tracking ID“
  • 49. Hack #8: Suchtabellen verschachteln Konzept (Beispiel) Abfrage Hostname Wenn WWW.domain.de, dann … Wenn STORE.domain.de, dann … Abfrage Debugmode WWW {{debug mode}} = true? Dann „UA-1234567-2“ {{debug mode}} = false? Dann „UA-1234567-1“ Abfrage Loginstatus STORE {{loginstatus}} = „client“, dann „UA-1234567-10“ {{loginstatus}} =„employee“, dann „UA-1234567-11“ {{loginstatus}} = „null“, dann „UA-1234567-12“ Abfrage Debugmode STORE {{debug mode}} = true? Dann „UA-1234567-15“ {{debug mode}} = false? Dann …
  • 50. Hack #8: Suchtabellen verschachteln Step 1: ggf. benötigte integrierte Variablen aktivieren (hier z. B. „Page Hostname“ und „Debug Mode“)
  • 51. Hack #8: Suchtabellen verschachteln Step 2: ggf. benötigte zusätzliche Variablen anlegen (hier z. B. „loginstatus“ aus dem dataLayer)
  • 52. Hack #8: Suchtabellen verschachteln z. B. Abfrage Hostname Step 3: Suchtabellen anlegen
  • 53. Hack #8: Suchtabellen verschachteln
  • 54. Hack #8: Suchtabellen verschachteln Step 4: In GA-Einstellungen packen „Oberste“ Suchtabelle, z. B. in Google Analytics Einstellungen hinterlegen = ganz starke Kombination
  • 55. … das geht natürlich nicht nur mit PropertyID
  • 56. Hack #8: Suchtabellen verschachteln Unterscheidung, z. B. nach Schlüssel • Hostname • Debug-Mode • eingeloggter Nutzer • Environment • … … oder Zweck • Property ID • Pixel ID • GA-Einstellungen-Variable • usw.
  • 57. Hack #9: DSGVO konform tracken + Anwendungsgebiet Google Analytics Fähigkeit Tracking Tags DSGVO-konform ausspielen Danke an Jente De Ridder von Humix Dein Vorteil Die Gefahr der Abmahnung sinkt. 
  • 58. Hack #1: DSGVO-/GDPR-konform tracken Problem bei DSGVO: Alle sagen, was man nicht darf. Keiner sagt, wie es geht. Jente De Ridder hat das mal anders gemacht.
  • 59. Jentes Blogpost, den wir hier nicht gänzlich besprechen können: https://www.humix.be/en/blog/configure-google-analytics-for-gdpr/ Hack #9: DSGVO konform tracken • Das hier ist natürlich keine Rechtsberatung. Fragt euren Anwalt! • … aber ein Ansatz für sauberes Tracking. • Und es übernimmt auch nicht deine Dokumentationspflichten (wo hältst du welche Daten über Nutzer?) usw. • Aber der Tag Manager kann dir eine Menge Arbeit abnehmen. All the fame to this man!
  • 60. Hack #9: DSGVO konform tracken Alle drei Antworten „nein“? Dann müssen wir den Nutzer nicht fragen. Bei mind. 1x „ja“ müssen wir den Nutzer zuerst fragen. *AnonymizeIP ist Voraussetzung Wie‘s genau geht unter https://go.metrika.de/AIPGAUC2018) ? Nutzen wir User-ID- Funktion? Übertragen wir die vollständige IP- Adresse? * Teilen wir Google- Analytics-Daten mit Drittanbietern (DC, AW, FB)?
  • 61. Hack #9: DSGVO konform tracken An folgendes denken: • Noch nicht klar: Ist die ClientID personenbezogen? • Cookie setzen (Name zum Beispiel „cookieconsent“) nach Abfrage welche Daten erhoben/genutzt werden dürfen (Inhalt „1“, „2“ oder „3“). Hier im Beispiel – Level „1“: Nutzer möchte nicht identifiziert werden – Level „2“: Nutzer darf identifiziert werden und wir dürfen personalisieren – Level „3“: Nutzer darf identifiziert werden und wir dürfen seine Daten mit Drittanbietern teilen.
  • 62. Hack #9: DSGVO konform tracken Der Weg: User Identifier (wie z. B. User ID) dürfen nur nach Zustimmung gesetzt werden. Sofern du sie setzen darfst, User ID … • … entweder im Cookie ablegen • … oder im dataLayer (ablegen lassen). und daraus eine Variable machen.
  • 63. Consent Level aus Cookie abfragen und in Variable reinlesen: Hack #9: DSGVO konform tracken Cookie Consent und UID zusammenbringen In GA Einstellungen hinterlegen
  • 64. Hack #9: DSGVO konform tracken Werbefunktionen mit demografischen Daten nutzen? Fragst du halt den Nutzer und spielst das Ergebnis entsprechend aus.
  • 65. Hack #9: DSGVO konform tracken Evtl. Client-ID nur noch sessionbasiert nutzen? Dann in den Beitrag von Jente De Ridder schauen. Da steht alles ganz genau. Jentes Blogpost, den wir hier nicht gänzlich besprechen können: https://www.humix.be/en/blog/configure-google-analytics-for-gdpr/
  • 66. Hack #10: PII Eraser + Anwendungsgebiet Google Analytics Fähigkeit Personally Identifiable Information vor dem Hit rauswerfen Dein Vorteil Du hältst dich an GA- Bedingungen Du erhebst (weniger/keine) personenbezogenen Daten
  • 67. Personenbezogene Daten? • Klarnamen • E-Mail-Adressen • Wohnadressen • Telefonnummern • IBAN • Kreditkarten-Informationen • … Einfach mal nach „@“ suchen. 
  • 68. Hack #10: PII Eraser Kein vollständiger Hack, aber er nimmt einiges ab + Inspiration
  • 69. Hack #10: PII Eraser Wichtig zu wissen: • Datenlöschung droht (Umfang unterschiedlich) • Nicht-Wissen ändert nichts • Filter in GA genügen nicht! (Greifen erst auf Datenansichtsebene) • Daher: Hits sollten schon VOR dem Absenden „bereinigt“ werden.
  • 71. Hack #10: PII Eraser Step 1: Benutzerdefinierte Javascript-Variable erstellen function() { return function(model) { // Add the PII patterns into this array as objects var piiRegex = [{ name: 'E-MAIL', regex: /.{4}@.{4}/g },{ name: 'E-MAIL EIGENE DOMAIN', regex: /[^/]{4}@(?=metrika.de)[^/]{4}/gi },{ name: 'PASSWORT', regex: /((passwort=)|(password=)|(passwd=)|(pass=)).*/gi },{ name: 'POSTLEITZAHL', regex: /((plz=)|(postleitzahl=))+(d[-]{0,1}){0,1}d{5}/gi },{ name: 'TELEFONNUMMER', regex: /(+|0)+d+(.?[/-]?.?d+)*/g }]; // Fetch reference to the original sendHitTask var originalSendTask = model.get('sendHitTask'); var i, hitPayload, parts, val; // Overwrite sendHitTask with PII purger model.set('sendHitTask', function(sendModel) { hitPayload = sendModel.get('hitPayload').split('&'); for (i = 0; i < hitPayload.length; i++) { parts = hitPayload[i].split('='); // Double-decode, to account for web server encode + analytics.js encode val = decodeURIComponent(decodeURIComponent(parts[1])); piiRegex.forEach(function(pii) { val = val.replace(pii.regex, '[REDIGIERT ' + pii.name + ']'); }); parts[1] = encodeURIComponent(val); hitPayload[i] = parts.join('='); } sendModel.set('hitPayload', hitPayload.join('&'), true); originalSendTask(sendModel); }); }; } (inspiriert durch Brian Clifton, nochmal ordentlich angepasst)
  • 72. Hack #10: PII Eraser Step 2: Einbau in GTM Möglichst als „customTask“ in Variable „Google Analytics Einstellungen“ nutzen („Festzulegende Felder“)
  • 73. Hack #10: PII Eraser Hier gibt‘s das Ganze zum Nachlesen https://go.metrika.de/PIIGAUC inkl. Downloadmöglichkeit für einen GTM-Container
  • 74. Hack #10: PII Eraser Noch besser ist übrigens … Solche Daten gar nicht erst entstehen lassen (Sprecht mal intern darüber )
  • 75. Hack #11: UTM Parameter rauswerfen + Anwendungsgebiet Google Analytics Fähigkeit UTM Parameter aus URL rauswerfen, ohne Tracking zu verlieren Dein Vorteil Schöne URLs Kampagnentracking bleibt erhalten (vs. Filter) ist schön einfach
  • 76. Hack #11: UTM Parameter rauswerfen Scripten? Kann ich … … nicht. Aber schauen, was andere machen, schon. Ihr findet ein cooles Script hier: https://websiteadvantage.com.au/Google-Analytics-UTM-Removal
  • 77. Hack #11: UTM Parameter rauswerfen Wie geht das? 1. Du brauchst eine neue Variable, Typ „benutzerdefiniertes JavaScript“ function() {return function() { if (!window.history.replaceState) { return; }; var cleanSearch = window.location.search .replace(/utm_[^&]+&?/g, '') // removes utm_xxx parameters .replace(/&$/, '') // removes & if last character .replace(/^?$/, '') // removes ? if only remaining character ; // some pass utm_xxxx in the hash var cleanHash = window.location.hash .replace(/utm_[^&]+&?/g, '') // removes utm_xxx parameters .replace(/&$/, '') // removes & if last character .replace(/^#$/, '') // removes # if only remaining character ; window.history.replaceState({}, '', window.location.pathname + cleanSearch + cleanHash); } }
  • 78. Hack #11: UTM Parameter rauswerfen Wie geht das? 2. Google Analytics Tags oder GA-Einstellungen-Variable anpassen. Unter „Weitere Einstellungen“ > „Festzulegende Felder“ > „hitCallback“ ergänzen und als „Wert“ die benutzerdefinierte JS-Variable einfügen.
  • 79. Hack #11: UTM Parameter rauswerfen Wie funktioniert das? Durch hitCallback wird zunächst der Analytics Hit abgesendet und sobald das erfolgreich gelaufen ist, wird die URL verändert.
  • 80. … FÜR SEO GTM Hacks Part III
  • 81. Hack #12: 404-Fehlerseiten-Tracking + Anwendungsgebiet Google Analytics SEO Fähigkeit 404 Fehlerseiten- Tracking Dein Vorteil Externe Broken Links fixen (SEO) Bounces verringern UX verbessern (v. a. intern) Hallo Ranking?
  • 82. Hack #12: 404-Fehlerseiten-Tracking Möglichkeiten Tools: 404-Fehlerseiten Tracking? • Crawler (z. B. Screaming Frog SEO Spider, v. a. interne Links) • Google Search Console • Google Analytics (Verhalten -> Alle Seiten) = Performance der 404-Seite herausfinden. Oder? Ereignisse via GTM tracken = mehr Infos, bessere Analyse
  • 83. Hack #12: 404-Fehlerseiten-Tracking Step 1: Fehlerseite herausfinden Was zeichnet sie aus? Z. B. • Title („404“ oder „Ups“ oder „Seite nicht gefunden“, …) • URL der Seite (z. B. 404.php bei Weiterleitung oder aktuelle URL) • Generell der Inhalt
  • 84. Hack #12: 404-Fehlerseiten-Tracking Step 2: Variablen anlegen oder aktivieren Z. B. Page Title via „Javascript-Variable“-Variable (anlegen, s. links) und integrierte Variablen „Page URL“ und „Referrer“ aktivieren
  • 85. Step 3: Trigger anlegen • Typ „Seitenaufruf“ • Einige Seitenaufrufe • „[unsere Title-Variable]“ – „stimmt überein mit regulärem Ausdruck (Groß-/Kleinschreibung ignorieren)“ – „Seite wurde nicht gefunden“ (o. ä.) Hack #12: 404-Fehlerseiten-Tracking
  • 86. Step 4: Ereignis-Tag anlegen • Typ „Universal Analytics“ -> Ereignis • Ereigniskategorie, -aktion und -label sinnvoll füllen (hier nur Beispiel) • Trigger wählen, z. B. den vorhin erstellten • Testen (auch in Echtzeit-Report), live stellen, fertig. Hack #12: 404-Fehlerseiten-Tracking Debug-Info
  • 88. Hack #12: 404-Fehlerseiten-Tracking Optimierungs- möglichkeiten Backlinks überprüfen interne Links korrigieren Umleitungen einstellen oder Seite anstelle der „404-Seite“ erzeugen …
  • 89. Hack #13: Time to Bounce back to SERP messen + Anwendungsgebiet SEO Fähigkeit Time to Bounce back to SERP (Dwell Time) messen Dein Vorteil Es könnte sein, dass Google das auch misst, … Verbesserung UXDanke an Simo Ahava (s. u.) Simos Beitrag : https://www.simoahava.com/analytics/measure-serp-bounce-time-with-gtm/
  • 90. Hack #13: Time to Bounce back to SERP messen Dwell Time? Suchanfrage Klick Pageview Return to SERP Zeit „Eintritt“ Zeit „Verlassen“ „Zeit ‚Verlassen‘“ – „Zeit ‚Eintritt‘“ = Dwell Time
  • 91. Hack #13: Time to Bounce back to SERP messen Prozess Die Kombination zeigt: Nutzer kommt von “Google organisch” und versucht zurückzuspringen. Funktioniert nur bei Browsern, die History API unterstützen. Organic? „künstlicher“ History- Eintrag mit #gref #gref geändert in „leer“ UND Nutzer immer noch auf Landingpage? Timing-Ereignis an GA „Zurück“ auslösen 1. 2.
  • 92. Hack #13: Time to Bounce back to SERP messen Interessanter Artikel dazu auch unter:  https://ahrefs.com/blog/dwell-time/ Podcastfolge zur Verweildauer:  https://go.metrika.de/DSMDM18GAUC Wird die Dwell Time wirklich gemessen? (kein offizielles Statement) Länger immer = besser? (Landingpage-Typ, Branche, Ladezeit, Besuchs-Intention, …) Was ist mit Tabbed-Browser- Typen (wie mir)?? Back Button? Desktop vs. Mobile? Fragen
  • 93. Hack #13: Time to Bounce back to SERP messen Step 1: Benutzerdefiniertes HTML (Variable) anlegen © Simo Ahava <script> (function() { var s = document.location.search; var h = document.location.hash; var e = {{Event}}; var n = {{New History Fragment}}; var o = {{Old History Fragment}}; // Only run if the History API is supported if (window.history) { // Create a new history state if the user lands from Google's SERP if (e === 'gtm.js' && document.referrer.indexOf('www.google.') > -1 && s.indexOf('gclid') === -1 && s.indexOf('utm_') === -1 && h !== '#gref') { window.oldFragment = false; window.history.pushState(null,null,'#gref'); } else if (e === 'gtm.js') { window.oldFragment = true; } // When the user tries to return to the SERP using browser back, fire the // Google Analytics timing event, and after it's dispatched, manually // navigate to the previous history entry, i.e. the SERP if (e === 'gtm.historyChange' && n === '' && o === 'gref') { var time = new Date().getTime() - {{dsv - gtm.start}}; if (!window.oldFragment) { dataLayer.push({ 'event' : 'returnToSerp', 'timeToSerp' : time, 'eventCallback' : function() { window.history.go(-1); } }); } else { window.history.go(-1); } } } })(); </script>
  • 94. Hack #13: Time to Bounce back to SERP messen Step 2: Trigger für benutzerdefiniertes HTML 1. All Pages 2. UND: Verlaufsänderung
  • 95. Hack #13: Time to Bounce back to SERP messen Step 3: integrierte Variablen aktivieren 1. Page URL 2. Event 3. New History Fragment 4. Old History Fragment 5. History Source
  • 96. Step 4: Zwei Datenschicht-Variablen anlegen 1. gtm.start Hack #13: Time to Bounce back to SERP messen 2. timeToSerp
  • 97. Step 5: Trigger für Timing-Ereignis anlegen Ereignis „returnToSerp“ ausgeführt? Dwell Time < 30 Minuten (1800000 ms)  Check Hack #13: Time to Bounce back to SERP messen
  • 98. Step 6: Timing-Ereignis Tag anlegen • Universal Analytics Tag > Typ „Timing“ • Var: z. B. „{{Page URL}} • Kategorie: z. B. „SERP Bounce“ • Wert: „{{dsv – timeToSerp}}“ bzw. der Name, den du nutzt Hack #13: Time to Bounce back to SERP messen
  • 99. Ergebnisse • Bericht „Nutzer-Timings“ • Primäre Dimension „Timing Variable“ gibt Seite preis • … und natürlich kannst du nach Belieben segmentieren. Hack #13: Time to Bounce back to SERP messen
  • 100. Hack #13: Time to Bounce back to SERP messen
  • 101. Noch „dickere“ Lösung von diesem Mann Markus Baersch https://pt.slideshare.net/MarkusBaersch1/bounce-rate-demystified-campixx-2018 Inkl. Mehr-Seiten-Besuche, berechneten Messwerten usw. Er schickt dir den Container mit Erklärung
  • 102. Hack #14: Title und Description ändern Anwendungsgebiet SEO Fähigkeit Title und Description ändern Dein Vorteil Vielleicht mag Google das. (Vielleicht auch nicht?) +
  • 103. Überlege vorher: • Kann eine Suchmaschine das lesen? • Gibt es noch andere Suchmaschinen außer Google?
  • 104. Hack #14: Title und Description ändern
  • 105. Hack #14: Title und Description ändern Step 1: Benutzerdefiniertes HTML anlegen <script> //wirft alte Title und Description raus jQuery('title').remove(); jQuery('meta[name="description"]').remove(); //füllt sie mit neuen Inhalten var desc = document.createElement('meta'); desc.name = 'description'; desc.content = 'Das ist ein sehr, sehr guter Blog. Hier, der von Metrika. Weißt du?'; jQuery('head').append(desc); var ttle = document.createElement('title'); ttle.text = 'Der super Blog von Metrika'; jQuery('head').append(ttle); </script>
  • 106. Hack #14: Title und Description ändern Step 2: Trigger für entsprechende Seite anlegen (hier nur Startseite)
  • 107. Hack #14: Title und Description ändern Ergebnis
  • 108. Hack #14: Title und Description ändern Extra Hack für mehr als eine Änderung Suchtabelle im HTML-Tag einbetten, bei der nach Pfad aufgelöst wird (Beispiel)
  • 109. Hack #14: Title und Description ändern Viele Beispiele im Netz für ähnliche Dinge u. a. • Canonical Tags (Moz) https://moz.com/blog/heres-how-to-generate-and-insert-rel- canonical-with-google-tag-manager • Hreflang (searchVIU, Eoghan Henn) https://www.searchviu.com/en/javascript-seo-experiment-hreflang/ • Title, Noindex, Nofollow, Canonical, internal Links, Verlinkung via JSON-LD-Markup (searchVIU, Eoghan Henn) https://www.searchviu.com/en/javascript-seo-experiments-google- tag-manager/
  • 111. Hack #15: Modifiziere Browserfarbe (derzeit nur mobil) + Anwendungsgebiet UX Fähigkeit Browserfarbe ändern (mobiler Chrome-Browser) Dein Vorteil Auffallen, v. a. im mobilen Browser
  • 112. Hack #15: Modifiziere Browserfarbe (derzeit nur mobil)
  • 113. Hack #15: Modifiziere Browserfarbe (derzeit nur mobil) Step 1: benutzerdefiniertes HTML-Tag erstellen Skript auf nächster Seite Step 2: Trigger „All pages“ Achtung: Kann ein paar Sekunden benötigen, bevor die Farbe gezeigt wird.
  • 114. Hack #15: Modifiziere Browserfarbe (derzeit nur mobil) <script> var bcolor = document.createElement('meta'); bcolor.name = 'theme-color'; bcolor.content = '#1ebcef'; //Beispielfarbe document.head.appendChild(bcolor); </script> Basiert auf https://developers.google.com/web/fundamentals/design-and- ux/browser-customization/#color_browser_elements
  • 117. Hack #16: Tooltime • Super hilfreiches Chrome AddOn mit vielen Funktionen • https://www.davinci.tools/ DaVinci Tools (für GTM und GA) – von Stéphane Hamel • Unterbindet Klicks und Formularabsendung (zum Debuggen) • https://www.simoahava.com/analytics/gtm-sonar-v1-2/ GTM Sonar (Chrome AddOn – schon erwähnt) – von Simo Ahava • Konfigurationen von einem ins andere GTM Konto kopieren • https://www.gtmtools.com/ GTM Tools (Chrome AddOn) – von Simo Ahava • Manage Google Tag Manager Container, Tags, Trigger und Variablen • https://www.simoahava.com/tools/gtm-tools-by-simo-ahava/ GTM Tools for Sheets (Google Drive) – von Simo Ahava
  • 118. Hack #16: Tooltime • Kein Tag Manager installiert? Das Tool tut so, als ob • https://chrome.google.com/webstore/detail/tag-manager- injector/ooninanccdmjbcmghimhdfpeklpmlllg Tag Manager Injector – von Chris Berger • Umfangreiche Suchtabellen bauen und leicht einbinden • http://www.seerinteractive.com/blog/gtm-match-table-generator/ GTM Match Table Generator – von Seer Interactive • Element auf Seite markieren, Icon drücken, Console checken (Entwicklertools), Konfiguration für die Variable kopieren, fertig. • https://chrome.google.com/webstore/detail/gtm-variable- builder/feeboihdgpananoagfmbohoogoncndba GTM Variable Builder – von Alessandro Colarossi
  • 121. Biddeschön! @brunsmaik@maikbrunsmetrika@maikbruns Maik Bruns Analytics Professional undCoach maik.bruns@metrika.de Download unter: https://go.metrika.de /GAUC18 inkl. Bonusteil FOLLOW ME FOR STORIES, LIVESTREAMS, INSIGHTS