使用 GTM 配置 GA 事件
GTM 简化了管理标签的整个过程。在 GTM 术语中
- 我们在相关页面上，在 liferay 中的自定义主题中的 portal_normal.vm 中放置了一个 GTM javascript 片段，其中包含 GTM id 和数据层结构（如果需要），用于将值从页面映射到变量
- 对应于数据层变量，我们需要在 GTM 端创建变量，从数据层检索数据
- 随后，我们创建标签，这些标签基本上是将数据层中的变量映射到事件的字段，这些事件在某些条件下被触发，从而导致事件被发送到相应的跟踪工具（在我们的例子中为 GA）。
以下是嵌入页面的 GTM javascript 片段示例，
<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 -->
在页面中包含此脚本，我们需要从 GTM 端配置相应的变量和标签。
发布后我们已经配置了必填字段，我们可以在用户视图上查看 GA 控制台上的事件。
为了查看从门户网站发送到 GA 的数据，我们可以使用 Google Analytics Debugger 插件查看通过浏览器控制台发送给 GA 的事件。