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

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

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

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

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

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

More to read

最近對行銷人員網站站長最重要的大事之一,就是 Google Analytics 4 登場了。GA 4 大幅變更了通用 Google Analytics 以降的系統介面,以及資料的傳遞方式。今天,我們就來看看這次的 GA 4 有哪些改變,以及如何升級。

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

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

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

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

什麼是事件追蹤?

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

More to read

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

GTM 與網站的基本關係

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

步驟一:設定 GTM 內建變數

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

設定 GTM 內建變數來追蹤點擊步驟二:設定 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 終究是分析工具,因此如果想要知道自己需要怎樣的事件追蹤,必須要回歸到你的行銷目標。

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

從這裡聯絡 applemint

Eric Chuang

相關文章

獲得最新的台灣數位行銷、台灣跨境電商、線下集客、B2B 與創業資訊!

Languages
contact applemint 聯繫