用 GTM 分開記錄電話與 LINE 按鈕點擊

整理日期：2026-09-22

狀況

網站有電話與 LINE 兩種聯絡按鈕，但只看一般瀏覽數，無法知道兩個按鈕各被點了幾次。

這次的需求是分開統計兩種點擊。數字只用來觀察按鈕互動，不直接當成實際來電、LINE 訊息或有效詢問。

---

先拆成幾層看

• 前台元素：兩個按鈕是否有穩定且不同的 class、連結格式與顯示文字。
• GTM：點擊觸發條件是否只涵蓋目標按鈕，沒有一起收到網站其他電話或 LINE 連結。
• GA4：要用兩個事件名稱直接分開看，還是共用一個事件後再用參數拆分。
• 驗收：GTM Preview 與 GA4 DebugView 是否都收到正確事件，容器是否已發布。

---

最後發現

若只是要讓一般使用者直接看到電話與 LINE 各被點幾次，分成 phone_click 與 line_click 兩個事件最直覺。

觸發條件不能只看按鈕文字，因為文案可能改動。用專屬 class 限定位置，再用 tel: 或 line.me 檢查連結格式，可以降低誤收其他連結的機會。

---

修正方式

1. 啟用 GTM 內建變數

在「變數 → 設定」啟用：

• Click Classes
• Click URL
• Click Text
• Page URL

2. 建立電話連結觸發條件

• 觸發條件類型：點擊－僅連結。
• 觸發時機：部分連結點擊。
• Click Classes 包含電話按鈕專用 class，例如 contact-bar__phone。
• Click URL 開頭為 tel:。

3. 建立 LINE 連結觸發條件

• 觸發條件類型：點擊－僅連結。
• 觸發時機：部分連結點擊。
• Click Classes 包含 LINE 按鈕專用 class，例如 contact-bar__line。
• Click URL 包含 line.me。

4. 建立兩個 GA4 事件標籤

電話標籤沿用容器既有的 Google 標籤，事件名稱填 phone_click，LINE 標籤也使用同一個 Google 標籤，事件名稱填 line_click。

兩個事件都可以附帶以下參數：

事件參數	值
link_url	{{Click URL}}
link_text	{{Click Text}}
contact_location	按鈕所在區域的通用代稱

電話標籤只綁定電話觸發條件，LINE 標籤只綁定 LINE 觸發條件。

5. 預覽與發布

在 GTM Preview 中分別點擊兩顆按鈕，確認每次都出現 gtm.linkClick，而且只觸發對應的 GA4 事件標籤。

再到 GA4 DebugView 或即時資料確認收到 phone_click 與 line_click，通過後才發布容器版本。GA4 只會從發布後開始累積，不會回補過去的點擊。

---

不建議先做的事

• 只用「所有連結點擊」而不限制 class 或網址格式，這會把其他聯絡連結混進來。
• 只靠 Click Text 判斷，按鈕文案一改就可能停止追蹤。
• 沒有 Preview 與 DebugView 證據就直接發布。
• 把按鈕點擊直接解讀成已接通電話、已收到訊息或有效名單。
• 為了取得歷史數字而補造資料，GA4 事件無法回溯收集。

---

下次遇到可以先整理什麼

• 既有 Google 標籤名稱與資料串流是否正常。
• 目標按鈕的 class、href 與所在頁面。
• 要追蹤單一按鈕位置，還是全站所有電話與 LINE 連結。
• GTM Preview 中的事件、觸發標籤與未觸發標籤。
• GA4 DebugView 的事件名稱、參數與測試時間。
• 若要衡量成效，另外記錄有效詢問、報價與成交，不要只看點擊。

---

標籤

• Google Tag Manager
• GA4
• 事件追蹤
• 電話連結
• LINE
• 轉換量測