如何用 GTM 追蹤網站電話撥打& Email 寄信連結點擊?

儘管現在是電子商務的時代,大部分網站追蹤都是在追蹤整個購物流程或是表單提交,但是對於某些非直接面對消費者端的公司,除了透過業務開發、參展、通路鋪貨等銷售方式以外,也會在網站上留下公司電話或是 Email 供客戶詢問相關問題,因為有些客戶可能不想等待表單提交或是寄信後的回覆時間,希望透過電話直接聯絡(我知道較少,但的確還是有)。

當網站上有這個功能時,老闆可能就會想要知道,放在網站上的這個電話或是 Email,到底有多少人撥打過或是透過這連結寄信詢問?此時行銷人員面對到情境可能會是下面這樣:

老闆想知道網站上的電話點擊次數,比對實際打進來公司的電話次數,最後計算有下訂單的客戶數量,漏斗式的篩選下來,我們就可以計算出轉換率。

例如:假設每月網站電話點擊平均約有 1000 次,經紀錄,公司實際接到的電話有 800 通,成功開發的有 10 位客戶,轉換率為 1%。(同理也可以用在 email)

透過這樣的計算,除了可以瞭解客戶來源以及網站上面放置電話和信件按鈕的效用以外,還可以透過這些數據設定每季的目標以及作為行銷預算規劃的依據。

至於我們要如何追蹤這部分的點擊?

設定方式其實非常簡單,如果你先前已經有看過連結點擊追蹤的教學文章或是追蹤外部連結點擊的文章,那這接下來的教學對你來說會很容易理解。

現在,就讓我們繼續看下去。



追蹤「電話」點擊次數

假設今天網站上有個客戶聯絡頁面,我們準備了電話、Email 以及表單填寫三種聯絡方式。

對網站上的電話文字點選滑鼠右鍵打開檢查工具,可以看到聯絡電話的部分雖然是超連結,但是所帶的網址卻跟一般我們所認知的不一樣,而是「tel:3345678」。

這個 html 語法會在使用者點選之後直接啟動電話撥打,而不用另外輸入電話號碼(就像你用手機在找餐廳, Google 商家上面的電話店選之後會直接撥打一樣)

設定觸發條件

知道連結的網址之後,我們來到觸發條件頁面,選擇右上角新增,選擇觸發條件類型為僅連結

選擇部分連結點擊,透過下拉選單將觸發條件設定為 Click URL 包含 tel:,完成之後點選右上角儲存,這樣就設定好我們需要的觸發條件了。

初學 GTM 的朋友很容易在左下角的下拉選單中找不到相關變數來設定觸發條件,不用擔心,如果找不到 Click URL 的話,請於下拉選單選擇內建變數,將需要的變數 Click URL 打勾,就會顯示在選單當中了。

(如果對於 GTM 變數不是很了解 or 不知道如何呼叫出內建變數的朋友,可以參考這篇文章:GTM 變數介紹。)

設定點擊追蹤代碼

接著來到代碼設定介面,選擇右上角新增,選擇代碼類型為 Google Analytic(分析) 中的 Google Analytics (分析):GA4 事件

輸入要接收事件的 GA4 評估 ID,並給予事件名稱一個好讀好懂的命名,未來在 GA4 事件報表中看到才會好理解。(但還是建議,如果沒特別需求,直接沿用 GA4 預設參數即可)

如果網站上有多個電話點擊連結,也可以在下方事件參數的部分進行設定,這樣就可以透過點擊連結文字知道使用者是點擊了哪個電話撥打連結。

Click Text 參數名稱可以任意命名。

重點還是一樣,只要確保在報告中看到這文字,閱讀者能馬上了解這參數的意思就可以,而後面的,則是透過 GTM 內建變數選擇 {{ Click Text }},會自動幫我們抓取該點擊按鈕的文字。

上述這些部分都設定完畢之後,接下來只要將剛剛設定的觸發條件與代碼綁定並儲存即可。

測試代碼是否正常運作

來到 GTM 預覽模式 ,啟動測試網站並點擊撥打電話連結之後,回到預覽模式畫面觀察代碼是否有正常起動。

(對於預覽模式還不認識的朋友,可以先閱讀這篇文章:如何用 GTM 「預覽模式」檢查代碼有無設定成功?

進一步點開代碼卡片,會看到設定的事件名稱以及參數名稱也都正確顯示。

透過 GTM 預覽模式確認完畢之後,接著來到 GA4 Debug View 確認是否有正確接收到來自 GTM 發送的事件以及參數。

可以看到事件 Make_a _phone_call、參數名稱 Click Text 以及值 聯絡電話:3345678 正確送入 GA4,我們就可以將 GTM 提交,讓代碼正式上線了。

(如果不知道什麼是 GA4 Debug view 或是對於 GA4 後台尚不了解的朋友,可以參考這篇文章:讓我們開始認識 GA4 後台


追蹤「寄信」連結點擊次數

一樣在寄信連結上按滑鼠右鍵點選檢查,可以看到連結裡面有個 mailto: ,這是 html 中啟動信件寄送的語法,點擊後會打開你的預設寄信軟體並自動帶上連結內的信箱地址。

例如:如果是在 Chrome 中點擊此連結,在有登入 Google 帳號的情況下,便會開啟你的 Gmail 寄信畫面。

設定觸發條件

如果已經看完電話撥打連結點擊追蹤的教學,到這邊應該能夠舉一反三了,我們一樣來到觸發條件設定頁面,步驟都跟設定電話撥打點擊一樣,只不過這次我們要放入不同的觸發條件文字 mailto:

設定追蹤代碼

來到代碼介面新增代碼,一樣選擇代碼類型為 Google Analytic(分析) 中的 Google Analytics (分析):GA4 事件,接著依照下圖設定,所有設定都一樣,唯獨事件名稱以及代碼名稱不同而已

進入測試環節

上述的觸發條件以及代碼設定都完成之後,跟測試電話撥打連結代碼一樣,來到預覽模式與 GA4 Debug View 當中進行測試,確認一切都沒問題之後,就可以到 GTM 當中提交代碼了。


總結

追蹤電話撥打以及寄信連結的點擊方式跟追蹤網站連結點擊邏輯是一樣的,只是許多新朋友用檢查工具打開連結之後發現:「疑?這怎麼跟我一般看到的連結長不太一樣?怎辦?」

看完這篇文章你就知道,其實把這個當作是一般連結的方式設定就可以,只是在觸發條件的 Click URL 設定中會稍稍有點不一樣,不會是一個網址結構的型態(帶有 /xxxx/ 的),只要搞懂的這點,其它部分的設定則都是大同小異的。

延伸閱讀

如果你很喜歡這篇文章並且覺得內容有幫助,又剛有些多餘時間,歡迎你看看其它文章,繼續探索(這坑?這地獄?這片樂土?)

同時,如果對於內容有疑問或是建議,也歡迎你留言告訴我們:)