你需要的電商知識都在這裡

埋碼不求人,就靠 GTM 代碼管理工具
最後更新 2023-06-01

商家經營網路商店,少不了使用各種廣告工具、網站追蹤工具、或是一些外掛在網站上的小程式。想啟用這些工具,商家必須預先將工具程式碼埋入網站。常見的基本工具例如:FB pixel、GA代碼、Google Ads 代碼、LINE Ads等,WACA 都以為商家預設埋放好,商家只需將代碼填在後台即可啟用。

 

除了 WACA 後台支援的基礎工具外,若商家希望使用更多須埋碼的第三方服務,也能夠透過Google Tag Manager (GTM) 來完成。



什麼是 GTM  

GTM 為一項由 Google 推出的代碼管理工具,商家可透過 GTM 服務,在不須改動原有網站原始碼的情況下,將想要使用的其他第三方代碼埋在 GTM 中,經由 GTM 來載入至網站中。

 

將第三方代碼埋放在 WACA 網站後台




GTM 可以協助我做什麼?

・統一管理各種代碼不求人

只要將 GTM 代碼先埋好,商家便可以自由在 GTM 中新增、編輯、停用其他第三方代碼,不透過工程師,零程式基礎也可以完成許多工具的埋放及測試。電商常用的 Email 搜集框、瀏覽器訂閱服務、跳出優惠券、客服系統等外掛工具,商家都能即埋即測試,加快自行擴充網站功能的腳步。



・提升載入速度

使用 GTM 服務,商家網站中只需埋放 GTM 代碼,其他第三方代碼是透過異地載入, 因此消費者在瀏覽網站時,不會因為網站須讀取大量程式碼導致載入速度變慢,確保消費者能有擁有並順暢的購物體驗。



・追蹤網站事件 

經營網路商店,來客追蹤分析是不可或缺的一環,雖然 WACA 已為商家埋放 GA 及進階電子商務報表,商家可以追蹤訪客瀏覽、加入購物車、結帳等轉換,但若商家還希望進一步追蹤更多訪客在網站上的行為,也可以透過 GTM 搭配 GA 來設定,當消費者觸發特定行為時,將數據傳送回商家的 GA 後台,以供進一步分析。



 

GTM 介面介紹

 

那究竟 GTM 是如何運作的呢?讓我們先來了解 GTM 工具的基本介面和功能組成。

 

 

・帳戶與容器

 

在 GTM 中,帳戶與容器的關係,類似於 GA 中帳戶與資源的關係,商家可將容器視為「網站」,個容器對應一組 GTM 代碼,商家需將此代碼填入 WACA 後台方能使網站載入此 GTM 容器中的代碼。

 

代碼管理工具帳戶畫面



也就是說,若商家同時有許多個網站,在使用 GTM 時,就必須為網站分別創立「容器」。

 

 

 

・代碼

 

就是商家使用各項服務時,必須埋放在網站中的程式碼。商家可在容器中埋放多組代碼,並隨時編輯、停用、刪除。

 

代碼管理工具中可以管理多組代碼



・觸發條件

在設定代碼時,除了貼上程式碼的內容外,還須設定什麼情況下會觸發這組代碼。不同的代碼觸發情境不同,例如:電子報訂閱框可能是網頁一載入就觸發,優惠券彈出視窗可能要在網頁上捲動超過一定比例,GA 事件追蹤碼可能需要消費者點擊某顆按鈕...等等。

 

替不同的代碼設定觸發條件



・變數

針對設定觸發條件、埋碼時常會用到的值,給他們一個統一名字,例如 「GA 追蹤碼」就是一個變數、「超連結文字」也是一個變數。

 

GTM 有提供許多內建變數,例如:網頁網址、點擊物件、點擊文字等

 

GTM有提供許多內建變數可設定

內建變數提供多種點擊位置可設定



 

所以 GTM 究竟如何運作?

 

介紹完 GTM 的介面,那 GTM 具體可以協助我做什麼呢?我們用底下這個情境來簡單說明

 

 

Q:我希望追蹤有多少人加入會員

 

 

  1. 新增一個觸發條件是 「點擊登入會員」

新增「點擊登入會員」為觸發條件



  1. 新增一個 GA 事件追蹤代碼,當「點擊登入會員」條件觸發時,傳資料回 GA

設定代碼,當有人點擊登入會員資料就會傳回GA

 

完整設定請參考:如何用 GTM 追蹤加入會員數




結語

看到這裡,商家體會到 GTM 這項工具的強大了嗎?如果你也有想要追蹤的網頁事件,或是想嘗試的第三方工具,不妨先從設定 GTM 代碼開始,不求人也能邁向電商 Martech 小天才之路。

 

 

 

馬上預約諮詢,整合線下與線上商機
您有興趣的內容
必填
您的姓名
必填
連絡電話
必填
電子信箱
必填
目前使用什麼工具進行預約管理
必填
服務類型與產業別
必填
商店規模
必填
公司/商店名稱
所在區域
專人諮詢
預約專人諮詢
馬上免費註冊