Skip to main content

Google Tagmanger in Typo3 einbinden

Google Analytics wir neuerdings ergänzt um Google Tag Manager. Hiermit lassen sich unter anderem auch Downloads tracken. Das Dokument beschreibut die Einrichtung in Typo3 per Typoscript

 

 

Im Setup der Rootseite bzw in der dort hinterlegten Datei wird nun folgendes Typoscript hinterlegt.

Der erste Teil soll sich im Head befinden, daher geben wir inline das Javascript aus:

 

page.jsInline{
        12 = TEXT
        12.value(
            (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-MYCODE');
        )
}

 

Eine Anforderung von google ist, dass folgender Code direkt nach dem Body Tag steht. Dazu wird der page.bodyTacCobject.stdWrap.append genutzt.

 

page {
    bodyTagCObject.stdWrap.append = TEXT
    bodyTagCObject.stdWrap.append.value (
<!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=UA-116313345-1" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> ) }

 

 

Getestet wird es dann via Chrome Plugin "NAME", das anzeigt, dass sowohl die UA als auch die Tracking ID erkannt werden.