【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

2022 11 09 下午2.18.08
彌月送禮
previous arrowprevious arrow
next arrownext arrow

當我們為了某些目的在網路上進行各式行銷操作時,無論是為了幫業主宣傳某場活動,或是為了幫朋友衝高比賽票數等等,總會想透過一些數據追蹤的方式,來得知每次的曝光效果究竟是好還是不好?

比方當我們將寫好的文案連同報名連結,一起發佈到各式你所想像得到的平台或管道上,無論是發 LINE 群、Facebook 粉專,或是 PTT、Dcard 等等,要得知這篇文案有多少瀏覽,根本不是問題,但我們更想知道的是,在這麼多的瀏覽當中,究竟有多少人真正點擊了報名連結?因為對我們而言,這才是最有用的資訊。

這樣的需求聽起來其實很簡單,不過實際上該怎麼做?可未必每個人都知道,或許有些人會認為這樣的技術只能靠花錢請個懂程式的資訊人員來幫你研發功能才能做到,如果沒有半點資訊背景,或是不願花錢,根本辦不到……

不過其實能夠做到這件事的工具一直都在,只是沒人告訴你,你未必會知道,它就是 Google 所推出的一項免費強大工具 –  GTM(Google Tag Manager)。

有別於 GA(Google Analytics)的廣為人知,GTM 對於許多人而言可就相對陌生了不少,而即便你今天知道了有這款工具存在,但是在看了網路上這麼多的教學文章或影片後,你可能也是有看沒有懂,除了因為操作設定原本就較為複雜之外,再來就是網路上多數的內容說明實在又不夠清楚完整、淺顯易懂……

因此,為了讓所有人都能夠更輕鬆簡單的上手這款工具,以下的教學內容都會盡可能輔以詳細的文字和圖片做說明,讓各位只需依循每個步驟,就能完成所有相關設定,有需要的朋友們,就趕緊動動滑鼠鍵盤跟著試試看吧!

STEP 1:建立帳戶及容器

請先點選以下連結,進入 Google Tag Manager,首次使用,請先點選右上方的「建立帳戶」~

https://tagmanager.google.com/

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

在接下來的新增帳戶畫面中,請依序填寫「帳戶名稱」、「容器名稱註一」,並選擇「目標廣告平台」。

前兩項欄位可自行設定容易識別的名稱,目標廣告平台則選擇「網路」,完成設定後,請點選下方的「建立」~

(※註一:這裡指的容器,其實概念就類似資料夾,主要是用來存放、管理標籤,為了方便識別,建議直接以網域名稱命名即可)

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

在接下來的合約條款畫面中,直接點選右上方的「是」,即完成帳戶及容器新增~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

STEP 2:安裝 Google 代碼管理工具

接著,畫面會直接跳出「安裝 Google 代碼管理工具」的視窗,並顯示兩段程式碼,分別要你將程式碼放到「網頁最上方的 <head> 中」以及「<body> 開頭代碼正後方」,此時先別急著關閉視窗,請先另外開啟一個新分頁,然後進到你的網站管理後台,並依照要求將兩段程式碼分別複製貼在正確的位置上。

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

如果你的網站使用的是 WordPress 來架設,那麼以下將會額外介紹一款簡單又實用的外掛工具給各位。

首先請先來到你的 WordPress 管理後台並進入外掛安裝頁面中,接著在關鍵字搜尋欄位輸入「Head, Footer and Post Injections」,找到底下這款外掛工具後,點擊「立即安裝」並「啟用」~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

在這款外掛的設定頁面中,請先切換到「頁首及頁尾」設定,接著只需將剛剛在 Google Tag Manager 頁面中出現的兩段程式碼分別複製貼上以下兩個欄位中,最後再點選左下方「儲存」,即完成 Google Tag Manager 的安裝作業~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

STEP 3:建立追蹤事件規則

將畫面再次切回 Google Tag Manager 設定頁面中,接下來就要正式進入事件追蹤的設定步驟,這部分的設定會稍微複雜一些,因此會再細分成 3-1 ~ 3-3 三個小步驟,請務必依照每個步驟順序來依序做設定~

STEP 3-1:設定變數

請先點選左側「變數」項目,進入變數的設定頁面中~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

點擊右上方的「設定」後,在「設定內建變數」項目中將所有和「點擊」相關的變數項目通通勾選~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

STEP 3-2:設定觸發條件

點選左側「觸發條件」項目,進入觸發條件的設定頁面中~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

點擊右上方的「新增」,進到設定畫面中~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

請先為觸發條件做命名,比方以下內容是以「冰島旅遊說明會點擊追蹤」為例,因此就直接命名為「冰島旅遊說明會報名點擊」~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

命名完成後,請點擊中央的圓形圖示,進入觸發條件設定畫面~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

觸發條件類型選擇「所有元素」~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

由於在這次的案例中,我們只想知道「帶有說明會報名連結的文字內容被點擊的次數」,而並非是「所有的點擊次數」,因此觸發條件的啟動時機就選擇「部分點擊」。

而觸發條件的部分,第一格選擇「Click Text」,第二格選擇「等於」,第三格則自行輸入文字「點我報名及查看最新冰島旅遊分享會」(代表只要點擊內容等於「點我報名及查看最新冰島旅遊分享會」的這串文字連結,就會觸發事件追蹤紀錄),最後再點選右上方「儲存」,即完成觸發條件設定~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

