liferay
Google Tag Manager (GTM) configureren tijdens liferay
Zoeken…
Invoering
Deze documentatie is niet specifiek voor liferay, maar kan worden gebruikt met verwijzing naar elke webapplicatie.
Liferay biedt standaard Google Analytics (verder GA genoemd), na het configureren van Analytics-ID GA - ##### in Site-instellingen. breiden het verder uit, we kunnen GA-script rechtstreeks in het sitethema insluiten om de vereiste evenementen te activeren of GTM gebruiken.
GTM gebruiken om GA-gebeurtenissen te configureren
GTM vereenvoudigt het hele proces van het beheren van tags. In GTM-terminologie
- We hebben een GTM-javascript-fragment op de betreffende pagina geplaatst in portal_normal.vm in een aangepast thema in liferay, met de GTM-id en een gegevenslaagstructuur (indien nodig) om waarden van pagina naar variabelen toe te wijzen
- Corresponderend met gegevenslaagvariabelen moeten we variabelen maken aan GTM-einde, waarmee gegevens uit de gegevenslaag worden opgehaald
- Vervolgens maken we tags, in feite velden die variabelen van gegevenslaag naar gebeurtenissen toewijzen, die onder bepaalde voorwaarden worden geactiveerd, waardoor gebeurtenissen naar de respectieve trackingtool (in dit geval GA) worden verzonden.
Hieronder ziet u een voorbeeld van een ingesloten GTM-JavaScript-fragment op een pagina,
<body>
<!-- 1) Data layer section -->
<script type="text/javascript">
dataLayer = [{
"page" : "<? Virtual path of the page ?>"
,"pageType" : "<? Page type ?>"
,"user" : {
"type" : "<? User type ?>"
,"userId" : "<? Logged user id ?>"
,"country" : "<? Logged user country ?>"
,"userRole" : "<? Role of user ?>"
}
}];
</script>
<!-- 2) GTM Container -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PK9HK8"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<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=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','<GTM-ID>');</script>
<!-- End Google Tag Manager -->
Als we dit script op een pagina plaatsen, moeten we de respectieve variabelen en tags vanaf GTM configureren.
Nadat we de verplichte velden hebben geconfigureerd, kunnen we gebeurtenissen op de GA-console bekijken in een gebruikersweergave.
Om de gegevens te bekijken die van de portal naar GA zijn verzonden, kunnen we de Google Analytics Debugger- plug-in gebruiken om gebeurtenissen te bekijken die via de browserconsole naar GA worden verzonden.