【懶人包】五分鐘了解 2023 年 SEO 優化操作邏輯入門!-立即報名-

GTM是什麼?設定教學與追蹤 輕鬆掌握行銷成效

瀏覽數: 84 | 更新日期: 2024-07-13 10:55:01


GTM

精心製作的網站上線之後,在網站放上追蹤碼(Tracking Code),就可以將使用者的行為化為數據,進一步去分析。

不過,通常追蹤碼需要有程式技術才能順利操作,沒有程式相關背景該怎麼辦?

不用怕!Google提供的GTM使用方法簡單、易於整合管理,就算是個人網站經營者也能輕鬆上手。

這一篇將說明GTM的操作、安裝方式,以及如何從後台觀察行銷成效。


Google Tag Manager是什麼?


Google Tag Manager(GTM)是由Google所提供、一種可以觀察網站使用者行為的追蹤代碼管理工具

不僅完全免費,還能整合Google以外的第三方代碼(如臉書像素Facebook Pixel)共同管理。

即使是不懂程式的行銷夥伴們,也可以在完全不更動網站程式碼的狀況下,輕鬆安裝追蹤代碼在網站上,大幅減少網站出錯的機率。


相關文章 廣告投放前必讀!Facebook像素的Cookie教戰攻略


什麼是追蹤代碼?

追蹤代碼 (Tracking code)安裝在網站上,用來追蹤使用者行為,進而讓行銷人員分析網站成效的工具

  • 使用者平時最常使用的網站功能或頁面是什麼?(紀錄瀏覽時間)
  • 使用者是怎麼來到結帳頁面的?(紀錄點擊路徑)
  • 每個月有多少人加入網站會員?(紀錄點擊次數)

要怎麼知道以上的數據?

你可以藉由在網站按鈕、頁面埋設追蹤代碼,再使用管理工具的後台,觀察大家的實際操作情形,因應使用者的習慣去調整網站內容。


Google Tag Manager 如何在網頁上安裝?


GTM申請網址:https://tagmanager.google.com/


一、新增帳戶

如果從來沒有使用過GTM,點進來會是這樣的頁面。首先點擊建立帳戶。

GTM安裝步驟01


在空格中輸入你的帳戶名稱(公司名)容器(網域名),接著選擇目標平台(如果你是要使用在網站,請選擇網路)。

安裝前須同意使用條款,同意後就會進入後台。

在GTM帳戶內新增公司名稱與網域容器名稱。


二、複製GTM程式碼至網站<head>與<body>內。

複製GTM程式碼到網站的<head>與<body>內進行安裝。

三、確認是否安裝成功

過去是以擴充程式檢查,現在官方已經改用Tag Assistant網站確認GTM安裝情形

輸入欲檢查的網址後點選「Connect」連接。

使用Tag Assistant網站確認安裝狀況。


網頁會跳出這個小視窗,顯示代碼是否有誤。

GTM安裝步驟5


Google Tag Manager 怎麼設定埋碼?


Google Tag Manager 的結構分為以下四層:

GTM的四層結構


一、帳戶(Account)

是GTM最高層的管理者,可用來管理多個容器。


二、容器(Container)

一個網站對應一個容器,容器會用來放置代碼與觸發條件。

GTM設定


三、代碼(Tag)

用來記錄使用者的行為,並將相關數據傳至後台。


四、觸發條件(Trigger)

決定代碼何時啟動(如瀏覽網頁、點擊連結等)

GTM網頁結構1


觸發條件操作範例:如何追蹤網站瀏覽人數

以下將以「瀏覽網頁」以及「串聯 Google Analytics」為範例,說明新增觸發條件的方式

要建立觸發條件,必須先建立新的代碼,在代碼頁面點擊「新增」

觸發條件位於代碼下層,我們需要先新增代碼。

我們這次以 GA4 作為範例,建立 GA4 代碼需要評估 ID,評估 ID 的尋找路徑為:

GA4首頁>左下角管理(齒輪圖案)>資料收集與修改>資料串流>點擊網頁欄位>右上角即為評估 ID

GA4的代碼需要連結評估ID。

由於從代碼直接新增的觸發條件只有三個選項,我們先建立「網站瀏覽」為觸發條件。

