iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 1
2
Modern Web

Google Tag Manager Micro Challenge系列 第 1

GTM 01 - Google Tag Manager 是什麼?

GTM 社團


Google Tag Manager

Google 代碼管理工具(Google Tag Manager,簡稱 GTM)。Google 代碼管理工具,其中代碼的意思就是指一段程式碼,我們可以用這段代碼將資訊傳給第三方服務(Ex:Google Analytics、Google AdWords、FB Pixel 和 Hotjar等),也可以透過 GTM 所提供的 Custom HTML Tag,把 HTML、CSS 或 Javascript 嵌入到自家的網站上

https://ithelp.ithome.com.tw/upload/images/20171213/20107582y02L14ByAT.png
[來源:https://camo.githubusercontent.com/]

如果我們使用 GTM 來統一把這些代碼,就不需要逐一維護網頁中的程式碼,只要在 GTM 的介面中,指定要啟用的代碼(Tag)及啟用時機(Trigger)就行了。減少直接修改網站程式碼的次數和找開發人員幫忙的次數,能有效減少錯誤發生的機會。沒有 GTM 之前我們要在網站上埋追蹤碼(Tracking Code)的話,就如下圖的紅色 Tag 一樣,需要在網頁上去加入相關的程式碼

https://ithelp.ithome.com.tw/upload/images/20171213/201075823V5TjFgPAy.png
[來源:Google Analytics Academy]

如果使用 GTM 去管理相關的 Tag 就像是下圖一樣,在 GTM 的使用介面中去做 Tag 的設定,Tag 有可能是追蹤碼,也有可能是追蹤工具的 Pageview 或 Event 的設定,甚至有可能是 Custom HTML

https://ithelp.ithome.com.tw/upload/images/20171213/20107582XM7ciQUtWJ.png
[來源:Google Analytics Academy]

使用 Google Tag Manager 的好處

  • 加速開發的速度,減少透過開發人員去埋相關的程式
  • 統一管理,埋在網站中的追蹤碼或第三方服務
  • 減化開發流程,可以透過 GTM 新增或修改網站小功能的測試
  • 版本控制,發生錯誤時可以即時回到前一版
  • 和其他 Google 服務完美的整合,Ex:Google Analytics、Google Optimize 和 AdWords 等

歡迎來職涯社群的 GTM 社團一起討論哦!
原文章


下一篇
GTM 02 - 建立帳戶(Account)和容器(Container)
系列文
Google Tag Manager Micro Challenge30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

1
dancegame
iT邦新手 5 級 ‧ 2017-12-20 00:25:41

現在才知道iThome大多都來硬的軟的較少網路服務類喔,加油喔!!!

看更多先前的回應...收起先前的回應...
aco iT邦新手 5 級 ‧ 2017-12-20 13:44:02 檢舉

謝謝! 我會努力的 ><

Miles iT邦新手 2 級 ‧ 2017-12-25 10:00:21 檢舉

今年鐵人賽最硬的主題應該是這個 Verilog 從放棄到有趣 了...

aco iT邦新手 5 級 ‧ 2017-12-25 11:38:23 檢舉

完全看不懂 :'(

dancegame iT邦新手 5 級 ‧ 2017-12-25 22:59:48 檢舉

太硬了....Orz

0
amy819251
iT邦新手 5 級 ‧ 2021-06-24 16:04:07

決定要來嗑完這一系列的文章,感謝Sam分享~

我要留言

立即登入留言