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

首頁 >> 鐵道 >> GTM-Google代碼管理工具範例教學

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

如之前提到過的在Open edX設定Google Analytics，

隨著服務的多元化，

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

是一件很方便的事情，

而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中找到

接著設定觸發條件， 在此選擇所有網頁

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

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