如何嵌入GA4與GTM Code

GA4與GTM嵌入碼在哪?找到Code嵌入網站!|天矽科技網頁設計

GA4與GTM嵌入碼在哪?找到Code嵌入網站!|天矽科技網頁設計

 

目錄
GA與GTM
GA-Code在哪
GTM-Code在哪

 

GA4的嵌入碼在「資料串流」中的「全域網站代碼」中、GTM的嵌入碼在「管理」中的「安裝Google代碼管理工具」裡面,兩者可交互使用並提供相對應的報表。

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

GA-Code在哪

 

 這個Code要放在網頁語法html中的<head>裡面,如果網站管理者想要埋入這段代碼,可以在後台看看有沒有開放的欄位可以埋入?怎麼埋?若只需要填入部分ID則可直接在上方複製「評估ID」並貼入欄位即可。

GA-Code在哪

▲ 評估ID

 

GA-Code在哪

▲ 開放整段代碼貼上之欄位

 

GA-Code在哪

▲ 開放只需填入部分ID即可之Code欄位

 

GA-Code在哪

▲ 填入後的代碼可於開發者管理工具(F12)查看

 

GTM-Code在哪


 GTM的完整代碼在「安裝Google代碼管理工具」中。 若還沒申請GTM,請至Google Tag Manager建立帳戶,若不了解GTM是什麼,可以看這一篇:GTM是什麼?Google Tag Manager基本功能介紹篇

GTM-Code路徑:
上方管理--> 容器--> 安裝Google代碼管理工具

GTM-Code在哪

 

 這個Code要分別放在html中,最上方的<head><body>開頭代碼正後方,也就是這兩個都要嵌入網站中才可以順利追蹤。網站管理者若想要利用GTM來追蹤網站中的數據,記得要兩個都要嵌進去喔!

GTM-Code在哪

 

 另外,網站管理者也可以先看看後台有沒有開放嵌入的欄位?怎麼嵌入?若只需要嵌入部分ID,則可在一開始進入的首頁中找到「容器ID」,或是在管理頁面中的容器欄位找到一串由GTM開頭的代碼,複製貼上至欄位即可。

GTM-Code在哪

▲ 後台嵌入GTM欄位

 

GTM-Code在哪

▲ 填入後的代碼可於開發者管理工具(F12)查看

 

share FB LINE
看天矽作品集 回上一頁
ID:@323foylw