tag management
TRANSCRIPT
![Page 1: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/1.jpg)
Tag Management
Pavel Šabatka
![Page 2: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/2.jpg)
Zdrojový kód stránek
Zdroj obrázku: http://www.duvetandpillowwarehouse.co.uk/blog/wp-content/uploads/messy-room-1-1024x768.jpg
![Page 3: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/3.jpg)
Určitě se Vám stalo...
![Page 4: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/4.jpg)
Určitě se Vám stalo...
![Page 5: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/5.jpg)
Určitě se Vám stalo...
![Page 6: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/6.jpg)
Určitě se Vám stalo...
![Page 7: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/7.jpg)
Tag Management.
![Page 8: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/8.jpg)
Správa skriptů.
● Google Analytics● AdWords● Sklik● DoubleClick● Quaraloo● 4Q
![Page 9: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/9.jpg)
Pomocí externího nástroje.
● TagCommander● OpenTag● Ensighten● Google Tag Manager
![Page 10: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/10.jpg)
Google Tag Manager.
![Page 11: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/11.jpg)
Implementace
Kód tag manageru se vloží za otevírací značku <body>
![Page 12: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/12.jpg)
Značky
● Skripty které spravujeme,● předdefinované,● lze definovat vlastní,● omezení:
– validita,– nelze použít document.write.
![Page 13: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/13.jpg)
Makra
● Říkají, kde hledat data,● předdefinované,● lze vyzvářet.
![Page 14: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/14.jpg)
Pravidla
● Vycházejí z maker,● definují podmínky.
![Page 15: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/15.jpg)
Revize
● Verzování,● ladění verzí.
![Page 16: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/16.jpg)
dataLayer
Globální pole pro předávání dat.
Zdroj obrázku: http://emsoftware.com/wp-content/uploads/2012/09/EmDataGraphic-300x309.png
![Page 17: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/17.jpg)
dataLayer
Inicializace
<!-- Před kódem GTM -->
<script type="text/javascript">
dataLayer = [];
</script>
![Page 18: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/18.jpg)
dataLayer
Předání dat <!-- Za kódem GTM vždy jen toto -->
<script>
dataLayer.push({'event': 'bar'});
</script>
Události
![Page 19: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/19.jpg)
Ukázka.
![Page 20: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/20.jpg)
Výhody / Nevýhody
● Čistota kódu,● oddělení dat od měřicí
logiky,● vynechává zbytečné
vývojáře.
● Bezpečnost
Zdroj obrázku: http://www.fretka.cz/files/tinybrowser/images/palecNahoru.jpg
![Page 21: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/21.jpg)
Otázky?
![Page 22: Tag management](https://reader036.vdocuments.site/reader036/viewer/2022062515/55cf033ebb61ebab078b473a/html5/thumbnails/22.jpg)
Pavel Š[email protected]+420 776 236 855
OFFICE ADDRESSProof & Reason, s.r.o.Cihlářská 19, 602 00 BrnoCzech Republic
COMPANY ADDRESS
Kollárova 703, 508 01 HořiceIČ: 61679992DIČ: CZ61679992
www.proofreason.com