Tag Managers können diverse Marketing- und Mess-Software, die auf Webseiten eingesetzt werden, dynamisch in einem User Interface verwalten und ausspielen. So können Marketing-Abteilungen schneller und unabhängiger Kampagnen aufsetzen, aussteuern und messen. Der Google Tag Manager ist einer der am häufigsten verwendeten Tag Managers.
Es ist wichtig, dass folgende Änderungen auf allen Seiten und in einem einzigen Release implementiert werden, so dass alle Änderungen zusammen / gleichzeitig publiziert werden können. Bitte überprüfen Sie alle vorhandenen Templates.
Aus dem Quellcode entfernen Sie bitte alle Vorkommnisse von Google Analytics Code, inklusive Event, eCommerce und Custom Pageview Code Snippets. Überprüfen Sie bitte auch eventuelle onclick Tags im HTML der Templates.
Beispiel für einen zu entfernenden Google Analytics Code:
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXX-X']);
_gaq.push(['_trackPageview']);
(function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
Falls weitere Tools (z.B. Facebook Pixel, Adobe Analytics, etc.) auf der Webseite integriert sind, können Sie die Code Snippets im Source Code der Webseite entfernen und eine Beschreibung der entfernten Code Tags und deren Auslöse-Logik (z.B. alle Seiten, oder bei Click auf Button mit der Klasse 'abc' auf der Seite <url>) an mario@what.digital senden zur Implementation im Google Tag Manager.
Der Google Tag Manager ist zu diesem Zeitpunkt bereits konfiguriert und kann sofort produktiv eingesetzt werden.
Teil 1: Im Quellcode fügen Sie bitte unmittelbar nach <head> (oder auf jeden Fall so weit oben im head Element wie möglich) folgenden Google Tag Manager Code hinzu.
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TFWHTJQ');</script>
<!-- End Google Tag Manager -->
Teil 2: Fügen Sie bitte gleich nach <body> folgenden Google Tag Manager Code hinzu:
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TFWHTJQ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
Bitte geben Sie nach dem Go-Live dieser Änderungen mario@what.digital Bescheid - besten Dank!
Bei Fragen oder Rückmeldungen steht Ihnen Mario Colombo (mario@what.digital) jederzeit gerne zur Verfügung.
- Falls in Zukunft weitere Marketing / Analtyics Tools & Tags auf den Web Properties implementiert werden, sollte die Implementation direkt im Google Tag Manager vorgenommen werden und nicht mehr hard-coded im Source Code der Webseite.
- Technische Dokumentation GTM: https://developers.google.com/tag-manager/quickstart
- Zugriff auf das Google Tag Manager Konto für weitere Personen kann via tech@what.digital angefragt werden.
- Google Tag Manager, bzw. darin enthaltene Code Snippets / Tags werden von what.digital (tech@what.digital) erstellt und gepflegt.
- Falls der Google Tag Manager auch auf dev / stage Systemen implementiert ist geben Sie bitte Bescheid, damit entsprechende Filter / Weichen eingebaut werden können.