這一節主要介紹如何部署GA跟踪代碼和如何對跟踪代碼做個性化的定制，提高數據準確度以及檢驗代碼是否部署正確。

1.部署方法1——直接部署方法

直接部署就是將跟踪代碼直接部署到到站點的所有頁面，根據最新的官方部署方式，現在是推薦跟踪代碼部署在頁面代碼的header裡面，也可以將跟踪代碼以js的文件引入，但位置一定要在header裡面，主要是為了更快加載到跟踪代碼,確保數據準確度，以往的加載在footer，存在頁面還在加載用戶就離開了，跟踪代碼沒加載到的情況。

（1）獲取跟踪代碼

在GA裡選擇“管理”→“跟踪訊息”→“跟踪代碼”，可以看到如圖1-13的頁面，方框標記的就是GA的跟踪代碼，就是需要復制的代碼。

圖1-13 跟踪代碼的獲取

注意：Google分析在2017年9月發布了全局版跟踪代碼的測試版，本書仍是以講解統一版為主，下面是統一版的跟踪代碼，只需將其中的UA-XXXXX-Y替換成自己的跟踪ID即可。

代碼清單1-1

<!-- GA --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function (){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o ), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'scrIPt',' Google Analytics官方網站/analytics.js','ga'); ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview'); </script> <!- - End GA -->

（2）然後找到站點中header位置，將代碼添加上去

對於網站的頁面來說，通常都是有模板生成的，也即是頁面會引入特定的組件，如果站點的頁面只有一個模板，那隻需要將代碼添加在該模板的header裡面就可以，如果網站比較大型，二級目錄存在不同的模板，那就需要加同一個跟踪代碼添加到不同的模板的header裡面，確保所有的頁面都要加載到。

下面是一個例子，通過查看頁可以知道站點只有一個模板，那麼就找到模板頁面的header，如圖1-14所示。

圖1-14 代碼部署

代碼就添加到該位置，這樣就部署完成了。

注意

如果您自己沒有代碼或服務器權限，需要開發幫助您添加跟踪代碼，不要講跟踪代碼通過QQ直接發送給開發，這樣會導致跟踪代碼的編碼格式改變，跟踪代碼失效，可以通過將跟踪代碼保存成TXT的形式再發送給開發。

2.部署方法2——GTM自定義HTML

這一節講解如何通過GTM來部署GA跟踪代代碼，這裡默認大家已經都有一定的GTM基礎了，主要是為了講解GA的部署，不懂的讀者可以看後面的第3章，GTM不是這一節的重點。

通過GTM有兩種部署GA跟踪代碼的方式，本節主要是講解通過自定義html的形式，原理的話就是將跟踪代碼添加到GTM的自定義HTML代碼裡面，然後觸發頁面是“All Pages”，這樣就實現了將跟踪代碼部署到所有的頁面上了。

（1）獲取跟踪代碼

在GA裡選擇“管理”→“跟踪訊息”→“跟踪代碼”，可以看到如圖1-12的頁面，方框標記的就是GA的跟踪代碼，就是需要復制的代碼。

（2）GTM新建自定義HTML

在GTM選擇“代碼”→“新建”→“選擇一個代碼類型以開始設置…”→“自定義HTML”，命名為“GA默認跟踪代碼”，然後將跟踪代碼複製進入，如圖1-15所示。

圖1-15 新建自定義HTML

然後觸發器選“All Pages”，最終的配置如圖1-16所示。

圖1-16 最終配置

配置好以後，如果要生效，還需要將這個配置發佈到線上去，發布的方式是單擊右上角的“提交”即可，這樣GA跟踪代碼才正式生效。

3.部署方法3——GTM內置模塊

這一節主要介紹如何通過GTM裡面的內置模板去部署GA跟踪代碼，這個也是我最推薦的一種部署方式，與前兩種方式不同的是：這一種部署方式不需要復制GA跟踪代碼，是需要知道跟踪ID。原理的話是通過GTM裡面的內置模板做些配置就可以了。

（1）獲取跟踪ID

在GA裡選擇“管理”→“跟踪訊息”→“跟踪代碼”，如圖1-17所示，在跟踪代碼頁面裡面找到跟踪ID，就是標記框裡面：

圖1-17 獲取跟踪ID

（2）GTM中新建Universal Analytics

在GTM中選擇“管理”→“跟踪訊息”→“跟踪代碼”→“Universal Analytics”，命名為“GA默認跟踪代碼”，跟踪類型選擇“頁面瀏覽”，勾選“在此代碼中啟用替代設置”，然後將跟踪ID填入標記框中，如圖1-18所示。

圖1-18 填入跟踪ID

這裡的觸發器也是“All Pages”，最終的配置如圖1-19所示。

圖1-19 完整配置

這里之所以推薦用這種方法做默認跟踪代碼的部署，是因為通過模板來部署，做個性化的配置很簡單的，可以看圖1-18所示，裡面有“更多設置”和“高級設置”，這些就是做個性化配置、優化、跨站、跨域跟踪設置的地方了，具體的設置下一節再詳細介紹。

注意

為了不讓競爭對手知道您對跟踪代碼做了哪些深度定制，可以將跟踪代碼保存為js文件後，在header中引入，這樣做在頁面不會出現相關跟踪代碼源碼，或可以通過GTM託管，但第三方插件還是可以檢測出來的，如Ghosty和WASP.inspector，第6章將會講解如何通過這些工具來分析競爭對手的一些訊息。