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

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

取得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 時,有遇到什麼問題也歡迎通過粉絲團或是直接來信與我們討論,希望這一篇文章可以幫助到大家囉!

如有任何網站流量分析的問題,或想瞭解關於 SEO 人工智慧解決方案,歡迎立即諮詢,將有 awoo 專業顧問為您服務。

 

延伸閱讀:【Google Search Console 完整教學】報表應用技巧、安裝驗證方式全收錄

延伸閱讀:網站流量完整攻略!從流量查詢、分析到成長秘訣,4大熱門網站分析工具介紹