【2021 版】五分鐘教學：透過 GTM 設定點擊追蹤

大家好，我是 Eric。認為網站分析 = Google Analytics 的人不在少數，而這些人裡面，更有一部份認為：「只要在每一頁埋好 Google Analytics 追蹤碼，就可以開始做網站分析了。」

不過，傳統的 Google Analytics 追蹤碼，沒有辦法回答這些問題：

1. 為什麼我的瀏覽量 (PageView) 這麼高，但是都沒有人寄聯絡表單給我？
2. 有多少人從我的網站下載了我上傳的簡報檔？
3. 哪一篇文章，可以有效的讓人訂閱網站的電子報呢？
4. 我的網站文章裡面嵌入了 YouTube 影片，但是，有人看嗎？

這些問題，在 GA 4 的 [加強型評估] 功能得到解決，但是對於仍然使用通用 GA 的站長，或是使用 GA 4 並希望進一步追蹤不同事件的人，仍然還是需要透過 GTM 來進行設定。

More to read

【2021 年更新】新版 Google Analytics 4 與通用 Google Analytics 比較

大家好，我是 Eric。 最近對行銷人員網站站長最重要的大事之一，就是 Google Analytics 4 登場了。GA 4 大幅變更了通用 Google Analytics 以降的系統介面，以及資 […]

本次的文章，將說明如何利用 GTM，為你的網站加入最基本的點擊事件追蹤功能。

什麼樣的人需要學習事件追蹤

1. 希望能夠回答前面 4 種問題的人
2. 希望學習如何使用 Google 代碼管理工具設定事件追蹤的人

除了 Google 代碼管理工具外，也可以使用 JavaScript 設定事件追蹤，但是並不是在這篇文章討論的範圍。

什麼是事件追蹤？

所謂的事件追蹤，就是將 DOM 元素的變化 (例如：點擊元素、看到元素、捲動元素或是表單元素間的切換) 傳送給分析工具的流程。什麼是 DOM 元素？在〈行銷人員必修的 GTM 相關網頁架構〉中曾經提到，DOM 元素就是構成網頁的一塊塊積木，而文章裡又提到，網頁從載入起就是一連串的事件，換句話說，設定完整的事件追蹤，可以監看使用者從進入到離開網頁的一舉一動。

More to read

五分鐘教學：行銷人員必修的 GTM 相關網頁架構

前言 開始了解網頁架構，是因為在第一份工作時，真正的工作內容，是有點類似（偽）工程師的 Ad Operations Executive。因為這樣，我花了不少時間在鑽研「如何埋放追蹤碼，以達到最佳的行銷 […]

實作：透過 GTM 追蹤網站的點擊事件

步驟一：設定 GTM 內建變數

既然要追蹤點擊事件，我們可以使用 Google 代碼管理工具中相當便利的內建變數：Click Elements (點擊元素的元素種類)、Click Classes (點擊元素的類型)、Click ID (點擊元素的 ID)、Click Target (點擊連結的目標視窗)、Click URL (點擊元素的連結)、Click Text (點擊元素中的文字)。

步驟二：設定 GTM 的觸發條件

設定了內建變數後，接著要加上觸發條件，在 [觸發條件] 中，點選 [新增]。在觸發條件類型中，我們看見 Google 代碼管理工具提供了兩種點擊類型：[僅連結] 只會在點擊這種超連結的時候才會觸發，[所有元素] 則可以追蹤各種元素 (譬如圖片、文字) 的點擊。

這次我們先選擇 [所有元素]，點擊後可以再進一步的限縮點擊的範圍，以下圖為例，把「點擊 class 裡面包含 toc_title 的元素」當成是觸發代碼的條件。關於觸發條件的設定，你需要對 HTML、CSS 選擇器有基礎的了解，比較能夠監測正確的目標。

步驟三：新增代碼

最後一個步驟，就是根據第二步設定的觸發條件，來新增代碼。以 Google Analytics 為例，當決定新增事件追蹤後，會出現 4 個可供填寫的欄位：類別 (Category)、動作 (Action)、標籤 (Label)、值 (Value)。有關 Google Analytics 事件追蹤的命名規則，可以參考 Google 官方的〈關於事件 – Analytics (分析) 說明〉。

我自己的習慣則是：

1. 類型：想要追蹤的主題 (Scroll Tracking/ECommerce/潛在客戶開發⋯等)
2. 動作：具體的動作 (click、submit、或是頁面捲動 % 數)
3. 標籤：事件發生的頁面、物件 (表單代碼、事件發生在哪個頁面等等)
4. 值：非必要，適合追蹤電子商務的「加入購物車」或「報名課程」的費用

雖然說這裡只提供了 Google Analytics 的事件追蹤範例，但是事件追蹤的概念，也可以套用到不同的分析工具中，例如 Facebook Pixel、Mixpanel、Piwik 等，不過礙於篇幅，這些工具未來有機會會再另外說明。

Google Analytics 的事件追蹤限制

每次的事件，都是一個匹配 (hit)，根據 Google 的官方文件，免費版的 Google Analytics 有匹配次數的上限，在規劃事件追蹤時也必須特別注意，才不會在沒注意的情況下，遺漏了重要的資訊。

在此我們先將官方文件中的匹配當作事件，比較容易理解：

1. 每個月每個資源只能追蹤 1,000 萬個事件
2. 一天最多只能對每位使用者個別追蹤 20 萬個事件
3. 每個工作階段最多只能追蹤 500 個事件

結論：我需要什麼樣的事件追蹤

網頁從載入開始就是一連串的事件，因此事件追蹤是非常有彈性的，任何在網頁上發生的事，都可以追蹤。

不過說到底，Google 代碼管理工具與 Google Analytics 終究是分析工具，因此如果想要知道自己需要怎樣的事件追蹤，必須要回歸到你的行銷目標。

譬如說，今天行銷活動的目標是要累積潛在客戶名單，那麼除了追蹤「送出表單」事件外，透過追蹤「點擊表單」事件以及「表單元素切換」事件，可以進一步知道有多少人填表填到一半時決定放棄。