liferay
Configurer le gestionnaire de tags Google (GTM) dans liferay
Recherche…
Introduction
Cette documentation n'est pas spécifique à liferay mais peut être utilisée en référence à n'importe quelle application Web.
Liferay fournit Google Analytics (appelé GA ahead) par défaut, après avoir configuré l'ID GA Analytics - ##### dans Paramètres du site. Mais cela fournit des fonctionnalités limitées, permettant uniquement de suivre les vues de page (titre de page et URL). étendre davantage, nous pouvons soit intégrer le script GA directement sur le thème du site pour déclencher les événements requis ou utiliser GTM.
Utilisation de GTM pour configurer les événements GA
GTM simplifie tout le processus de gestion des tags.Dans la terminologie GTM
- Nous avons mis un extrait de code javascript GTM sur la page concernée, dans portal_normal.vm dans le thème personnalisé de liferay, contenant l'ID GTM et une structure de couche de données (si nécessaire) pour mapper les valeurs d'une page à des variables.
- Correspondant aux variables de la couche de données, nous devons créer des variables à la fin du GTM, qui récupèrent les données de la couche de données.
- Par la suite, nous créons des balises, qui sont essentiellement des champs qui mappent les variables de la couche de données aux événements, qui sont déclenchés sous certaines conditions, conduisant à des événements envoyés aux outils de suivi respectifs (GA, dans notre cas).
Vous trouverez ci-dessous un exemple d’extrait de code javascript de GTM intégré à une page.
<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 -->
Après avoir inclus ce script dans la page, nous devons configurer les variables et les balises respectives à la fin de GTM.
Post nous avons configuré les champs requis, nous pouvons afficher les événements sur la console GA sur une vue utilisateur.
Pour afficher les données envoyées du portail à GA, nous pouvons utiliser le plug-in Google Analytics Debugger pour afficher les événements envoyés à GA via la console du navigateur.