JTL5 + Nova Child Template + Google Analytics 4
Eingetragen von fayon am 23 Mär 2021 in Arbeit
Mein Ziel war es, für einen neuen JTL-Shop ein neu eingerichtetes Google-Analytics-Konto mittels allgemeinem Website-Tag (gtag) zu konfigurieren. Zunächst muss man sich das JavaScript-Snippet bei Google Analytics besorgen. Aufgrund des verwendeten Template-Frameworks Twig muss man darin die geschweiften Klammern ersetzen, da ansonsten ein Syntaxfehler auftritt, der einen White Screen verursacht. Um das Snippet wie gefordert am Anfang des head-Tags auszugeben habe ich im Child-Template-Ordner den Ordner layout angelegt und darin header.tpl erstellt mit:
{extends file="{$parent_template_path}/layout/header.tpl"}
{block name="layout-header-head-meta" prepend}
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ERSETZEN-MIT-EIGENER-MESS-ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){{'{'}}dataLayer.push(arguments);{{'}'}}
gtag('js', new Date());
gtag('config', 'G-ERSETZEN-MIT-EIGENER-MESS-ID');
</script>
{/block}
Danach muss man den Cache leeren im JTL-Backend (System > Cache > Gesamten Template-Cache leeren). Wenn alles funktioniert, dann sieht man Echtzeit-Zugriffe in Google Analytics.
Dieser Eintrag wurde eingetragen von fayon und ist abgelegt unter Arbeit.