1.2.1 Google Analytics佈署的幾種方法

blank

1.2.1 Google Analytics佈署的幾種方法

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

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

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

(1)獲取跟踪代碼

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

blank

圖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所示。

blank

圖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所示。

blank

圖1-15 新建自定義HTML

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

blank

圖1-16 最終配置

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

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

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

(1)獲取跟踪ID

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

blank

圖1-17 獲取跟踪ID

(2)GTM中新建Universal Analytics

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

blank

圖1-18 填入跟踪ID

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

blank

圖1-19 完整配置

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

注意

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

What do you think?

Written by marketer

blank

GOOGLE ANALYTICS安裝與調優(上)

blank

2.2.2、Google Analytics高級應用——UTM參數的正確用法