如何用 GTM 安裝 Google Ad 廣告轉換追蹤碼?

Google Ad 廣告轉換追蹤碼就如同 Meta Pixel 以及 GA4 的追蹤碼一樣,只要有透過 Google Ad 購買廣告 ,就必須要安裝轉換追蹤碼在網站上,藉以了解廣告的成效,是所有 GTM 設置初期必須要安裝的基本代碼。(當然,如果你沒投放 Google Ad 就不用設定。)

如同其他廣告追蹤代碼一樣,我們會想知道使用者點擊廣告之後,是否有在特定的天數之內產生目標轉換,例如:完成訂單填寫表單甚至只是觀看特定頁面都可以成為轉換完成的目標,並透過抓取 Data Layer 給我們的值,將與訂單相關的數值一同回傳給 Google Ad,藉此獲得每位投手最關注的指標:ROAS。

延伸閱讀 》Data Layer 資料層是什麼?

安裝的步驟很簡單,畢竟都是 Google 自家的服務,如果團隊分工很細(但通常廣告投手可能會兼這部分的 GTM 設定…),團隊合作的部分,只要跟投手拿到轉換標籤以及轉換 ID,接下來我們就可以獨立透過 GTM 完成設定了

不過這篇文章會從 Google 廣告帳號設定 Google Ad 轉換追蹤碼開始,一步步的透過 GTM 完成相關設定。


首先透過 Google Ad 後台新增要追蹤的轉換目標,假設我們今天要追蹤的是購物完成的訂單頁面,也就是一般大家所稱的 Thank You Page。

「目標」 > 「摘要」 > 「新增轉換動作」
Google Ad 廣告追蹤設定介面

選擇網站類型,當然,你今天如果是要追蹤 App 或其它轉換目標的話,就依照需求選擇。

Google Ad 轉換追蹤碼選擇網站類型畫面

輸入網站網址,這邊 Google Ad 會自動偵測你的網站是否已經有在 GA4 設定轉換事件,如果有,就可以直接選擇使用,我們今天的文章內容主要是以「手動建立轉換動作」為主。

Google Ad 輸入網址
Google Ad 手動新增轉換動作

本文示範的是購買事件的轉換動作設定,在大部分情況下,購買訂單的價格都會不一樣,因此這邊會選擇「為每次轉換定義不同價值」,不過系統依然會要你設定一個預設值,當沒有抓取到價值資料時,便會給予這個預設值。

Google Ad 轉換動作詳細資料設定

如果你的轉換目標是訂閱、填寫表單或是沒有一個明確的定價,在這邊你就可以選擇為「每次轉換指定相同的價值」,舉個例子:

假設公司是屬於顧問服務,你的轉換目標是客戶填寫表單,平均每 10 張表單會有一張成交,每次成交的合約金額約為 10 萬元,換算下來,平均一張表單價值一萬元,那你就可以這邊填入一萬元的轉換價值,作為未來分析評估的依據,也方便計算每次廣告費用的投報率。

最下方的部分,如沒特別需求,採用預設值即可,歸因分析目前都採用以數據為準居多,讓 Google 自行去分配歸因的權重,因此不用特別去更改。

Google Ad 歸因設定

而點閱後的回溯期,如果你的產品需要讓客人有較長猶豫期,可能超過 30 天之後才會有購買的可能,那就可以延長,否則一般來說都是設定 30 天即可。

完成上述設定後按下儲存,會來到以下畫面,選擇使用「Google 代碼管理工具」,並記下轉換 ID 以及轉換標籤

到這邊我們就完成 Google Ad 轉換目標追蹤碼的設定了,接下來就是 GTM 的工作了。

Google Ad 轉換 ID 以及轉換標籤

先設定轉換事件參數

(如果你的轉換追蹤不需要設定如:轉換價值、交易 ID 以及貨幣代碼等參數,請直接跳到這邊看轉換追蹤碼的安裝方式。)

抓取 Data Layer 資料,設定變數

一般來說,在結帳頁面的 Data Layer 層,我們可以找到訂單的相關資訊,如果你是用 WordPress 的 WooCommerce 電商系統,有相關的外掛可以幫助設定 GA4 預設的電子商務事件,協助在購物完成時的 Thank you page 推送「Purchase」 事件到 Data Layer 資料層,讓 GTM 中設定的代碼去抓取資訊。

如果你透過 GTM 預覽模式發現 Thank you page 的 Data Layer 資料層沒有看到下圖這樣的資訊,那就要請工程師幫忙,將結帳事件以及相關資料推送到 Data Layer 資料層當中。

Data Layer 中的數值

這樣的動作除了方便我們透過 GTM 變數設定抓取資料以外,也可以將結帳事件用來作為觸發條件,本文的後段會講到如何設定,想先知道的朋友可以先看這邊

延伸閱讀 》什麼是 Data Layer 資料層?

新增 Data Layer 資料層變數

關於新增變數的方式,可以參考之前的變數介紹文章,這邊就不多做說明,我們直接從選擇資料層變數類型開始進行設定。

在接下來的 Google Ad 轉換代碼設定中,我們需要傳送轉換的價值(訂單價值)以及交易 ID 給 Google Ad,因此我們先設定好變數,方便我們在接下來的代碼設定中使用。

變數設定介面 > 「新增」變數 > 選擇「資料層變數」

