Google Tag Manager 標記管理工具 – GA 標記安裝新手村指南




用LINE傳送
對惹... 不好意思只有行動裝置可以用 LINE 分享喔.. ^^" (若是用桌機或筆電會被帶走.. ~"~) Google Tag Manager 文章介紹封面

說到 Google Tag Manager 標記管理工具 GA 標記..

其實早在2012年底,Google 就已經發表了這個 Google Tag Manager 標記管理工具 ,讓我們可以不用每次為了追蹤網站各種不同來源的訪客數據(如使用 Google Analytics or Adwords…),都要重新安裝一次追蹤碼。只需要安裝這 Google Tag Manager 標記工具後,今後無論是哪一種網站數據監測追蹤碼,都可以統一從 Google Tag Manager 後台介面安裝與進階設定。

而從以上說明應該就可以發現,這對網頁技術較不熟悉的行銷人員真的可說是如虎添翼,因為只需要麻煩一次,從此都不用再請總是很忙的網頁技術人員協助。且除了可以統一管理不同的追蹤碼外,就算是之前也有介紹過,需要有一些網頁技術基礎的 Google Analytics 事件追蹤 Event Tracking電子商務追蹤等,都可以直接從這 Google Tag Manager 標記管理工具後台管理與操作。

所以今天打算來探討的就是如何先將 Google Tag Manager 標記管理工具安裝於網頁中以及如何新增 Google Analytics 標記。只是,有關方才提到的事件、電子商務等進階追蹤方式,則是在日後再一一與各位一起研究與討論了。

題外話:
說實在,之前一直沒有介紹 Google Tag Manager 標記管理工具的原因,也是因為總覺得學習這介面操作所需要的時間成本,似乎與重新安裝不同網頁追蹤追蹤碼差不多 ~”~ 所以遲遲沒有認真去面對。但隨著現在網頁追蹤技術越來越多元,加上 Google Analytics 進階追蹤技術越來越複雜且多變。或許,也該是時候學習一套可以一勞永逸且充滿潛力的工具了…

『以下為2017新增留言..』

雖說這篇介紹 Google Tag Manager 的文章還是有許多相關知識可以參考,但畢竟已經也是幾年前的文章 ^^” 故或許也可以直接前往 “年前轉換 Tag Manager, 如何快速分析應該比學不完的分析技術更重要” ,至少會是目前最新之介面與參考流程。

此外是接下來針對 Google Tag Manager 所提出來的應用技術參考,則可以再前往 “掌握代碼、觸發條件、變數,啟用 Google Tag Manager 就是現在” 、 “站外連結點擊事件追蹤 x GTM, 任意追蹤、比較頁面連結點擊數” 等頁面、進而與我們一起盡力全盤掌握 Google Tag Manager!!

新增 Google Tag Manager 帳戶.png
Google Tag Manager 新增容器.png
Google Tag Manager 容器已經準備可以加入網頁了.png
Google Tag Manager 安裝需要啟用規則.png

加入網頁的 Google Tag Manager 標記管理工具追蹤碼.png

馬上安裝 Google Tag Manager 標記管理工具

開始安裝 Google Tag Manager 標記管理工具並整合 Google Analytics 或其他標記追蹤碼前有一件事必須要先說明,就是在安裝 Google Tag Manager 標記管理工具追蹤碼前必須將網站上所有的追蹤碼先移除。而這個動作很有可能造成數據紀錄會有斷層或遺失,故在此建議若對於網站分析數據一秒都不能有誤差的朋友,或許可以挑一個連續假日或月初時再來嘗試會比較理想。
(但若自認可以三秒快速完成的朋友當然就沒問題…)

那現在假設現場的朋友都沒什麼牽掛,也不擔心數據遺失個幾天。那就在拔除網站所有的追蹤碼前,先將 Google Tag Manager 標記管理工具需要事先進行的步驟完成如下。
(當然,一切還請先進入 Google Tag Manager 標記管理工具安裝首頁…)

1.新增帳戶(如上方第一張圖,多半是用網站管理員或客戶主的管理名稱)
2.新增容器(如上方第二張圖,針對安裝於 “網頁” 的容器,且通常一個網站就是對應一個容器)
3.新增標記(如前言所提以及上方第三張圖示,就是可以選擇打算加入 Google Tag Manager 標記管理工具一起管理的標記)
4.新增規則(就是啟動 Google Tag Manager 標記管理工具的條件,在此還請注意的是,選擇完標記後一定要新增規則才有辦法正常使用喔,如上方倒數第二張圖處。)
5.將設定完成後的 Google Tag Manager 標記管理工具追蹤碼安裝於網站中所有網頁的 <body> 之下並於後台點擊 “發佈” 已完成所有設定(該追蹤碼在上方最後一張圖示中的位置)

題外話:
一個帳戶可以新增許多容器,一個容器也可以同時管理許多標記,而標記啟動的條件則是以規則來控制,至於規則預設則是所有頁面都會啟動該標記。
以上細部規則設定與介紹將於未來有機會再一一研究與探討。

在 Google Tag Manager 標記管理工具新增標記.png

Google Analytics 標記新增

上述五步驟中,帳戶與容器設定與新增應該都較不會有問題,只是現在假設我們要先新增 “Google Analytics” 標記,就請參考上圖在容器草稿新增標記介面的 “廣告代碼類型” 中請選擇 Google Analytics(分析) 並在右側下拉選單選擇通用 Analytics(分析)。接著請將網站 Google Analytics 的追蹤編號(也就是在管理員介面中可以查詢的 UA-xxxxxxxx-x)置入這個頁面較下方的追蹤編號中,最後,下方的類型與設定都使用預設設定即可後儲存。

儲存後於跳轉後頁面右上方點選 “發佈” ,到這邊就算是完整的設定完成了。只是除此之外,當然還是如上述五步驟中最後一個步驟,請先到 “安裝 Google 標記管理工具” 頁面後複製該頁面上的追蹤碼,再安裝於網站中所有頁面的 <body> 標籤下方了。

這時若要即時確認是否安裝成功,可以先回到自己網站的 Google Analytics 後台 “即時” 報表頁面,看看有沒有訪客進入網站就可以確認成功與否了(當然,若網站一天都沒幾個訪客進來,那這個測試方式就不太恰當.. ^^”)。

題外話:
在上述提到的下拉式選單中除了 “通用分析” 外其實還可以選擇 “傳統版分析” ,但現在各位也應該都已經移轉到通用分析了,所以在此就不特別說明。
至於發佈前還可以使用 “偵錯” ,就是在追蹤碼安裝完成後並在發佈之前,可以先到網站上看看是否安裝成功的功能。
至於發佈後會自動新增為新版本,可以讓我們隨時回到舊版本重新發佈,是 Google Tag Manager 標記管理工具一項頗為貼心的防錯機制。

Google Tag Manager 預覽版本.png

在今天的 Google Tag Manager 標記管理工具安裝之後…

其實今天的安裝方式應該算是最簡單的流程介紹,因為其中有很多細節並未提及如其他的標記、規則、巨集、版本、預覽與偵錯等。且待 Google Analytics 追蹤編號加入 Google Tag Manager 標記管理工具完成後,理論上也可以不再需要透過網頁上追蹤碼的修改,直接從 Google Tag Manager 標記管理工具後台就可以設定活動、電子商務等進階設定。

但是,這就待日後再讓我們繼續深入研究吧。

 

這篇 Google Analytics 精選文章發表於2014 年 05 月 12 日 星期一

立即訂閱看見數據網電子報

數據變化萬千,跟著看見數據網從數據中洞察網站經營脈動、缺失與機會!!