Google代碼管理工具範例教學-設定點擊追蹤

在之前文章Google代碼管理工具範例教學中，

學到了如何透過GTM新增代碼追蹤網頁瀏覽紀錄，

今天要教大家追蹤網站上面點擊事件：

Google代碼管理工具範例教學-設定點擊追蹤

為何要設定點擊追蹤呢?

一般Google Analytics預設僅提供網頁瀏覽紀錄，

若要深入追蹤使用者是否有點擊下載，

或者點擊按鈕等動作，

就必須透過埋code方式進行追蹤，

而以GTM管理的網站僅需要新增事件追蹤即可。


首先登入GTM平台，

再左方工具列選擇變數，

選擇設定將點擊中的Click URL選項打開

找到觸發條件並新增一個條件類型：

點擊-僅連結 ，

並將其設定條件符合為Click URL包含目標網址

接著新增一個代碼，

依次設定追蹤類型為"事件"

並定義該事件的"類別"、"動作"與"標籤"，

若為購物網站也可將值加入追蹤

並將剛才設定的觸發條件也導入此代碼中，

最後點選右上方的提交 > 發佈，

就能夠過此代碼追蹤該點擊事件，

設定成功的話可在Google Analytics中看到

點選事件的類別、標籤與動作可以不同角度觀看此事件的追蹤紀錄。

比起舊有的埋code方式，

用GTM來管理追蹤代碼相對來的容易許多

GTM-Google代碼管理工具範例教學

Google 提供了許多好用的服務，

隨著服務的多元化，

若有管理工具能夠使用這些服務，

是一件很方便的事情，

而Google代碼管理工具就滿足了這個條件，

這就是今天的主角：

Google代碼管理工具範例教學

Google代碼管理工具原名Google Tag Manager，

簡稱為GTM，

舉凡從Google Ads ， Google Analytics ，

甚至一些第三方的代碼都能夠直接透過GTM來進行佈署，

那使用GTM有什麼好處呢？

簡化代碼設定的流程

以Google Analytics為例子，

若為了行銷活動需要進行追蹤，

勢必為了各式不同活動需要埋設不同程式碼，

但使用GTM的話，

只需要再GTM中設定不同的代碼即可，

不需要動到網站原始碼

增加穩定性與優化速度

承上述範例，

埋設越多的代碼，

越會拖慢網站速度，

甚至設定錯誤會導致網站無法正常運行，

而使用GTM可避免此類情形發生，

因為GTM只需要第一次設定時，

才需要更動程式碼

那如何使用GTM呢？

這裡舉一個範例來做說明：

首先必須先在GTM中新增一個容器，

這個容器就是放置各式不同TAG的地方，

建立容器後，

必須將GTM代碼依照指示，

分別加入head與body中

要新增TAG就必須從左邊的工具列點選代碼，

選擇新增

 新增代碼可看到底下畫面，

左上角可更改此代碼名稱，

接著點選代碼設定右上角

選擇代碼的類型，

此範例選擇通用Analytics分析

接著選擇追蹤類型為網頁瀏覽，

並在Google Analytics設定中，

將追蹤編號加入

追蹤編號可到Google Analytics中找到

接著設定觸發條件，

在此選擇所有網頁

接著在網頁的右上角選擇發佈，

就能將剛才設定的代碼佈署到網站上