GTM in Contao 4 verwenden
von Christian Röckl
1. Template anlegen
Im Verzeichnis Templates legst Du eine neue Template-Datei an. Ich habe sie gtm_head.html5 benannt.

In das neu erstellte Template, kopierst Du das von GTM für den head-Bereich zur Verfügung gestellte Code-Snippet.
Snippet Beispiel:
<!-- 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-XXXXXXXX');</script>
<!-- End Google Tag Manager head—>
2. Das noscript Snippet
Nun legt ihr noch ein neues Frontend-Modul an. Modul-Typ HTML-Code. Dort hin kommt das zweite Code-Snippet <noscript>.
Achtung es muss iframe und noscript bei den erlaubten HTML-Tag hinterlegt sein.

Snippet Beispiel:
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
3. Jetzt muss der Code ins Layout
Beide Code-Snippet können nun in den Seitenlayouts eingefügt werden.
Erste Snippet: Eigenen Layoutbereich anlegen - Position -> unterhalb der Kopfzeile. Das Snippet sollte so weit oben wie möglich zwischen den <body> </body> stehen.
Aufpassen bei gekauften Theme, da kann die Position dann eventuell im html-Aufbau woanders liegen als im Contao-Standard.

Zweite Snippet: Unter „Zusätzliche <head>-Tags binden wir nun mit diesen Inserttag unser angelegtes Template ein.
{file::gtm_head.html5}
Der Name muss natürlich wie euer angelegter Template-Name lauten und das Inserttag wird immer mit zwei geschweiften klammer geöffnet und geschlossen {{ }} (siehe Screenshot).

4. Tipps
Über den GTM lassen sich Ausnahmen erstellen.
- Einzelne Seiten vom Tracking ausschließen, bzw. nur bestimmte Verzeichnisse tracken.
- Event-Tracking nur auf ausgesuchten Seiten.
Seiten, bei denen sicher ist, dass diese nie getrackt werden sollen -> einfach gleich keinen GTM-Code einbinden.
Zum Beitrag - Opt-out über GMT

Kommentare
Einen Kommentar schreiben