Downloaden Sie, um offline zu lesen
Hochgeladen von📊 Markus Baersch
Google Tag Manager Templates
Das Dokument behandelt die Vorteile von Google Tag Manager Templates sowohl im Client- als auch im Server-Bereich, z.B. für Code-Reduzierung, zentrale Wartbarkeit und erhöhte Sicherheit. Es wird auf die Robustheit der Templates eingegangen und verweist auf praktische Beispiele sowie Anleitungen zur Erstellung von Templates. Zudem wird die Notwendigkeit von Templates für eine effiziente Nutzung von GA4 und E-Commerce Implementierungen hervorgehoben.
![Piwik PRO Near Real-Time Alerting [MeasureCamp]](https://cdn.slidesharecdn.com/ss_thumbnails/piwikpronearreal-timealertingmeasurecamp-240923084120-6b82708b-thumbnail.jpg?width=640&height=640&fit=bounds)
![GA4 Without Cookies [Measure Camp AMS]](https://cdn.slidesharecdn.com/ss_thumbnails/2024-04ga4withoutcookiesmeasurecampams-240420113718-9d03124b-thumbnail.jpg?width=640&height=640&fit=bounds)
![First Party Conversion Tracking [SEAcamp]](https://cdn.slidesharecdn.com/ss_thumbnails/firstpartyconversiontracking-230425224909-ccebf3e2-thumbnail.jpg?width=640&height=640&fit=bounds){kind=tracking}
![Server-Side: Lösung für alles? [OMX]](https://cdn.slidesharecdn.com/ss_thumbnails/server-sidetagging-markusbaersch-221115124419-fe5cefd7-thumbnail.jpg?width=640&height=640&fit=bounds)
Google Tag Manager Templates
- 1. Markus Baersch Analytics PioneersMeetup DUS Google Tag Manager Templates Praktisch im Browser, unverzichtbar am Server
- 2. Wozu Templates (imClient)? ● Verzicht auf HTML Tags ● Wiederverwendbar = Code Reduktion ● Zentral pflegbar, Updates auf Knopfdruck ● Transparenz & (Sicherheit) ● Robustheit & Zuverlässigkeit ● Gallery!
- 3. Wozu Templates (amServer)? ● 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 ManagerTemplate Gallery
- 5. Google Tag ManagerTemplate Gallery
- 6. Google Tag ManagerTemplate Gallery
- 7.
- 8. Story Time… Warum Templateseinfach 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-CommerceImplementierung in GA4 mit Simos Template und etwas JS. Keine Hexerei…
- 10. Wieso ist der“Item Value” undefined? Beispiel: Robustheit
- 11.
- 12.
- 13. … immer nochundefined. WTF!?!?!1elf?
- 14.
- 15. Learning Template Code istdeutlich robuster! … und sicherer … und effizienter … und so weiter
- 16.
- 17. Demo Internal IP Filter(Server-Side)
- 18. Eigenes Template: Ganzeinfach ;) Namen vergeben und loslegen: > Felder definieren > Coding > Permissions > Tests > Einsatz
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27. Aber Vorsicht! Das musstDu noch anpassen ;) Match bei Teilübereinstimmung = doof
- 28. Und das JavaScriptProblem 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 mitGallery 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/
- 30.
- 31. Danke! Fragen? …oder Feedback? …oder garBedarf? :)
Hinweis der Redaktion
- #22 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;
- #26 const ip = require('getRemoteAddress')(); let res = false; data.internalIpList.forEach(e => { if (ip.match(e.internalMarker) != null) { res = true; } }); return res;
- #27 var items = data.inputArray || []; return items.reduce((prev, item) => { return item.price*100 - (item.discount||0)*100; }, 0) / 100;