Day 22 - 快速了解Google Tag Manager 代碼管理工具(GTM)

Google Tag Manager 介紹

day20、day21二天的電子商務分析,有提到Google Tag Manager(Google代碼管理工具), 它是什麼呢?

簡單的說,它是一個追蹤碼的管理工具。

只要在網站中安裝好Google代碼管理工具(GTM),就能透過GTM介面來管理其他所有的追蹤碼,及更多的細節。

例如,同時要管理Google分析、Facebook pixel、DoubleClick,三種追蹤碼或廣告碼,必須請工程人員埋設三次code。

安裝Google代碼管理工具後,就可以移除其他所有的追蹤碼,統一由GTM介面來管理。

Google代碼管理工具就像一個中央監視系統,其他需要監控的子系統,只需要把他們的程式放在監控中心,就能產生效用。

有點抽象,是不是?

現在傑哥舉個實例來說明。

Google Tag Manager

安裝Google代碼管理工具

進入Google代碼管理工具介面,新增一個容器(通常就是一個網站),找到「安裝Google代碼管理工具」 依據指示,把代碼放入網站中。這樣中央控制中心就準備好了。

若你已經有埋設Google分析的經驗,可能會有些混淆。

不錯!你就想像,這個GTM只需做一次,之後可以再使用GTM後台管理,使GTM碼變身成其他代碼。

所以,建立中控中心之後,以後不需要在網站上埋其他追蹤碼了。

Google Tag Manager

使用GTM安裝Google分析碼

現在,若我們要安裝Google分析追蹤碼,怎麼做呢?

這時,已經不需要去調整網站,也不需工程人員,只需要在GTM介面管理就行了。

例如:Google分析的追蹤碼為

Google Tag Manager

我們到GTM後台,去建立容器後:

  1. 新增代碼
  2. 選擇「通用Google分析」
  3. 觸發條件:all pages (所有網頁都要觸發)

Google Tag Manager

這樣就埋設好了Google分析追蹤碼了…

進行事件追蹤

你會想說…有這麼複雜嗎?Google分析就直接埋在網站裡就好了啊!?

若老闆又請你埋事件追蹤,有人點擊放入購物車鈕、表單送出鈕、觀看影片、下載pdf都要追蹤… 還有,要投放fb廣告,所以也要埋設fb pixel像素…

這時頭就大了。

若你透過Google代碼管理工具來管理上述這些追蹤碼,會變得輕鬆又簡單。(且不需向工程人員撒嬌~~)

Google代碼管理工具的優點

1. 易於使用的Web界面

Google代碼管理工具設計直觀,易於使用。(不過有愈來愈複雜的趨勢)

2. 可以管控所有代碼

只需透過Google代碼管理工具介面(不需修改網站),即可新增代碼或修改代碼,然後發佈這些更改到網站上。

3. 預覽模式

預模模式很好用!它可以在進入預覽狀態,我們到網站前台,即可看到所發佈的追蹤碼是否被觸發。確認後,再實際部署到網站上。

4. 網站標記描述

可以在到容器中所有代碼與觸發器的名稱,使自己方便記憶,團隊合作時也容易理解。

5. 版本歷史功能

透過版本歷史記錄,可將代碼恢復到之前的版本,並了解代碼更改的歷程。

Google代碼管理工具的功能愈來愈強大,細節也愈多。

在實務上,可以用來埋設:(1)Google分析;(2)事件分析;(3)電子商務分析;(4)fb pixel;(5)其他廣告代碼。

我想,這樣已經足夠一般的分析使用,不但能快速佈署各種代碼,也能減少對工程人員的打擾。

若你覺得這篇文章對你有幫助,請不吝按個讚!或分享它。

並歡迎隨時給我建言、給我指教。(加入下面粉絲團可得知最新動態)

傑哥實戰電子商務30天 https://www.facebook.com/ecommerce30day/

搜尋內容

訂閱電子報

* 私密文章 * 開課訊息 * 電商網站管理技巧

實戰30天系列文章

關於我們

真石科技專注於內容管理系統(CMS)、購物車系統(Shopping Cart)的解決方案,根據實際體驗與需求,開發簡單、有效、功能強大的各種網站。

優勢服務

Copyright © GC TECH. All Rights Reserved

歡迎訂閱!

訂閱電子報,可以不定時收到傑哥的私密文章、開課訊息、活動通知、電子商務網站管理技巧…等。

歡迎訂閱!

訂閱電子報,可以不定時收到傑哥的私密文章、開課訊息、活動通知、電子商務網站管理技巧…等。