liferay
Konfigurieren Sie den Google Tag Manager (GTM) in Liferay
Suche…
Einführung
Diese Dokumentation ist nicht für Liferay spezifisch, kann jedoch in Bezug auf jede Webanwendung verwendet werden.
Liferay bietet standardmäßig Google Analytics (als "GA-Ahead" bezeichnet) an, nachdem die Analytics-ID "GA - #####" in den Site-Einstellungen konfiguriert wurde. Diese Funktion bietet jedoch nur eingeschränkte Funktionen. Sie können nur die Seitenaufrufe (Seitentitel und URL) verfolgen Wenn Sie es noch erweitern, können wir entweder das GA-Skript direkt in das Website-Design einbetten, um die erforderlichen Ereignisse auszulösen, oder GTM verwenden.
Verwenden von GTM zum Konfigurieren von GA-Ereignissen
GTM vereinfacht die gesamte Verwaltung von Tags. In GTM-Terminologie
- Wir haben ein GTM-Javascript-Snippet auf der betreffenden Seite in portal_normal.vm im benutzerdefinierten Design in liferay eingefügt, das die GTM-ID und eine Datenschichtstruktur (falls erforderlich) enthält, um Werte von der Seite den Variablen zuzuordnen
- Entsprechend den Datenschichtvariablen müssen am GTM-Ende Variablen erstellt werden, die Daten aus der Datenschicht abrufen
- Anschließend erstellen wir Tags. Hierbei handelt es sich im Wesentlichen um Felder, die Variablen von der Datenschicht bis zu Ereignissen abbilden, die unter bestimmten Bedingungen ausgelöst werden und dazu führen, dass Ereignisse an das entsprechende Verfolgungstool (in unserem Fall GA) gesendet werden.
Unten finden Sie ein Beispiel für ein in eine Seite eingebettetes GTM-Javascript-Snippet.
<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 -->
Wenn Sie dieses Skript auf der Seite veröffentlichen, müssen Sie die entsprechenden Variablen und Tags vom Ende des GTM aus konfigurieren.
Nachdem wir die erforderlichen Felder konfiguriert haben, können wir die Ereignisse auf der GA-Konsole auf Benutzeransicht anzeigen.
Um die vom Portal an GA gesendeten Daten anzuzeigen, können wir das Debugger- Plugin von Google Analytics verwenden , um Ereignisse anzuzeigen, die über die Browserkonsole an GA gesendet werden.