最後更新：2026/10/13
網站裝了 Google Analytics（GA4），每個月看得到有幾個人來、從哪裡來、看了哪幾頁。可是對新北的診所、補習班、工作室來說，最想知道的往往是另一件事：有多少人看完網站，按了電話、寄了信、點了「立即預約」？
這些點擊，GA4 預設不會幫你記。這篇先說明 GA4 自動記了哪些事，再用一段程式碼把電話、Email 和你指定的按鈕都記下來。
不想自己改？把這篇交給 AI
把這篇的網址（或全文）連同下面這段話貼給 AI：
我的網站是 WordPress。我想照下面這篇文章，用 GA4 追蹤電話、Email 和「立即預約」這類按鈕的點擊，並設成重要事件。
請先問我：GA4 的追蹤碼是怎麼裝的（外掛、佈景主題設定，還是 Google 代碼管理工具）、我想追蹤哪些按鈕。
問清楚之後，再一步一步告訴我：要用哪一段程式碼、貼在哪裡、哪些地方要換成我自己的資料，以及改完怎麼測試。
如果文章的做法不適合我的網站，請直接告訴我原因和替代做法。
文章：（貼上這篇的網址，或整篇內容）改之前先備份，密碼不要貼給 AI。
GA4 已經自動記了什麼
GA4 有一個「加強型評估」功能，預設是開的。它會自動記錄：網頁瀏覽、捲動到頁面底部（看到 90% 的位置）、外連點擊（點了連到其他網站的連結）、站內搜尋、檔案下載（PDF、Excel、ZIP 等常見格式）、表單互動，以及嵌入的 YouTube 影片播放進度。
少掉的就是這篇要補的：電話連結（tel:）和 Email 連結（mailto:）不屬於「連到其他網站」，不會被記錄；網站裡的「立即預約」「加入 LINE」按鈕，如果連到的是自己網站的頁面，GA4 也只看得到換頁，不知道是哪個按鈕帶過去的。
以前的做法：點擊計數器
十幾年前想知道一個連結被點了幾次，常見的做法是自己寫一個點擊計數器：連結先導到一支 PHP 程式，它把次數加一、寫進檔案或資料庫，再把人轉到原本要去的網址。做得出來，但只能知道「幾次」，不知道是誰、從哪裡來、用手機還是電腦。
現在用 GA4 的「事件」，每一次點擊都和這位訪客的來源、裝置、看過的頁面連在一起。你可以知道「從 Google 搜尋來的人，有三成會按電話」，這種資訊對判斷廣告值不值得投，比單純的次數有用得多。
一段程式碼：記錄電話、Email 和指定按鈕
先確認網站已經裝好 GA4 的追蹤碼（不管是用外掛裝、還是佈景主題的設定欄位都可以），再把這段放進 Code Snippets 這類外掛或子主題（放法見〈WooCommerce 結帳頁改成台灣習慣〉）：
// 點電話、Email、或加了 ga- 開頭 class 的按鈕時，送一個事件到 GA4
// （網站要已經裝好 GA4 的追蹤碼）
add_action('wp_footer', function () {
?>
<script>
document.addEventListener('click', function (e) {
var link = e.target.closest('a');
if (!link || typeof gtag !== 'function') return;
var href = link.getAttribute('href') || '';
var tagged = link.closest('[class*="ga-"]');
var name = tagged && tagged.className.match(/(?:^|\s)ga-([\w-]+)/);
if (href.indexOf('tel:') === 0) {
gtag('event', 'contact_click', { method: 'phone' });
} else if (href.indexOf('mailto:') === 0) {
gtag('event', 'contact_click', { method: 'email' });
} else if (name) {
gtag('event', name[1].replace(/-/g, '_'), {
button_text: link.textContent.trim().slice(0, 50)
});
}
});
</script>
<?php
}, 99);這段做三件事。網站上任何電話連結被點，送出一個 contact_click 事件，附註 method: phone；Email 連結也是 contact_click，附註 email。這樣在報表上，電話和 Email 可以合在一起看「總共有多少人想聯絡你」，也可以分開看。
第三件事是給你自己指定的按鈕用的。在 WordPress 的按鈕區塊右側「進階」裡，「附加的 CSS 類別」填 ga-booking-click，這個按鈕被點的時候就會送出 booking_click 事件，並記下按鈕上的文字。想追蹤「加入 LINE」，就填 ga-line-click，以此類推。GA4 的事件名稱只能用英文、數字和底線，所以程式會把你填的連字號換成底線。
程式只監聽「點擊」，不會改動任何連結的行為，客人按電話照樣撥號、按按鈕照樣換頁。如果網站沒有 GA4 的追蹤碼，typeof gtag 那一行會讓它什麼都不做，不會出錯。
我們在測試站做了一頁，放電話、Email、一個加了 ga-booking-click 的按鈕和一個普通連結，依序點一次，記錄到的就是三個事件：電話、Email、立即預約；普通連結沒有送出任何東西。
在 GA4 裡看結果
貼上程式碼之後，自己用手機點一次電話連結，再到 GA4 的「報表 > 即時」，幾秒內就會看到 contact_click 出現。正式的報表要等一天左右才會更新，之後在「報表 > 參與 > 事件」就能看到每天的次數。
想看「是哪個按鈕」、「電話還是 Email」這種附註，要先到「管理 > 資料顯示 > 自訂定義」，把 method、button_text 建成自訂維度，之後的資料才會出現在報表裡。建立之前的資料不會補回來，所以建議貼完程式碼就順手建好。
設成重要事件
最後一步，把這些事件標成「重要事件」（以前叫做轉換）。到「管理 > 資料顯示 > 事件」，在 contact_click、booking_click 旁邊按星號就完成了。
設成重要事件之後，GA4 的流量來源報表會多一欄「重要事件」，你就能比較：從 Google 搜尋、Facebook、Instagram 來的人，哪一邊比較會打電話來。這才是投廣告、經營社群時最需要的數字。
數字要配合實際的生意看
GA4 記到的是「按下去」，不是「真的打通」或「真的成交」。手機上誤觸、按了電話又掛掉的都會算進去。最實用的看法是看趨勢：改了首頁之後，按電話的比例有沒有變高；某個廣告帶來很多瀏覽，卻沒有人按聯絡，就要檢查廣告和網頁內容是不是對不上。
網站流量從哪裡來、怎麼分配力氣，可以搭配〈網站有人看卻沒人聯絡？〉一起看。如果你想要一個從一開始就把追蹤規劃好、知道每個按鈕有沒有效的網站，可以先看〈IG 帳號不是你的資產〉想想網站要做到什麼。MIMI 專做客製化網頁設計，網站上線時可以一起設定 GA4 和事件追蹤。MIMI 提供新北網頁設計服務，新北的店家可以用電話、Email 直接和設計師討論；費用可以先看首頁的製作費用參考，歡迎聯絡 MIMI。
