Google Tag Manager 基本應用與實踐
如果想了解網站用戶的互動情況，我們該怎麼統計？
國際站的話可以選用 Google 家的 gtag.js, analytics.js，或者 gtm.js 進行開發。前兩個的功能和使用方式基本一致，具體差別可參考下方的開發文檔。gtm.js 就是本文要說的 Google Tag Manager 的 js 庫。
Google Tag Manager (下文簡稱 “GTM”) 功能齊全，支持 Google 代碼和第三方代碼。相比於 gtag.js 和 analytics.js 代碼侵入性更小，也是 Google 推薦使用的工具。
話不多說，開始正文。
1. 註冊 Container
填好容器名，選擇應用平臺。容器名建議以應用平臺來命名，這裏我使用的是域名 blog.p2yang.com。
2. 安裝
註冊完成後，會自動分配一個 id, 並且彈窗提示安裝方法，將代碼片段插入自己的頁面即可。
頁面加載時，會異步請求 gtm.js 庫和相關配置，並且提供了瀏覽器禁止 js 腳本的彌補方法。
這裏摘錄下代碼段：
<!-- Google Tag Manager -->
<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=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NLZZ7XB');</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TFMV3HS"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
下一步，我們就可以針對性地進行埋點了。
3. 建 Tag
這裏是有 Google Analytics（以下稱 GA） 處理和分析統計的數據，選擇 Google Analytics: Universal Analytics 新建 Tag，如下圖：
3.1 關聯 GA 配置
選擇 Track Type 選擇 Event; Category, Action, Label 的值便於識別即可，Value 建議填 1,
作爲單詞統計的基數。
3.2 新建變量
然後，需要關聯到 GA, 選擇 New Variable, 配置 GA 的 Tracking ID （可在 https://analytics.google.com 個人管理中找到）。
變量創建一次後可以在側邊欄 Variables 進行管理。
命名，保存。
4. 建 Trigger
創建好 Tag 後需要關聯 Trigger。舉個例子，我想統計閱讀 Google Tag Manager 相關文章的 PV 總數，可以選擇 Page View 類型的 Track Type, 然後添加一個觸發規則，示圖如下：
追蹤類型、觸發規則要容易區分我們想要統計的頁面或者操作。這個以後再講。
5. Preview 調試
Tag, Trigger 配置好後，可以點擊 “Preview” 開啓 Debug 模式進行本地預覽。
預覽：
本地 Debug 觸發的 Trigger & Tag:
上報的 Tag 信息：
GA 統計到的數據：
調試 OK，推出 Debug，準備發佈。
6. 發佈
Google Tag Manager 提供了便捷的版本管理功能，填寫好發佈信息提交吧。
以上，就是一次 GTM 基本應用配置了。
總結
Google Tag Manager 中 Tag 和 Trigger 提供的功能十分豐富，需要根據我們自身的統計需求選擇配置。
開始或許很複雜，熟悉之後就很方便快捷了，試試看吧。
