liferay
Konfigurera Google Tag manager (GTM) under livstid
Sök…
Introduktion
Denna dokumentation är inte specifik för livstid men kan användas med hänvisning till alla webbapplikationer.
Liferay tillhandahåller Google Analytics (kallas GA framåt) som standard, efter att ha konfigurerat Analytics-ID GA - ##### i Webbplatsinställningar. Men detta ger begränsad funktionalitet, vilket bara låter spåra sidvyer (sidtitel och URL). utvidga det ytterligare, vi kan antingen bädda in GA-skript direkt på webbplatsens tema för att utlösa de begärda händelserna eller använda GTM.
Använda GTM för att konfigurera GA-händelser
GTM förenklar hela processen för hantering av taggar. I GTM-terminologi
- Vi lägger ett GTM-javascript-kodavsnitt på den berörda sidan, i portal_normal.vm i anpassat tema i livstid, som innehåller GTM-id och en dataskiktsstruktur (om det behövs) för att kartlägga värden från sida till variabler
- I enlighet med datalagvariabler måste vi skapa variabler i GTM-slutet, som hämtar data från dataskiktet
- Därefter skapar vi taggar, som i princip är fält som kartlägger variabler från dataskikt till händelser, som utlöses under vissa förhållanden, vilket leder till att händelser skickas till respektive spårningsverktyg (GA, i vårt fall).
Nedan är ett exempel på GTM-javascript-kodavsnitt inbäddat på en sida,
<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 -->
Inlägg inklusive detta skript på sidan, vi måste konfigurera respektive variabler och taggar från GTM-slutet.
Inlägg vi har konfigurerat de obligatoriska fälten, vi kan visa händelser på GA-konsolen på en användarvy.
För att kunna se data som skickas från portal till GA kan vi använda Google Analytics Debugger- plugin för att se händelser som skickas till GA via webbläsarkonsolen.