GA追蹤碼安裝教學,多做這個步驟日後不用捶心肝

0
4098

在awoo之前的文章「GA (Google Analytics) 是什麼?為什麼全世界都在用?」跟大家介紹了GA到底是什麼東西,相信大家已經躍躍欲試,想要知道自己網站裡的所有狀況了,而你現在應該要做的第一件事就是就開始嘗試在自己的網站裡面安裝Google Analytics!在這篇文章中將告訴大家,從如何取得程式碼、安裝示範、檢測,到回答大家在安裝時常見的問題,讓大家都能順利為自己網站導入這一項強大的工具。

TL;DR 文章太長但時間不夠,沒關係可以跳著看

取得GA追蹤碼

在Google眾多的工具整合為「Google Marketing Platform」後,在他們官網就能夠透過你的Google帳號註冊使用GA以及其他的行銷工具了。按照下面圖片中的指示輸入相關資料就可以獲得GA的追蹤ID了,這邊所填入的資訊都可以日後在GA的設定中再繼續編輯,因此不用害怕填下去就一去不回頭了。

在成功建立帳戶後,GA會協助你到達「追蹤程式碼」的設定內,在這裡Google會提供預設的程式碼,接著只要複製這一串程式碼放置到你網頁,緊接著<head>的地方,就是完成追蹤了。

Google Analytics追蹤碼安裝方法示範

在接下來的示範中,將會以Wordpress網站為例,介紹幾種不同的安裝方式。

1. 直接修改程式碼

你可以在Wordpress外觀 –>主題編輯器內,找到一個名為header.php的檔案,在裡面加入剛剛所複製下來的程式碼,如此一來就可以完成安裝了。在一般並非用Wordpress架設的網站中,通常也會有一支程式碼是在撰寫<head>內的內容,他的檔名也有可能叫做header.php,在這個檔案中這樣做更改也可以達到安裝完成的效果

如果你對於HTML程式碼依然感到苦手,可以參考這一篇文章:「寫給行銷人的 HTML 入門基礎教學,學習 SEO 時的必備概念!」,快速的了解HTML運作的原理。

2. 佈景主題的內建功能

部分經過購買的Wordpress主題也都會有欄位可以填入追蹤碼,只要在這個欄位中加入你的追蹤編號就可以追蹤完成。在像是weebly或是Wix等架站平台也有可能會有這樣的欄位,透過這樣的方式安裝可以說是最簡單的方式。

3. 使用Google Tag Manager安裝

已經安裝GTM的網站,也可以直接使用GTM安裝喔!
請參考:Google Tag Manager 教學:第一次裝Google Analytics就上手

延伸閱讀:為什麼需要GTM這類的標記管理工具?認識標記管理解決方案

檢查是否安裝成功

在上述的步驟完成後,大家可以透過幾種方式來測試自己的GA是否有安裝成功。以下awoo推薦兩種檢測方式給給大家。

1. 傳送測試流量

在GA的「追蹤程式碼」內,範例程式碼上方就有了「傳送測試流量」的功能。在按下按鈕後,就會出現一個小視窗,將資料傳送到網站內。在即時的活躍使用者中也可以看得到透過這個小視窗所產生的使用者,而這裡的數據會與即時報表內的數字是相同的,也可以從即時數據報表內進行觀察。上方的過去48小時若顯示為「過去 48 小時內曾收到流量資料」,也就代表著近期曾經有人進入過著個追蹤碼安裝成功的網站。

2. 使用Google Tag Assistant進行檢查

如果有使用Chrome瀏覽器,可以在這裡下載由官方所提供的外掛「Tag Assistant」。利用這個外掛就可以觀察到網站目前有安裝的追蹤碼有哪些,在有亮綠燈的狀況下就也代表著這個網站的GA是有安裝成功的。

awoo小提醒!千萬別漏了「這個步驟」

在成功安裝了GA之後,awoo這邊有個奉勸你一定要馬上完成的GA設定。在完成了資源的安裝後你馬上要做的事情就是要建立一個「備份資料」的資料檢視。這樣的做法好處是,由於在資料檢視內的設定有許多操作都是不可逆的,像是篩選器設定錯誤時可能會導致你某一天的資料都失去了參考價值。因此若是在GA安裝完的最一開始就將「備份資料」的資料檢視建立好,就不用害怕未來要回溯資料時,找無資料可以觀察。這絕對是眾多網站數據分析師有過的辛酸血淚,心裡最痛的那一塊,所以大家一定要記得新增這個「備份檢視權限」!

新增備份資料絕對能夠在某一天派上用場讓你不用捶心肝

GA安裝時常見的問題

依照上述的安裝方式,就已經可以讓網站得到最基本的數據資料了。但是GA的功能繁多,追蹤方式也複雜,在這邊就分享幾個在安裝GA的過程中最常遇到的問題跟大家分享。

Q:為什麼預設的程式碼好像跟我網站上的不太一樣?

A:Google Analytics去年(2017年)10月時,發表了最新的GA追蹤機制「gtag」。在過去,Google最早推出的版本為ga.js,而接著在2013年更新為analytics.js。這幾個版本的追蹤碼內容都有些不同,而事件上也是不可以共用的。因此如果網站先前已經有安裝過GA的追蹤碼,務必要先檢查好網站目前使用的版本,以及先前安裝的方式,千萬不要冒然將新版本的追蹤碼安裝上去。

Q:大家好像還很常用GTM這個工具,那又是什麼?

A:GTM(Google Tag Manager)是一種標記管理工具(Tag Management System, TMS),像是上述的GA追蹤碼就是一種標記(Tag),而使用TMS就可以協助安裝這些標記。awoo曾寫過這篇文章「為什麼需要GTM這類的標記管理工具?認識標記管理解決方案」介紹標記管理工具,使用TMS工具來安裝GA也是我們相當建議的方式,未來我們也會撰寫文章介紹安裝時的詳細過程!

總結

安裝完成GA是在網站分析上最重要的一大步,可以說是從事這一項工作的大家要學會的第一件事。awoo也會持續介紹如何使用GA以及其他更多網站分析的相關教學,讓大家可以在這個領域互相切磋。在安裝GA時,有遇到什麼問題也歡迎通過粉絲團或是直接來信與我們討論,希望這一篇文章可以幫助到大家囉!

延伸閱讀:
GA (Google Analytics) 是什麼?為什麼全世界都在用?
開啟網站分析之門-學習Google Analytics吧
看懂GA報表前,不可不知道的指標與維度
瞭解Google Analytics 使用者的帳戶管理架構
為網站安裝 Google Analytics 電子商務追蹤碼以掌握實際獲利金額

 

“2018台灣成長駭客年會早鳥優惠中"
“2018台灣成長駭客年會早鳥優惠中"