liferay
Configura Google Tag Manager (GTM) in liferay
Ricerca…
introduzione
Questa documentazione non è specifica di liferay ma può essere utilizzata con riferimento a qualsiasi applicazione web.
Liferay fornisce Google Analytics (di seguito GA in anticipo) per impostazione predefinita, dopo aver configurato l'ID Analytics GA - ##### in Impostazioni sito.Ma questo fornisce funzionalità limitate, consentendo solo di tenere traccia delle visualizzazioni di pagina (titolo della pagina e URL). Per espanderlo ulteriormente, possiamo incorporare lo script di GA direttamente sul tema del sito per attivare gli eventi richiesti o utilizzare GTM.
Utilizzo di GTM per configurare gli eventi GA
GTM semplifica l'intero processo di gestione dei tag. Nella terminologia GTM
- Abbiamo inserito uno snippet javascript GTM nella pagina in questione, in portal_normal.vm in un tema personalizzato in liferay, contenente l'ID GTM e una struttura del livello dati (se necessario) per mappare i valori dalla pagina alle variabili
- Corrispondente alle variabili del livello dati, dobbiamo creare Variabili alla fine GTM, che recuperano i dati dal livello dati
- Successivamente, creiamo tag, che sono fondamentalmente campi che mappano le variabili dal livello dati agli eventi, che vengono attivati in determinate condizioni, portando a eventi inviati al rispettivo strumento di monitoraggio (GA, nel nostro caso).
Di seguito è riportato un esempio di snippet javascript GTM incorporato in una 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 -->
Post che include questo script nella pagina, dobbiamo configurare le rispettive variabili e tag da GTM end.
Posta abbiamo configurato i campi obbligatori, possiamo visualizzare gli eventi sulla console di GA su una vista utente.
Per visualizzare i dati inviati dal portale a GA, possiamo utilizzare il plug-in Debugger di Google Analytics per visualizzare gli eventi inviati a GA tramite la console del browser.