Vortrag vom SEAcamp 2018 in Hannover - abzüglich der Folien zur Pressekonferenz des FC Bayern ;)

1. Analytics „Hacks“ für
bessere Daten
Lösungen für GA und GTM aus der Praxis
Markus Baersch
gandke gmbh

2. „Agenda“
Wozu?
Lösungen echter Probleme aus der Praxis,
aus Facebook – Gruppen, Workshops und Audits
Was?
Sinnvolle „Hacks“ und Ergänzungen für GA und GTM
Wie?
Lösungen direkt in der Präsentation und / oder als Referenz zu
Blogbeiträgen etc. – also alles „nachbaubar“!

3. Problem:
„unsere Absprungrate
ist zu hoch“

4. Lösung: Messung vertiefen(?)
Standard Pageviews
PDFs & Downloads
Klicks auf Maillinks, Telefonnummern
Exit per externem Link
Formularereignisse
Interaktion mit Medieninhalten
In Page Ereignisse für Accordion, Tabs…
Text kopieren
(Scrollen / Visibility)

5. Beispiel: Mail-Links

6. Beispiel: Outbound-Links

7. Beispiel: Outbound-Links
Oder Downloads?
Oder Telefon-Links?

8. Beispiel: Exit Intent
https://www.markus-baersch.de/blog/exit-intent-mit-google-analytics-messen/
Gute Alternative, wenn nicht wirklich „Popups“ getriggert werden sollen : Aktivität messen -
siehe z. B. http://riveted.parsnip.io/

9. Beispiel: Element-Sichtbarkeit (statt Scrolltracking!) .

10. Beispiel: Element-Sichtbarkeit (statt Scrolltracking!) .

11. Bonus: Textlänge als Kontext nutzen
https://bit.ly/gtm-textlength

12. Problem:
Wir wollen keine UTM-
Parameter, die sehen
doof aus!

13. Lösung: UTM Removal Callback

14. Lösung: UTM Removal Callback
https://www.zedwoo.de/utm-parameter-aus-url-entfernen/

15. Problem:
Ich kann die Elemente
nicht selektieren, die ich
messen will!

16. Slider als Beispiel für „schlecht selektierbare Elemente“ .

17. Wie kommt die Farbe auf die Slides? .

18. Lösung: CSS Selektion

19. Das kann der GTM auch!

20. Wie kann ich die „ID“ bestimmen?

21. Index beim Klick-Event übergeben

22. querySelector FTW!

23. Problem: „Dynamische“ Formulare

24. Nerd Alarm!
Lösung für „AJAX-Probleme“:
EventListener / MutationObserver

25. Elementänderungen „beobachten“
<script>
var elem = document.querySelector('#response-ok');
var MutationObserver = window.MutationObserver ||
window.WebKitMutationObserver;
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.type==="attributes" &&
(mutation.target.className.indexOf('hidden')===-1)) {
//dataLayer.push({'event': 'formSuccess'});
console.log("fired formSucces...");
}
});
});
var config = { attributes: true, childList: true, characterData:
true }
observer.observe(elem, config);
</script>
https://www.simoahava.com/analytics/google-tag-manager-dom-listener/

26. Elementänderungen „triggerbar machen“ .
<style>
#response-ok.hidden{display:block!important;
visibility: hidden; height:0;padding:0;margin:0}
#response-ok{visibility: visible;
transition: visibility 0.1s;padding:16px;margin:0 0 20px}
</style>
<script>
document.getElementById('response-ok').addEventListener("transitionend",
function(){
dataLayer.push({'event': 'formSuccess'});
});
</script>

27. Elementänderungen „triggerbar machen“ .
abort
beforeinput
blur
click
compositionstart
compositionupdate
compositionend
keydown
dblclick
error
focus
focusin
focusout
input
keypress
keyup
load
mousedown
mouseenter
mouseleave
mousemove
mouseout
mouseover
mouseup
resize
scroll
select
unload
wheel
https://developer.mozilla.org/de/docs/Web/API/EventTarget/addEventListener

28. Problem:
Viel zu viele URLs!

29. Lösung: Reduzieren ;)
Konsolidierung:
- Per Benennung der Seiten im Trackingcode / Bereinigung in GTM
- Per Parameter-Behandlung in den Einstellungen der Datenansicht
- Über Filter
„Zoom Out“:
- Auswertung nach Verzeichnissen
- Benutzerdefinierte Dimensionen für Segmente
- „Content Grouping“ - Dokumentgruppen bilden:
- Extraktion, Regel, Code
ga('set', 'contentGroup1', 'Blog');
- Hören: https://www.termfrequenz.de/podcast/beyond-pageviews-podcast/bp-2-8-
content-grouping/
- Lesen: http://ganalyticsblog.de/analytics-tutorials/google-analytics-content-grouping-
fur-die-suchmaschinenoptimierung-nutzen/

30. Suchparameter ausschließen

31. Content Grouping

32. Content Grouping per Code

33. Content Grouping per Code

34. Content Grouping per Code

35. Problem:
Messung
organischer Traffic

36. „Quellen der organischen Suche“

37. „Quellen der organischen Suche“
https://www.gandke.de/blog/analytics-bericht-der-verweise-verbessern/

38. Problem!
Nanu, Suchparameter kommen nicht an?
Suchmaschinen wie DuckDuckGo & Co. übertragen den Parameter und die Suchphrase nicht
(mehr). Ergebnis: referral statt organic 

39. Lösung: customTask

40. customTask inkl. Quelle/Medium
go.gandke.de/fixorganic

41. „Mehr“ organischer Traffic ;) .

42. Problem:
Metadaten und JSON-LD
per GTM – geht das nun
oder nicht?

43. JSON-LD, Canonicals & Co…
- Geht oder geht nicht?
- Unterschiedliche Aussagen
- Tests zeigen immer noch, dass hreflang, canonical etc. funktionieren
- Aber:
- Es ist immer nur eine Krücke
- Nicht alle rendern beim Crawling
- Auch Google rendert nicht immer
- Empfehlung
- Nur „Marginalien“
- Oder nur dann, wenn die IT erst in 3 Jahren Zeit hat

44. Beispiel: Mach bunt mit theme-color!

45. Beispiel: Organisation / Suchfunktion
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "https://www.gandke.de/",
"potentialAction": {
"@type": "SearchAction",
"target": "https://www.gandke.de/suche/?query={query}",
"query-input": "required name=query"
},
"image": ["/images/gandke-teaser.png"]
}
</script>
Beispiel: https://www.luna-park.de/blog/30901-strukturierte-daten-mit-dem-google-tag-manager/

46. „Take Away“
Trackingcode reinwerfen reicht nicht!
Es gibt deutlich mehr zu messen und bestehende Werte sind gern missverständlich
Soll ich das alles einbauen?
Nein. Nur das, was Dir hilft, Deine Site besser zu verstehen und was zu echten Insights führt.
Sonst bestenfalls, weil Du gern bastelst und sonst nichts zu tun hast. Also nie!
Wo soll ich anfangen?
Meine ganz unvoreingenommene Empfehlung: Mache einen Audit und lies Dir die Hinweise
durch ;) https://www.analytrix.de/verweisanalyse.html
Schöne Liste: https://www.analyticsmania.com/post/google-tag-manager-use-cases/
Wo finde ich noch mehr?

47. N. D.

48. gandke.de
markus-baersch.de
markus-baersch.de/facebook
markus-baersch.de/xing
@mbaersch
markus-baersch.de/slideshare
… Fragen? Melden!