Google Tag Manager 與 Event Tracking 簡易心得

Last Updated on 2021-06-20 by ppcguybklyn

Photo Credit :**fauxels**, Link :**Pexels**

在使用Google Analytics或是Google Ads追蹤網站轉換時，通常只要安裝各自平台的轉換追蹤碼就可以了。但是有的時候如果我們的網站中有一些特殊的活動需要個別追蹤，就很有可能不是一般的轉換追蹤能夠做得到的。這個時候通常我們都會求助於Google Tag Manager。這篇文章中，我會簡單的介紹我使用GTM來自定活動追蹤的一些心得。

Google Tag Manager的用途

Google Tag Manager顧名思義，就是用來管理各種Google相關的網頁分析與廣告活動所需要使用的Tag的一個工具。如果我們的網站同時有好幾個Google Analytics以及Google Ads的Tag，那麼我們就可以考慮將這些Tag全部整合到GTM裡面，這樣子只需要安裝GTM本身的Tag在網站裡面，就可以統一管理各種不同的Google Tag。

除了統一管理不同的Google Tag之外，GTM本身也可以因應不同的需求來產生客製化的Tag，只要使用者設定好觸發的條件，就可以將這些Tag當成新的追蹤項目。這項功能就是我們今天文章的重點之一：客制事件追蹤Custom Event Tracking。這篇文章中我會舉一個非常簡單的事件追蹤例子，來介紹這項功能是怎麼運作的，而在開始介紹這項功能之前，我們要先了解Google Tag Manager的構成元素，以及他們各自的功用。

主要構成元素

Google Tag Manager 主要構成的元素有三個：Tag、Trigger以及Variables，他們各自的用途如下：

Tag

Tag是GTM能管理且插入到我們網站的一段程式碼，GTM可以根據不同的用途以及設定來在放入不同的Tag。最簡單的Tag就是Google Analytics以及Google Ads的安裝碼，如果不想要直接將這些程式碼放在網站裡面的話，就可以選擇利用Google Tag Manager的內建功能，來將這兩個工具安裝在網站裡面。

Trigger與Variables

不同用途的Tag，就需要設定不同的觸發條件以及使用不同的變數，這就分別是Trigger以及Variables的功能。確定我們的Tag需要使用的變數之後，再設定Trigger的觸發條件。舉例來說，如果我們想要知道網站特定元件的點擊次數，就可以設定點擊該元件就會觸發的Trigger，這樣如果有符合條件的點擊，我們的Tag就可以追蹤到一次的點擊。

如何開始使用GTM

那麼，我們該如何開始使用GTM呢，跟所有的Google工具一樣，在完成帳戶的創建並且指定好要在哪個網站上面使用GTM之後，我們會需要將GTM安裝到我們的網站裡面。總共會有兩段程式碼，第一段要放在<head>，第二段要放在<body>。如果網站是使用Shopify的話，這些東西可以直接放在我們的Theme.liquid。

程式碼安裝完畢之後就可以開始使用了，如果我們希望我們的Tag可以使用在Google Analytics裡面，那麼就要記得與GA串接。我們必須在Variables 裡面創在一個屬於Google Analytics的user-defined variable

接著選擇Google Analytics Settings，並且輸入我們要串接的GA追蹤碼，這個步驟就完成了。

客製事件追蹤Custom Event Tracking

接下來我會用一個很簡單的實例，來介紹怎麼用Google Tag Manager來進行客製事件追蹤：

我的這個客戶在他的網站中分別放了他在Amazon以及Walmart的商品連結，而他想要知道有多少的訪客點擊這些連結。但是網站本身的Google Analytics追蹤並沒有辦法追到外部連結，這個時候應該要怎麼辦呢？

我們可以利用GTM的追蹤點擊URL的功能，來設定我們的Tag、Trigger以及Variable

首先我們要確定我們的GTM中有啟用與點擊相關的內建variable，我們這次會使用到的是Click URL這個變數

確定好Variable 之後，我們就可以設定我們想要的Trigger以及他的觸發條件。

在Trigger中選擇Click – just links，並且指定點擊的URL必須要包含Amazon.com，這樣就完成了點擊Amazon連結的Trigger。Walmart的部分也如法炮製並且創造另外一個Trigger

有了Trigger之後我們就可以創造我們想要的Tag了，在Triggering的部分選擇我們剛剛創造的兩個Trigger，並且在上方configuration的地方選擇Google Analytics: Universal Analytics。接著把追蹤的方式選擇成Event，Category這個欄位是可以自訂的，就輸入自己想要的名字就好了。在這個案例中我應為想要將每個不同的點擊位置分開，所以我有利用{{Page Path}}這個內建指令再往下設定一層action。

做到這一步之後GTM的步驟就算完成了，接著只要送出並且發布這次的更動就可以了。GTM設定完成之後我們要回到Google Analytics 創造對應的Event，所以我們要到目標這一欄裡面，並且將追蹤方式選擇Event，並且再Category的部分輸入我們剛剛命名的event category，這樣我們的Google Analytics就可以開始追蹤這項event了。