水星數位科技 Mercury Digital
  • 首頁
  • 關於我們
  • 服務項目
    • M-core 全媒體廣告策略佈局
    • M-Trend 社群/論壇輿情分析系統
    • M-Insight 訪客樣貌解析系統
    • M-Report 即時動態數據儀表板
  • 成功案例
  • 行銷資源
    • 行銷專欄
    • 行銷資源下載
  • 聯絡我們

埋碼不求人!Google Tag Manager 入門實戰

by Evan 20 9 月, 2022
13 人已看過

目錄

  • Google Tag Manager是什麼?
  • 使用Google Tag Manager的四大好處
  • Google Tag Manager的代碼管理架構
  • 如何開始使用Google Tag Manager?

Google Tag Manager是什麼?

GTM全名是Google Tag Manager,是一種代碼管理系統,將原先要埋在網站中的程式碼,改為使用GTM管理,作為行銷工具與網站之間的橋樑,讓行銷人追蹤數據更方便,有利於進行優化成效,例如:追蹤網站用戶的瀏覽百分比,進而調整網頁架構、追蹤網站用戶行為,得知要對哪些人進行廣告再行銷、追蹤廣告實際轉換成效…等。

使用Google Tag Manager的四大好處

雖說是埋設網站代碼,但不懂程式語言也不用擔心,只需要將對應的參數填入後即可完成設定,相較於一般埋設網站代碼的方式,GTM有以下四大優點:

使用google-tag-manager的4個好處
  • 方便集中管理代碼
    它可以整合追蹤程式碼到網站中,不需要在不同頁面位置進行埋碼工作,像是Google Analytics 的分析代碼、Google Ads 的再行銷代碼、Facebook Pixel 轉換代碼…等,都可以一併在後台進行埋碼,而且在後台就能自行新增、修改或移除,對行銷人來說非常友善!
  • 減少溝通成本
    在沒有使用GTM之前,一切的埋碼工作都要倚賴工程師幫忙,包含確認埋設位置、偵錯與修正,來回溝通的時間,可能要花費數天到數星期,相當耗費時間!
  • 減少網站追蹤出錯機會
    若是請工程師協助埋設網站代碼,必須等到網站發布後才能驗證埋碼是否成功,以及數據是否正確;透過GTM埋碼則可以使用它提供的預覽功能,在代碼發布之前事先偵錯,確保發佈後搜集的數據正確無誤。
  • 提升網站穩定性
    過去為了追蹤網站資料,我們將不同的程式碼埋入網頁中,大量的程式碼將會影響網頁的載入速度,也間接地影響了SEO成效(網站速度會影響搜尋排名);透過GTM,程式碼並不會被寫入網頁的HTML中,因此不會導致網站速度變慢。

Google Tag Manager的代碼管理架構

了解了GTM的功能和優點後,接著來認識組成架構吧!如下圖:

google-tag-manager組織管理架構
  • 帳戶
    GTM的最高層級,一個GTM管理員帳戶,可以有多個GTM容器。
  • 容器
    容器可以理解成是放置代碼標籤的地方,一個容器只能搭配一個網域,裡面可以設定多個代碼和觸發條件。
  • 代碼
    代碼指的是「追蹤事件的程式碼」,GTM內有許多精選代碼,也就是Google提供的代碼樣本,像是Google Analytics、Google Ads轉換追蹤/再行銷、Google Optimize …等,不過若是Facebook Pixel則要使用「自訂HTML」的方式新增代碼。
  • 觸發條件
    代碼啟用的時機。顧名思義是指當用戶進入網站後,「執行了某個指定動作(觸發條件)」,將會觸發代碼標籤記錄用戶行為,例如:載入某個頁面、點擊網頁中的某個按鈕…等。

如何開始使用Google Tag Manager?

要使用GTM管理所有追蹤程式碼前,必須先將GTM安裝到網站中,共有下方四個步驟:

安裝google-tag-manager的4個步驟
  • 登入Google帳號
    使用前必須先登入Google帳號,進入Google Tag Manager。
  • 建立帳戶與容器
    點選【建立帳戶】後,即可創建GTM帳戶和容器,帳戶名稱可設定為公司名稱,容器名稱可設定為網站名稱/網域名稱,並選擇適用的容器類別。
建立google-tag-manager帳戶與容器
  • 取得GTM容器安裝編號
    建立好帳戶與容器之後,點擊【安裝編號 GTM-XXXXXXX】,即可取得程式碼,只需將提供的代碼放進網頁中的 <head> 與 <body> 指定位置即可。
取得google-tag-manager容器安裝編號
  • 檢查GTM是否安裝成功
    在容器中工作區的右上角點選「預覽」,即可檢查 GTM 是否成功的安裝在網站上,後續也可以在代碼發佈前,使用預覽功能,檢查及測試代碼是否成功設定。
檢查google-tag-manager是否安裝成功

將GTM安裝到網站後,就可以開始後續一連串代碼、觸發條件的設定,進行網頁特定事件的追蹤囉!有關GTM入門的基本概念和初步設定就介紹到這邊!

如果你喜歡我們的文章,歡迎在下方留下Email訂閱電子報,將不定期收到更多行銷和廣告知識!

上一篇
為什麼我會看到這則廣告?運作原理大公開!
下一篇
Google Analytics 七大歸因模式,為你找出關鍵轉換點!

你可能還想看...

UTM 是什麼?讓流量來源無所遁形的超級助手!成為行銷人的第...

30 1 月, 2023

2023年GA4即將稱霸!它如何運作?與通用GA又有哪些差異...

31 10 月, 2022

精準行銷最佳解:行銷自動化!為你的工作提高效率

31 10 月, 2022

跟上No-Code趨勢!不懂程式碼也能創建應用程式!

31 10 月, 2022

行銷人必學!14個超實用工具推薦,讓工作效率倍速提升!

21 9 月, 2022

GA入門!Google Analytics 9大必知專有名詞

21 9 月, 2022

Leave a Comment

Save my name, email, and website in this browser for the next time I comment.

分類

  • 廣告知識
    • Facebook
    • Google
    • 其他媒體
    • 概念篇
  • 行銷工具
  • 行銷資源下載
  • 行銷趨勢

近期文章

  • 《行銷資源》2023 決戰母親節_美妝市場行銷趨勢懶人包

    11 5 月, 2023 0 人已看過
  • UTM 是什麼?讓流量來源無所遁形的超級助手!成為行銷人的第一課

    30 1 月, 2023 0 人已看過
  • 在耳邊放送廣告!2022 Google Ads 全新推出【YouTube 音訊廣告】

    18 1 月, 2023 0 人已看過
  • B2B 推廣絕佳管道【LinkedIn Ads】,有效觸及優質客戶的商務社群平台!

    18 1 月, 2023 0 人已看過

歡迎追蹤我們

Facebook Instagram Linkedin Line

隱私權政策
© 2022 Mercury Digital. All right reserved. Designed and Developed by PenciDesign

水星數位科技 Mercury Digital
  • 首頁
  • 關於我們
  • 服務項目
    • M-core 全媒體廣告策略佈局
    • M-Trend 社群/論壇輿情分析系統
    • M-Insight 訪客樣貌解析系統
    • M-Report 即時動態數據儀表板
  • 成功案例
  • 行銷資源
    • 行銷專欄
    • 行銷資源下載
  • 聯絡我們