做為一個行銷人,你是不是也有過這樣的經驗:每次要追蹤廣告成效,都得請工程師在網站裡埋一堆代碼,而且等到工程師有空埋碼,常常都錯失了最佳廣告投放時機?如果你覺得追蹤網站的數據跟分析報告比攀登玉山還難?今天,awoo 就來介紹一個數據追蹤神器— Google Tag Manager(GTM)!
行銷人追蹤數據的 5 大困難
在沒有 GTM 的時代,和網站數據打交道的行銷人,想要追蹤網站成效時,可能會在以下幾個地方卡關:
- 追蹤碼需要工程師埋入:
每次需要追蹤網站成效時,常常需要等工程師有空才能幫忙埋代碼
- 不懂程式的行銷人束手無策:
對於不懂程式的行銷人來說,看著螢幕上的代碼只能雙手一攤爛命一條,哭著求工程師幫忙,而且常因溝通不順暢而精神耗弱。
- 追蹤碼太多,管理混亂:
網站被埋了成千上萬個追蹤碼,到底哪個有效、哪個過期,搞不清楚狀態,管理起來相當頭痛。
- 網站載入速度變慢:
代碼一多,不僅管理混亂,更嚴重的是會影響到網頁的載入速度,對使用者體驗和 SEO 都不好。
- 追蹤設置錯誤導致數據不準確難以修正:
追蹤碼出錯時,要找出錯誤並修正需要花費大量的時間和精力,這期間可能會錯過搜集數據的最佳時機。
GTM 是什麼意思?行銷必用工具—— Google Tag Manager 介紹
Google Tag Manager(GTM)是一款強大的免費代碼部署工具,可以把所有需要修改或更新的代碼上傳至 GTM。一旦安裝完成,不需要更動網站原始碼,就能輕鬆將各種追蹤程式碼以及第三方應用工具安裝到網站中。對於不懂程式的行銷人來說,GTM 簡直就是救星!
白話一點來說,在沒有 GTM 的時候,每當你想追蹤網站上的某個動作,例如:使用者點擊了「訂閱」按鈕,或是填寫了表單,可能需要安裝一個又一個不同的追蹤碼,這樣就像是家裡每個電器都有一個專屬的遙控器,東一個西一個,用起來麻煩又容易搞混。
但有了 GTM,就像是有了一個「萬用遙控器」,你只需要把這個「萬用遙控器」安裝到你的網站上一次。之後,無論是新增追蹤碼、修改追蹤設定,或是想要追蹤新的用戶行為,都可以直接在 GTM 這個平台上操作,不需要再去使用複雜的程式碼。
就好像無論你想看電視、開冷氣、聽音樂,或是調整燈光,只要拿起那個萬用遙控器,輕輕一按,一切都搞定了。這樣的遙控器就像是 Google Tag Manager(GTM)在網站中的角色!
GTM 可以做到什麼?GTM 5 大優點及好處
GTM 能幫你簡化埋設網站追蹤代碼的流程,操作簡單好上手,就算不懂如何撰寫程式碼也能夠使用!下方列出 5 個 GTM 的優點及好處
- 一站式管理追蹤代碼:
GTM 能讓你輕鬆做到所有追蹤代碼都放進網站中,不管是 Google Analytics、Facebook Pixel 還是其他什麼工具的代碼,全都可以丟進 GTM 裡面管理,再也不用一個個找工程師埋代碼了。
- 提升網站載入速度:
使用 GTM 埋設,不會將追蹤碼寫進網站的 html 中,因此可以加速網站的載入速度,不會因為追蹤網站成效反而影響使用者體驗。
- 簡化追蹤代碼更新流程:
過去要更新一個小小的追蹤碼,可能都要開個會討論半天,現在有了 GTM,更新代碼就像是換衣服一樣簡單,自己就能快速搞定。
- 降低人為錯誤:
手動埋代碼就像是在地雷區隨便踩,稍不注意就可能踩到地雷。GTM 可以幫你自動避開地雷,大幅降低因人為操作不當造成的錯誤。
- 版本記錄功能:
GTM 的版本紀錄就像是遊戲的存檔點,每次更新後都會自動存檔,如果新的更新有問題,可以隨時回到之前的版本,確保網站的穩定運行。
Google Tag Manager 基本層級與架構介紹
GTM 的架構中包含:帳戶(Accounts)、容器(Containers)、代碼(Tags)、觸發條件(Triggers)、變數(Variables),而這些分別代表什麼意思呢?下方就讓 awoo 來說明給你聽
- 帳戶(Accounts)
就像 Google 帳戶一樣,GTM 的帳戶是管理一切的開始。通常來說,一個公司就開設一個帳戶就夠了,這個帳戶底下可以有多個容器(Containers),用來管理不同的網站或 APP。
- 容器(Containers)
容器就是存放代碼(Tags)、觸發條件(Triggers)和變數(Variables)的地方。一個容器通常對應一個網站或是一個 APP。
- 代碼(Tags)
代碼就是 GTM 的核心,是一段一段用來追蹤用戶行為或者集成第三方服務(比如 Google Analytics、Facebook Pixel 等)的程式碼。每當你想追蹤網站上的某個特定行為,比如按鈕點擊或是頁面瀏覽,就需要設置一個對應的代碼。
- 觸發條件(Triggers)
觸發條件就是在特定的事件發生時,代碼才會開始運作並記錄回傳數據,也就是說,觸發條件是用來決定代碼什麼時候要啟動的規則,例如使用者開始瀏覽頁面,就會開始執行代碼。
- 變數(Variables)
變數可以讓觸發條件更加靈活的運用,變數非常多變,可以是點擊、網頁路徑…等等,舉例來說,想要指定某個代碼只在 A 頁面運作時,就可以在觸發條件的變數中加入網頁路徑等於 A 頁面的 URL,這樣子就可以做更細部的追蹤。
GTM 建立及安裝教學 3 步驟
Step.1 建立 GTM 帳號及容器
首先,前往 Google Tag Manager 官網並登入 Google 帳號。點擊「建立帳戶」,然後填入你的公司或品牌名稱作為帳號名稱。接著在容器設定填入容器名稱,容器名稱一般是你的網站名稱或 APP 名稱。這個容器將用來存放和管理你網站的所有追蹤碼。
▲ 點擊建立帳戶,開始建立 GTM 帳戶
▲在帳戶名稱、容器名稱中輸入所需要的內容
Step.2 獲取並貼上 GTM 代碼
創建容器後,GTM 會提供給你一段代碼。這段代碼需要被正確地貼到你的網站上:一部分貼在 <head> 標籤中,另一部分貼在 <body> 開始的地方。這是要讓 GTM 追蹤功能成功運行的關鍵步驟,因此要確定代碼被有被正確埋入。
▲將程式碼分別貼到網站的 <head> 跟 <body> 中
Step.3 驗證 GTM 安裝是否成功
安裝代碼後,使用 Google Tag Assistant 來確認 GTM 代碼是否有正確運行。
▲利用 Google Tag Assistant 確認代碼是否有埋設正確
這邊另外說明,使用 Google Tag Assistant 時,會出現 3 種不同的標籤:
- 綠色:表示標籤安裝正確,且正在正常運作。看到綠色標記時,代表你的追蹤代碼或標籤有正確運行,並且正在按照預期收集數據。
- 藍色:代表標籤雖然可以運作,但存在一些小問題或警告。這不代表標籤無法正常收集數據,但可能有優化空間或需要進行某些調整以確保最佳性能。
- 紅色:表示標籤存在重大問題,無法正常運作。看到紅色標記時,代表追蹤代碼或標籤沒有按預期工作,可能會影響到數據收集和分析的準確性,建議馬上修正。
完成這三步後,就成功將 Google Tag Manager 安裝到了你的網站上啦!現在可以開始利用 GTM 來優化網站追蹤和分析工作了。
有了以上的介紹,無論你是想提升工作效率,還是想要更精準地追蹤網站數據,GTM 都能成為你最強大的助手。如果你還沒開始使用 GTM,就跟著 awoo 一起踏上 GTM 的這艘船,航向行銷工作的新境界吧!
如有任何網站流量成長相關問題與需求、或想瞭解更多 awoo SEO/SEM 服務歡迎立即諮詢,將有 awoo 專業顧問與您聯繫。
Contact Us
「*」代表必填欄位
▎延伸閱讀:2024 Google I/O 大會 —— AI Overviews & SGE 未來四大新功能|Google SGE 快訊 2024 Vol.2