gtm設定

【GTM安裝教學】第三方追蹤工具的代碼管理系統,任何企業都適用的工具

【推薦原因】


數據追蹤對於每個有經營網路事業的企業來說是非常重要的,除了常見的GA(Google Analytics)以外,還有FB Pixel等,要追蹤這些數據可以說是耗時又耗力,因此Goolge也推出了Google Tag Manager,簡稱 GTM,可以幫助企業統一管理數據,而今天也將告訴大家要如何設定GTM以及為什麼企業一定要設定GTM。


 
GTM幫助沒有資工背景的操作人員進行管理、編輯追蹤碼、事件。不是JPM、ODM是GTM,更不是男子團體那個GTM。 是Google 代碼管理工具(Google Tag Manager,簡稱 GTM),Google提供的免費服務,將所有需要的追蹤碼、網站事件放在這個Google管理系統中,進行統一管理。
GTM整合各項代碼資源GA、FB pixel、AdWords等。大多數的企業適用GTM,GTM可以幫助沒有資工背景的操作人員管理、編輯蹤追碼、事件。對於技術人員匱乏的小型企業是非常有幫助的。
過多的代碼標籤會延遲網頁的載入速度,甚至有可能導致伺服器超載,造成電商網站暫時就GG、造成訪客的流失。網頁載入時間等待高於3秒,就會有40%的跳出率,每多1秒就增加10%的風險,更別說整個網站GG這種不好的網站使用體驗。對於技術人員匱乏的小型企業又該如何在網站中加入GTM呢?
 

新建帳戶

1.首先新增帳戶,一家公司僅需一個帳戶即可,便可以管理許多網域。

 

安裝GTM

2.安裝GTM的code,將程式碼放在網頁的< head >與< body >。

以Wordpess建站的同伴們,僅需安裝Insert Headers and Footers,就能輕鬆將code放入網域中。簡單程度連阿嬤都會,自己架設網站真的不難。每日學經典文章 : 跟著我的步驟走,連阿嬤也會架網站

 

安裝完後,網站就有GTM的載具接著就是加入代碼資源了,在講解加入GA、FB pixel代碼前,先釐清GTM最重要的三個元素,代碼(Tag)、觸發條件(Trigger)、變數(Variable)。這三個元素是關乎GTM是否可以正常運作的重要因素而且每一環節環環相扣。

 

層級關係

  • 代碼(Tag) >>  觸發條件(Trigger) >> 變數(Variable)

代碼(Tag)

就是整個事件的代稱,追蹤事件的類型。像是GA分析、網頁瀏覽程度、特殊事件點擊這代碼(Tag)就是整個事件的總稱。

觸發條件(Trigger)

就是觸發代碼(Tag)的導火線,若要讓代碼開始作用一定要設定觸發條件(Trigger)進而觸發代碼開始運作。 像是觸發GA分析網頁瀏覽類型的代碼,就要設立網頁瀏覽( All Pages )的觸發條件,沒有瀏覽怎麼進一步分析,除非設定其他觸發條件。還有許多其他觸發條件捲動頁數、點擊 、提交表單等等。

變數(Variable)

變數(Variable)就像是整個事件中可以有的元素,有內建變數、自訂變數。要設定什麼變數就要依據觸發條件去設定,所需要哪些變數才能使代碼開始運作。

 

任何規模企業使用GTM的好處

  • 減少經由每個網頁程式碼去埋相關的程式,加速架站流程。
  • 統一管理在網站中的代碼資源,方便管理。
  • 可容錯,經由記錄版本,發生錯誤時可以即時回到前一版。
  • 相關Google 服務整合,Ex:Google Analytics、Google Optimize 和 AdWords 等。

GTM提供了很多功能,可以解決不管是大型企業的資源眾多的管理問題還是小型企業人力匱乏的程式端問題。本篇帶大家將GTM裝入網站中,日後再帶大家GTM加入代碼資源與特殊事件紀錄。

 

光曜數位行銷
官方網站
部落格
粉絲專頁

 
文章由【光曜數位行銷】授權提供TC使用,原文文章標題為【任何規模的企業都適用的GTM教學】,版權歸【光曜數位行銷】所有,欲轉載請聯繫原發布單位,經TC彙集整理,部分內容為TC創作,未經授權不得轉載。圖片來源:pexels

TC Summary

  • GTM:幫助沒有資工背景的操作人員進行管理、編輯追蹤碼、事件。整合各項代碼資源GA、FB pixel、AdWords等。
  • 新建帳號:新增帳戶,一家公司僅需一個帳戶即可,便可以管理許多網域。安裝GTM的code,將程式碼放在網頁的< head >與< body >。
  • 層級關係:

代碼:事件的代稱。

觸發條件:要讓代碼開始作用一定要設定觸發條件(Trigger)進而觸發代碼開始運作

變數:所需要哪些變數才能使代碼開始運作

 

《延伸閱讀》

 


TC的IG
上會有更多相關職場成長懶人包,立即追蹤不錯過任何成長機會!

想持續接收到最精華的文章,可按這裡加入 TC Incubator的LINE@

 

訂閱TC Sharing

追蹤TC Incubator

粉絲專頁


IG懶人包
Close Menu