(關於資料層變數的介紹,可以參考這篇文章:GTM 變數介紹:資料層變數

GTM 設定資料層變數

輸入變數名稱,這邊的名稱要跟 Data Layer 中的變數名稱完全對應(包含大小寫)

在 Data Layer 中,因為 value 這個值是包在 ecommerce 底下,

因此我們必須寫入 ecommerce.value 來取得這個值(如下圖),並將變數名稱取名為「dlv – OrderValue」。(命名沒有一定,隨喜隨意,好讀好懂優先)

變數名稱輸入

要取用 Data Layer 資料層中巢狀結構的值,我們必須要用「.」來讓 GTM 中的變數知道我們要取用的位置:

在 Data Layer 資料層中找到 ecommerce,然後找出巢狀結構內的 value,資料層變數名稱就會是 ecommerce.value

用一樣的方式,設定交易 ID 以及貨幣代碼變數。

Data Layer 中個參數的位置

依序設定完畢之後,到這邊你應該會有 3 個「資料層變數」:

  1. dlv – OrderValue : 代表訂單的價值
  2. dlv – CurrencyCode : 代表訂單所用幣值
  3. dlv – OrderID : 代表訂單 ID

安裝 Google Ad 轉換追蹤碼

新增 Google Ad 類型代碼

GTM 代碼頁籤 > 右上角「新增代碼」 > 代碼類型選擇「Google Ads」> 選擇 「Google Ad 轉換追蹤」

選擇 Google Ad 代碼類型

點擊後,選擇「Google Ads 轉換追蹤」

Google Ad 轉換追蹤

前面設定的 Google Ad 「轉換目標 ID」以及「轉換標籤在這邊開始登場了,剛剛設定的資料層變數也會一併在代碼設定這邊填入。

(dlv – OrderID 以及 dlv – CurrencyCode 也是用一樣的方式完成設定,這邊就不再重複。)

在 GTM 代碼設定中輸入轉換ID以及轉換標籤

新增轉換連結器

如果是第一次安裝 Google Ad 轉換目標代碼,都需要建立轉換連接器,主要是用於幫助讀取網頁網址中追蹤相關資訊,設定方式很簡單,不用做任何設定,只要設定「全頁觸發」以及給予命名就可以了,更多細節可以參考官方文件

新增 Google Ad 轉換連接器

轉換連接器設定畫面

設定代碼觸發條件 – 透過網址觸發

設定觸發條件的方式有很多種,譬如說:可以用 Thank You Page 網址作為觸發,因為 Thank You Page 網址通常都會是一個獨一無二的,例如:「www.abc.com/order-finished/?transaction_ID=3345678」且無法直接在瀏覽器網址列輸入後到達。(一般來說工程師會把這個頁面設定跳轉,強制轉走回首頁。)

因此我們就可以這樣設定:

觸發條件類型選擇「網頁瀏覽」 > 條件為:「當 page_path 包含 /order-finished/ 」

GTM Tag 網址觸發設定頁面

不過這樣的做法「可能」會有一個問題,就是當網頁載入時,GTM 代碼偵測到網址符合條件,隨即觸發 Google Ad 轉換目標追蹤代碼,但因為 Data Layer 還未送入「Purchase」事件以及相關參數,會造成代碼雖然觸發了,但是卻抓不到相關數值(轉換價值、ID、幣別)的窘境。

(這部分也可以透過跟網站工程師溝通調整,讓事件更早被推送進 Data Layer)

因此,類似這樣的事件,我們都會建議用 Data Layer 推送的事件作為觸發條件

Google Ad 轉換代碼雖成功啟動了,但沒抓到我們要的參數

透過自訂事件觸發

在訂單完成頁面,我們推送了「Purchase」事件到 Data Layer 資料層中,並將訂單相關資料一併送入,此時最佳且最準確的觸發方式就是使用「自訂事件」觸發條件類型,並以「purchase」事件作為觸發條件。

GTM 自訂事件設定頁面

在訂單完成頁面的 Data Layer 資料層中,我們可以看到購買事件「purchase」,我們便是利用這個事件名稱,作為我們代碼的觸發條件。

這邊要注意的是,寫入的事件名稱一定要跟 Data Layer 裡面的完全一樣,否則不會觸發。

將設定好的觸發條件與 Google Ad 轉換目標追蹤代碼綁在一起,未來當 Data Layer 資料層中出現了 「purchase」事件時,Google Ad 轉換追蹤代碼便會啟動。


搞定!預覽模式確認

回到預覽模式當中,當使用者完成購物進入到 Thank You Page 之後,可以看到 Google Ad 轉換追蹤代碼成功觸發,展開代碼後,可以看到交易 ID、轉換價值等數值。

透過上述的設定方式,便可以輕鬆完成 Google Ad 轉換目標追蹤碼的設定,除了 Data Layer 的部分需要麻煩網站工程師協助處理以外,剩下的都可以透過 GTM 完成設置。

將相關事件以及參數推送到 Data Layer 資料層只是一次性的工作,大部分電商網站都不會在結帳資料的格式上有太大的變動(因為也必須符合 GA4 電子商務追蹤代碼的結構),因此只要將所需要的數值以及格式準備好交給工程師處理就可以了。

而關於 Data Layer 格式介紹,可以參考這篇文章:什麼是 Data Layer 資料層?

最後,記得也要到 GA4 Debug View 確認事件以及參數有正確送入,待一切都沒問題之後,就可以將 GTM 代碼發布囉!


延伸閱讀:

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

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