在了解完GTM賬戶和容器的操作界面后,對各個位置的功能和操作都有一定的了解,接下來看如何部署GTM跟蹤代碼。
GTM的部署比較簡單,獲取跟蹤代碼后布署到所有的頁面上即可,下面演示詳細的操作步驟。
1.Web端部署
1、新建一個GTM賬戶
訪問GTM的賬戶賬戶管理界面,可以新建一個GTM賬戶,也可以在現有賬戶中新建一個GTM容器。
這里采用在現有賬戶中新建一個容器,單擊GTM賬戶右側中那三點,會出現一個下拉菜單,選擇“創建容器”,如圖3-5所示:
圖3-5 創建容器
選擇后會出現如下界面,在“容器名稱”中輸入網址或網站名字,“容器使用位置”中根據自己的實際情況選擇類型,這里選擇“網站”,如圖3-6所示:
圖3-6 容器設置
單擊“創建”后就創建完容器。
2、獲取GTM跟蹤代碼
單擊“管理”→“安裝Google跟蹤代碼管理器”就可以看到GTM的跟蹤代碼,跟蹤代碼有兩段,如圖3-7所示,一段部署在head里面,一個段部署在body里面,這樣做的原因是為了更快加載到跟蹤代碼,提高數據的准確度。
圖3-7 GTM跟蹤代碼
3、部署GTM跟蹤代碼到網站
找到網站模板頁的頭部,將上面的兩段跟蹤代碼添加上去即可,這個沒什么特別的難度,如果您沒有服務器權限,就將代碼復制保存成txt,讓您們開發去加,切記不要復制代碼后通過QQ等即時通信軟件發送,這樣會導致代碼的編碼改變,跟蹤代碼就不能使用。
4、檢驗GTM是否生效
按照官方部署上后,基本都是沒問題的,現在需要檢驗GTM代碼是否生效,這里需要借助一個工具Tag Asistant,如果這工具檢測到有GTM的跟蹤代碼,就是沒問題的了。
打開Chrome中輸入“chrome://extensions/”后回車,然后下拉到底部單擊“獲取更多插件”,搜索“Tag Asistant”,可以看到如圖3-8所示:
圖3-8 添加 Tag Assistant
單擊“ADD TO Chrome”可以在瀏覽器的右上角看到。訪問部署的站點,然后單擊里的enable后刷新一下頁面,如圖3-9所示,然后看是否有GTM的跟蹤代碼:
圖3-9 驗證GTM跟蹤代碼是否生效
如果有,表示GTM跟蹤代碼生效。
5、將所有硬編碼代碼(如 AdWords 或 DoubleClick 代碼)從網站的源代碼遷移到GTM中。
2.APP端部署
APP的基本與前面Web的類似,不同點在於在選擇容器使用位置的時候選擇對應的操作系統,如果是蘋果的就選IOS,選擇后的會還是有另一個選擇是,是選擇用Firebase還是用就GA,現在Google是默認推薦Firebase,我們在這里選擇Firebase,完成后單擊右上角的發布版本,然后單擊“下載”,會下載到一個json格式的配置文件,這個就是GTM的SDK了,需要將這個SDK集成到APP里面。