使用 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 的事件。