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了。

我們可以在行為>事件底下查看有多少人觸發我們設定的event。

因為我們是設定目標的關係,在平常的流量報表當中的目標欄位,也可以選擇查看每個流量來源完成這項Event的人有多少,如果能夠順利地看到這些數據,就代表設定成功了。

Conclusion

GTM的應用範圍非常的廣,客製化的程度也非常的高,如果能夠善加利用,可以非常簡單且有效率的管理網站的成效追蹤。今天這篇文章能夠觸及到的只是這項工具的基本運用而已,如果大家對其他應用有興趣的話,也歡迎留言。

English