STEP 3-3:設定代碼

點選左側「代碼」項目,進入代碼設定的頁面中~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

接下來還會再細分成兩個小步驟 3-3-1 及 3-3-2:先到「GA4 設定」設定代碼, 再到「GA4 事件」中選擇代碼~

STEP 3-3-1:「GA4 設定」設定代碼

點選右上方的「新增」,進入設定畫面中~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

左上角的代碼名稱可任意命名,在本次案例中命名為「GA4」~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

接著點擊上方圓形圖示,進入代碼設定畫面~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

代碼類型選擇「Google Analytics (分析):GA4 設定」~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

在設定畫面中會有一個「評估 ID」的項目需要填寫,為了找到這組評估 ID,你必須先切換到 Google Analytics 頁面中~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

來到 Google Analytics 頁面後,請先點選左下方的齒輪符號來到管理頁面,並在右方項目中找到並點擊「資料串流」項目~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

接著點選資料串流項目下的網站資料~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

最後就會找到一組評估 ID,請將這組評估 ID 複製下來,接著再回到剛剛的 Google Tag Manager 代碼頁面設定中~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

將剛剛複製下來的評估 ID 貼上「評估 ID」空格中,而下方的「載入這項設定時傳送一次網頁瀏覽事件」則保持勾選即可,設定完成後,再點選右上方的「儲存」即完成設定~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

STEP 3-3-2:到「GA4 事件」中選擇代碼

接著請再次回到代碼設定頁面中,並再次點選右上方的「新增」以進入設定畫面中~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

同樣的,左上方的代碼名稱可自行命名,在本例中則直接取名為「冰島說明會報名點擊統計」,名稱輸入完畢後,同樣點擊上方的圓形圖示,以進入代碼設定畫面中~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

不同的是,這次的代碼類型請選擇「Google Analytics (分析):GA4 事件」~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

在接下來的設定畫面中,「設定代碼」項目請選擇剛剛在 STEP 3-3-1 所設定的「GA4」(如果沒有經過上一道 GA4 設定步驟,則這裡就不會出現任何選項)~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

接著依序設定以下項目:

「事件名稱」可依自己喜好做命名,接著點開「參數事件」,其中的「參數名稱」同樣可依自己喜好做命名,「值」的部分則選擇「Click Text」~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

最後,請將畫面往下拉,找到觸發條件欄位後,請點擊中央圓形圖示來選擇觸發條件~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

在觸發條件中,選擇先前所設定好的觸發條件項目,選擇完畢後再點選右上方的「儲存」以完成設定~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

STEP4:預覽(測試事件追蹤是否成功)

在經歷了以上冗長繁瑣的步驟後,所有相關設定可說是幾乎大功告成,不過最後還得再經過一道「預覽」的步驟來測試及確認本次的事件追蹤設定是否成功,才能將這些設定操作「正式發佈啟用」~

因此,在接下來的頁面中,請先點選右上方的「預覽」~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

接著在中間空白欄位處輸入你的網域,然後再點選下方的「Connect」~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

經過一段讀取後,畫面會直接跳到你剛剛輸入的網域頁面中,當你發現網址後面多了一段「 gtm_debug=一串亂碼數字」,右下方也多了一個「Tag Assistant」的小視窗,就代表你來到了 debug 模式中~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

接著就依照正常的瀏覽方式,找到這次你所要追蹤點擊次數的那串文字連結所在頁面,並直接點擊那串文字連結,完成動作後,請再次回到預覽模式畫面中~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

回到預覽模式畫面後,點選左側「Click」,在右邊畫面中的「Tags Fired」若有看到你剛剛所設定的事件追蹤,那麼基本上就是成功了,如果是出現在下方的「Tags Not Fired」,則代表設定過程可能有發生錯誤,而導致此事件無法被成功追蹤~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

STEP5:提交(正式發佈事件追蹤設定)

當以上所有設定都完成後,最後還得再經過一個步驟 -「提交」,才能讓所有相關設定正式上線啟用,也才能夠正式開始搜集你所需要的點擊追蹤數據~

首先請再次回到 Google Tag Manager 的工作區頁面,並點選右上方的「提交」~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

在提交設定畫面中,只有兩個欄位需要填寫,一是「版本名稱」,二是「版本說明」。

其中「版本名稱」,主要是幫這次所提交的事件追蹤設定取一個容易識別的名稱,而「版本說明」,則可以更詳細的備註本次所有變更的內容和細節(如果沒有特別需要備註說明,則此欄位可留白),填寫完成後,再點選右上方的「發布」即可完成發布動作~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

發布完成後,當你再次回到 Google Tag Manager 的工作區頁面時,原本右上方綠色區塊的發布狀態,就會從原本的「未發布變更」,變成「顯示目前最新上線版本」的狀態~

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

當以上設定完成並發布後,就可以在 Google Analytics 的以下兩個項目中查看你所設定的事件點擊追蹤狀況:

一、「即時」分析中的事件追蹤項目:

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

二、「參與」項目下的「事件」頁面:

【GTM教學】如何透過GTM(Google Tag Manager)追蹤特定文字連結點擊次數?(如何設定事件追蹤)

以上,就是本次「如何透過 GTM 設定事件追蹤」的完整教學內容分享,希望對各位讀者們都能夠有所幫助。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *