Google Tag Manager是什麼?|產品經理必備的Google Tag Manager技巧

Google Tag Manager(GTM)是一款由Google提供的免費工具,用於簡化網站的管理,尤其是不想要看工程師臉色的非工程人員使用,畢竟工程師有在跑Scrum的話,你這種改改連結、追蹤事件的小事,真的不太會被PO排到Prodcut Backlog。GTM允許用戶「輕鬆」添加和更新各種追蹤碼,如Google Analytics和AdWords轉換追蹤,無需直接修改網站原始碼,但這裡指的輕鬆是相較於讓工程師來處理,你非工程人員還是要多少會一點點的程式概念會更好,但像我沒有程式背景也可以使用,所以才有這樣的GTM教學文章。

以下,是我想到就會紀錄起來的GTM教學,分享給需要的朋友們,或是你想要建立一個WordPress網站來練習GTM操作,那麼可以參考我這篇WordPress安裝GTM|手把手教學安裝GTM文章。

Google Tag Manager是什麼?

我們以下開始將Google Tag Manager簡稱為GTM。GTM是什麼?它是一種由Google推出的「代碼管理工具」,可以讓使用者直接在GTM界面上去新增、調整或是刪除代碼,不用再去看工程師的臉色。

什麼意思?也就是說,當今天你需要安裝GA4的代碼,或是其他第三方的代碼時,都還會需要經過和工程師們的討論,讓工程師知道這些代碼的目的以及要安裝在哪裡,但是,工程師手上一定還有優先級遠高於此任務的情況,因此,你想要追蹤的數據一直沒有工程師可以幫你安裝,所以就那麼過了好久好久以後。

此時,你的老闆還在等你的數據,但根本還沒有埋追蹤代碼,你該怎麼辦?

這個時候GTM的登場,就是十分重要了,因為你可以自己來處理了,有什麼狀況還可以自己動手調整。

代碼、觸發條件與變數

在GTM當中,有三件事情只要先搞清楚,對於後續的操作,你會更佳的得心應手。

代碼

指的就是程式碼,例如,GA4的代碼讓你埋到網頁裡。

觸發條件

則是指「何時啟動這個代碼」,例如,有人瀏覽了某一個網頁、點擊一個按鈕、滑動了頁面,都是一種觸發條件。

變數

則是指用來擷取需要傳送的資料,例如,你可以設定變數來擷取用戶購買產品的交易金額。

看不懂?沒關係,往下看舉例說明。

GTM意思到底是什麼

代碼決定「做什麼」, 觸發條件決定「何時做」,變數決定了「傳遞什麼資訊」,GA4負責「接收和記錄資訊」。

  1. 使用者點擊「加入購物車」按鈕(觸發條件)。
  2. GTM擷取商品名稱、價格等資訊(變數)。
  3. GTM觸發GA4事件代碼,將事件名稱(add_to_cart)和相關參數(商品資訊、購物車總價值)傳送給 GA4。
  4. GA4接收並記錄事件資料,可以在GA4報表中查看加入購物車的次數、商品明細、總價值等數據。

這個例子說明了:

  • 變數儲存了與事件相關的重要資訊(商品名稱、價格)。
  • 觸發條件決定了何時發送追蹤數據(點擊加入購物車按鈕時)。
  • 代碼負責將數據傳送給GA4,並定義事件名稱和參數。

安裝Google Tag Manager

透過GTM,安裝GA4

透過GTM,安裝GA4的評估ID

建立Click Text點擊按鈕事件

捕捉Click Classes事件

建立網頁捲動深度事件

利用GA4偵錯模式確認GTM事件

要深入了解產品經理的核心技能,請參考我們的詳細指南:產品經理的核心技能
返回頂端