Google Tag Manager Templates
•
0 gostou•49 visualizações
Slides zum Analytics Pioneers Meetup in Düsseldorf am 14.06.2022.
Recomendados
Recomendados
Mais conteúdo relacionado
Semelhante a Google Tag Manager Templates
Semelhante a Google Tag Manager Templates (20)
Mais de 📊 Markus Baersch
Mais de 📊 Markus Baersch (20)
Google Tag Manager Templates
- 1. Markus Baersch Analytics Pioneers Meetup DUS Google Tag Manager Templates Praktisch im Browser, unverzichtbar am Server
- 2. Wozu Templates (im Client)? ● Verzicht auf HTML Tags ● Wiederverwendbar = Code Reduktion ● Zentral pflegbar, Updates auf Knopfdruck ● Transparenz & (Sicherheit) ● Robustheit & Zuverlässigkeit ● Gallery!
- 3. Wozu Templates (am Server)? ● Alternativlos: Kein JS Code in Tags, keine JS Variablen (for now) ● Für schnelle Nutzung neuer Features unverzichtbar ● Zentral pflegbar, Updates auf Knopfdruck ● Transparenz & (Sicherheit) ● Robustheit & Zuverlässigkeit ● Gallery!
- 4. Google Tag Manager Template Gallery
- 5. Google Tag Manager Template Gallery
- 6. Google Tag Manager Template Gallery
- 8. Story Time… Warum Templates einfach besser sind als Custom JS A real life example GA4 Umstellung eines bestehenden Containers GA4 Basis war da Nächster Schritt: E-Commerce … was erstmal immer gleich aussieht … und immer gleich gelöst wird … bis eines Tages (im Mai)... C
- 9. Beispiel: Robustheit Standard E-Commerce Implementierung in GA4 mit Simos Template und etwas JS. Keine Hexerei…
- 10. Wieso ist der “Item Value” undefined? Beispiel: Robustheit
- 11. Alle JS Vars? Undefined! WTF?
- 13. … immer noch undefined. WTF!?!?!1elf?
- 15. Learning Template Code ist deutlich robuster! … und sicherer … und effizienter … und so weiter
- 16. Überzeugt?
- 17. Demo Internal IP Filter (Server-Side)
- 18. Eigenes Template: Ganz einfach ;) Namen vergeben und loslegen: > Felder definieren > Coding > Permissions > Tests > Einsatz
- 22. Berechtigungen
- 23. Be specific ;)
- 26. … und nutzen! ;)
- 27. Aber Vorsicht! Das musst Du noch anpassen ;) Match bei Teilübereinstimmung = doof
- 28. Und das JavaScript Problem von eben? Eingabefeld für Items / Products Code faktisch ein Einzeiler Testbar direkt im Editor anhand von beliebigen Eingabewerten
- 29. Steig ein! Vorschläge Starten mit Gallery Einfache Aufgaben = einfache Templates Testing auf Stage o. Ä. Die Hilfe ist eine Hilfe JS unverzichtbar! Tipp zum Einstieg: https://www.freecodecamp.org/learn/j avascript-algorithms-and-data- structures/
- 31. Danke! Fragen? …oder Feedback? …oder gar Bedarf? :)
Notas do Editor
- const getRemoteAddress = require('getRemoteAddress'); const ip = getRemoteAddress(); let res = false; data.internalIpList.forEach(e => { let mrk = e.internalMarker, isMatch = ip.match(mrk); require('logToConsole')(ip, mrk, isMatch); if (ip.match(e.internalMarker) != null) { res = true; } }); return res;
- const ip = require('getRemoteAddress')(); let res = false; data.internalIpList.forEach(e => { if (ip.match(e.internalMarker) != null) { res = true; } }); return res;
- var items = data.inputArray || []; return items.reduce((prev, item) => { return item.price*100 - (item.discount||0)*100; }, 0) / 100;