liferay
Configurar el Administrador de etiquetas de Google (GTM) en el ciclo de vida útil
Buscar..
Introducción
Esta documentación no es específica de liferay, pero puede usarse con referencia a cualquier aplicación web.
Liferay proporciona Google Analytics (conocido como GA a continuación) de manera predeterminada, después de configurar la ID GA - ##### de Analytics en la configuración del sitio. Pero esto proporciona una funcionalidad limitada, que solo permite realizar un seguimiento de las vistas de página (título de página y URL). amplíelo aún más, podemos incrustar el script GA directamente en el tema del sitio para activar los eventos requeridos o usar GTM.
Usando GTM para configurar eventos GA
GTM simplifica todo el proceso de gestión de etiquetas. En la terminología de GTM
- Colocamos un fragmento de código GTM en la página correspondiente, en portal_normal.vm en tema personalizado en el ciclo de vida, que contiene el ID de GTM y una estructura de capa de datos (si es necesario) para asignar valores de página a variables
- De acuerdo con las variables de la capa de datos, necesitamos crear Variables al final de GTM, que recuperan datos de la capa de datos
- Posteriormente, creamos etiquetas, que son básicamente campos que asignan variables de la capa de datos a eventos, que se activan en ciertas condiciones, lo que lleva a que los eventos se envíen a la herramienta de seguimiento correspondiente (GA, en nuestro caso).
A continuación se muestra una muestra del fragmento de código GTM javascript incrustado en una página,
<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 -->
Después de incluir este script en la página, debemos configurar las variables y etiquetas respectivas desde el final de GTM.
Después de haber configurado los campos obligatorios, podemos ver eventos en la consola de GA en una vista de usuario.
Para ver los datos enviados desde el portal a GA, podemos usar el complemento de depuración de Google Analytics para ver los eventos que se envían a GA a través de la consola del navegador.