如何嵌入GA4與GTM Code
GA4與GTM嵌入碼在哪?找到Code嵌入網站!|天矽科技網頁設計
目錄
➤ GA與GTM
➤ GA-Code在哪
➤ GTM-Code在哪
GA與GTM
GA 為 Google Analytics的簡稱,是Google的分析工具,舊版的通用GA將於2023/7全面停止處理新匹配,因此大家應全面使用GA4做報表的分析與埋設。
GTM 為 Google Tag Manager的簡稱,是Google的代碼管理工具,用來追蹤網站中的事件,透過代碼的埋設來獲取更多的轉換、分析與在行銷數據。
GA 與 GTM 雖然相似,但這兩者是各自獨立的工具,可以透過交互使用來達到相輔相成的效益,GA用來蒐集數據、GTM用來管理追蹤碼,兩者可提供相對應的報表;比如在GA報表中的參與事件,就是利用GTM的代碼埋設才得以顯示的數據。
不過這兩者都需要將代碼嵌入網站中,才能進行後續的追蹤與數據報表提交顯示。
延伸閱讀:
GA4是什麼?Google Analytics 4基本功能介紹篇
GA-Code在哪
GA4的全域代碼被放在「資料串流」中。
若還沒申請GA帳號請先至Google Analytics申請,若不了解如何申請可以查看這一篇:Google Analytics申請、埋入GA-code追蹤碼教學
GA-Code路徑:
左下方管理--> (資源)資料串流--> 點選網站--> 中間的代碼設定操作說明--> 全域網站代碼(gtag.js) --> 打開獲得GA-code
這個Code要放在網頁語法html中的<head>裡面,如果網站管理者想要埋入這段代碼,可以在後台看看有沒有開放的欄位可以埋入?怎麼埋?若只需要填入部分ID則可直接在上方複製「評估ID」並貼入欄位即可。
▲ 評估ID
▲ 開放整段代碼貼上之欄位
▲ 開放只需填入部分ID即可之Code欄位
▲ 填入後的代碼可於開發者管理工具(F12)查看
GTM-Code在哪
GTM的完整代碼在「安裝Google代碼管理工具」中。 若還沒申請GTM,請至Google Tag Manager建立帳戶,若不了解GTM是什麼,可以看這一篇:GTM是什麼?Google Tag Manager基本功能介紹篇
GTM-Code路徑:
上方管理--> 容器--> 安裝Google代碼管理工具
這個Code要分別放在html中,最上方的<head>與<body>開頭代碼正後方,也就是這兩個都要嵌入網站中才可以順利追蹤。網站管理者若想要利用GTM來追蹤網站中的數據,記得要兩個都要嵌進去喔!
另外,網站管理者也可以先看看後台有沒有開放嵌入的欄位?怎麼嵌入?若只需要嵌入部分ID,則可在一開始進入的首頁中找到「容器ID」,或是在管理頁面中的容器欄位找到一串由GTM開頭的代碼,複製貼上至欄位即可。
▲ 後台嵌入GTM欄位
▲ 填入後的代碼可於開發者管理工具(F12)查看