從觸發條件選擇網站瀏覽。

儲存之後會顯示在代碼欄位中。

GTM觸發條件設置步驟04

新增代碼及觸發條件後,要讓設定好的代碼在網站運作的話,先點擊右上方的預覽,輸入網址確認是否正常運行。

確認沒有錯誤後,就可以點擊 GTM 右上角的提交,讓代碼正式上線了。

GTM發布代碼按鈕位置

打開套用代碼的網頁,在 GA 的即時數據內可以看到有使用者在線。

GA與GTM連結可檢視即時數據


Google Tag Manager 優點


  • 容易整合,無須程式技術

只要申請一個 GTM 帳戶,就能管理多個網站的追蹤代碼。

當你需要安裝代碼的時候,只需要複製並插入在指定的位置即可,無須更動整個網站的程式碼。


  • 有助於網站讀取速度

現在 SEO 評分已經列入網站讀取速度,如果是寫在網站中的一般追蹤碼,會不利於使用者的體驗,甚至是網站排名。

但 GTM 的代碼在保有追蹤功能的同時,也不會佔用網站資源。


  • 可快速測試,減少錯誤發生

傳統的追蹤碼是寫在網站程式碼中,如果要確保是否成功運行,就必須先發布網站。若是安裝 GTM 的代碼,在後台就可以預覽及測試。

GTM 也會保留舊版的代碼,更新代碼遇到問題時,隨時都可以還原成舊版本。


Google Tag Manager 和 Google Analytics 差別在哪?


用物品來比喻的話,GTM 是整合全部工具的瑞士刀,GA 只是 GTM 底下的其中一個功能。

GTM 可以同時用來管理包括 Google Analytics、Google ADs、臉書像素等的追蹤代碼。

而 GA 是在網站即時收集資料的工具,這些數據最後會回傳到 GTM 的後台,利於行銷人員後續分析。

GTM是多種代碼功能的整合工具。


相關文章 【GA4時代!】通用版 GA 即將變成歷史,準備好迎接 GA4 了嗎?

關於GTM的介紹就到這裡。

對於沒有程式背景的行銷夥伴來說,GTM 是管理與安裝追蹤碼的強大工具,只要學會使用,不僅能大幅減少與網站工程師的溝通成本,代碼後台也易於維護。

想要更深入了解GTM的其他活用方法?都歡迎與 鯊客科技-台北SEO公司 諮詢!

你可能也會喜歡
sharktech
sharktech

鯊客科技的代表人物,帶您深入了解鯊客的成功案例、最新消息、服務項目,您可以透過鯊客先生的分享獲得網路行銷及軟體技術的第一手資訊,減少與網站或廣告服務商的資訊落差。

鯊客SharkTech-自經營品牌服務

poshme 茶茶茶-ThreeTea
茶農、焙茶、茶藝,同時具備三種身分優勢,茶茶茶讓消費者能夠直接接觸台灣茶,瞭解台灣茶道,並將高級茶帶入日常。茶葉、山坡、以及植木,傳遞的是茶葉本質。Three tea融合成Threa,三茶一體。
mabao 媽寶補給站-Mabao
在資訊爆炸的時代,過多的孕期育兒資訊反而是無用的雜訊,本站希望將親切、白話、實用的媽媽及寶寶的照顧資訊,補給予社會大眾,在獲得充足的知識養份後,進而做最適合的決定。有用的媽媽寶寶資訊,轉變為己身的知識,做出適合的決定,來媽寶補給站就對了。
beshe BeShe一個專為女性著想的網站
一個專為女性著想的字媒體網站,分享女性愛美相關知識。
poshme POSHME美甲、美睫沙龍POS系統
免安裝、免下載的網頁收銀POS系統。可以幫助小工作室也可以擁有專業的客戶管理、記帳報表、業積報表等功能,成為你的開店小幫手。
ezbow EZbow
EZbow由一群金融與科技業專業人才組成, 分享並傳遞專業的知識,打造Fintech人才交流及學習平台, 提供最新以及熱門的金融科技議題、產業趨勢、關鍵技術講座等, 滿足求職志願者研習、社會新鮮人進修、中高階主管鑽研的各種需求。 跟著EZBow一起搭上Fintech的趨勢列車!