iT邦幫忙

2025 iThome 鐵人賽

DAY 4
0
佛心分享-IT 人自學之術

免費資源能學多少系列 第 4

免費線上資源學習打卡Day 4:Google Tag Manager 基礎入門_Part 3

  • 分享至 

  • xImage
  •  

早安大家!我是QNA,既昨天的學習,今天的的主題依舊是:Google Tag Manager,也是這個主題的倒數第二篇~
今天主要說明整體介面的操作和一些客製化的設定
GTM網址:https://ithelp.ithome.com.tw/users/20178825/ironman/8840
進到帳號後會看到這個畫面
https://ithelp.ithome.com.tw/upload/images/20250918/20178825pZ6mnomg1W.png

總覽

正在修改中可以看到工作區的變更:已修改、已新增、已刪除
可以把這個區域當作草稿,草稿需要透過提交才會發布
https://ithelp.ithome.com.tw/upload/images/20250918/20178825dQ7hNZNxVd.jpg

代碼

要安裝到網站上的追蹤碼
https://ithelp.ithome.com.tw/upload/images/20250918/20178825gyyCT07xB5.png
點擊新增會跳到這個頁面,代碼主要分為兩個區塊:代碼設定、觸發條件
https://ithelp.ithome.com.tw/upload/images/20250918/20178825LJ7YuWy7hE.png

代碼設定

精選區塊都是針對Google自家產品所設計的相關代碼
https://ithelp.ithome.com.tw/upload/images/20250918/20178825MY5gFdpTzf.png
當然也可以在下面選擇非Google的產品設定
https://ithelp.ithome.com.tw/upload/images/20250918/20178825RvnJQ0Bql7.png
在更多中也有很多不一樣的樣板代碼可以選擇使用
https://ithelp.ithome.com.tw/upload/images/20250918/20178825JeMyQUmg0z.png
以下框框內的如果沒有GTM都要以程式碼才可以做到
https://ithelp.ithome.com.tw/upload/images/20250918/20178825zHGcQam1Bp.jpg

觸發條件

GTA有一些本來的觸發條件模板可以使用
https://ithelp.ithome.com.tw/upload/images/20250918/20178825vU5V0GKX3Q.png

全部設定好要記得點選儲存!!!!

https://ithelp.ithome.com.tw/upload/images/20250918/20178825TwT5MJN4eP.png

觸發條件

https://ithelp.ithome.com.tw/upload/images/20250918/20178825T1TfZwP2rq.png
點選新增後的畫面
https://ithelp.ithome.com.tw/upload/images/20250918/20178825is9rzB4flv.png
以下為GTA原先設計的觸發條件類型
https://ithelp.ithome.com.tw/upload/images/20250918/20178825Y7dED0duPJ.pnghttps://ithelp.ithome.com.tw/upload/images/20250918/20178825YN5gEzrOSK.pnghttps://ithelp.ithome.com.tw/upload/images/20250918/20178825PVrWBIuGvy.png
也可以做一些除錯的偵測
https://ithelp.ithome.com.tw/upload/images/20250918/20178825z99SRZvZQz.png

變數

https://ithelp.ithome.com.tw/upload/images/20250918/20178825N7yS4chJif.png
儲存資料的單位,名稱可以知道放什麼,而存放的資料可靜可動
以下頁面展示的是GTA提供的
https://ithelp.ithome.com.tw/upload/images/20250918/201788256ny20LFosZ.png
也是可以自行定義變數
https://ithelp.ithome.com.tw/upload/images/20250918/20178825U4yhXnrObD.png

資料夾

協助將以上介紹的功能進行分類
https://ithelp.ithome.com.tw/upload/images/20250918/201788256DPATSZDhy.png

版本

根據每次的修改、更新都會在版本頁面中呈現
https://ithelp.ithome.com.tw/upload/images/20250918/20178825XvHOLWP6aM.png

管理

管理面板中主要分成兩個區塊:帳戶及容器
https://ithelp.ithome.com.tw/upload/images/20250918/20178825s9SYBeLFvW.png

帳戶

管理使用者權限,較適合媒體代理商或手上有多個用戶需要處理的人

容器

容器活動:可以知道使用者在什麼時候做了什麼事
安裝Google代碼管理工具:可複製到需埋到網站中的程式代碼
https://ithelp.ithome.com.tw/upload/images/20250918/20178825HaiXnwTQZI.png

匯入容器:

匯入他人做好的設定

匯出容器:

匯出自己做好的設定

可以用以上兩個功能複製完成多個容器的設定,提升整體效率!

結語

今天的學習主要帶大家認識 Google Tag Manager 的整體介面,包含各大功能模組的基礎用途與操作重點:
1.總覽頁面:可視為工作草稿區,所有變更需透過「提交」才能正式發布。
2.代碼(Tag)設定:分為「代碼設定」與「觸發條件」,支援 Google 產品與多樣第三方樣板。
3.觸發條件(Trigger):內建多種觸發模板,也能自訂偵測條件進行除錯。
4.變數(Variables):儲存資料的小幫手,可使用預設變數或自定義變數。
5.資料夾:幫助分類整理 Tag、Trigger、Variable 等資源。
6.版本管理:每次的發布記錄都會保存在這裡,方便回溯與管理。
7.帳戶管理:設定使用者權限,適用於代理商或多人協作情境。
8.容器管理:可匯入/匯出設定,大幅提升跨專案或跨網站的效率!
這篇算是整體操作介面的整理與概覽,幫助我們更有邏輯地運用 GTM 的每一個元件。

今天先到這邊~明天我們在繼續學習GTM吧!各位晚安!


上一篇
免費線上資源學習打卡Day 3:Google Tag Manager 基礎入門_Part 2
下一篇
免費線上資源學習打卡Day 5:Google Tag Manager 基礎入門_心得及收穫
系列文
免費資源能學多少8
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言