Google Analytics 追蹤碼原理 – 網站資料分析與記錄運作方式介紹

Google Analytics 追蹤碼原理 內容綱要:

一. Google Analytics 追蹤程式碼說明

二. Google Analytics 資料蒐集運作原理

Google Analytics 追蹤碼原理 在使用任何一套資料分析工具前,了解運作原理是必要的一件事,尤其使用 GA 必須要在網站加入追蹤程式碼,才能夠讓資料顯示,因此在本篇教學中,將說明 GA 追蹤碼的基本運作原理,以及埋入 GA 追蹤碼的注意事項、資料傳輸流程與報表顯示等運作原理,讓想要學習 Google Analytics  的朋友能夠更好理解報表來源與顯示方式。

如果說還沒為網站加入追蹤程式碼,可以參考這一篇文章:Google Analytics 教學 – WordPress 加入 GA 追蹤碼 (主題與外掛)

Google Analytics 追蹤碼說明:網頁追蹤設定

• Google Analytics 追蹤程式碼說明

GA 目前使用的追蹤碼是由 JavaScript 組成,創建 GA 帳戶後可以在資源 → 追蹤資訊中找到,下圖程式碼區塊中有大小兩個方框,大的紅色方框是全網站代碼中的 Base code ,也就是網頁執行 HTML 載入時將抓取屬於 GA 的外部檔案,這一個步驟必須要先執行,才能讓小方框中的 GA 追蹤 ID 正常運作。

Google Analytics 追蹤碼原理

 

如果你對 GA 有一定程度的瞭解,就會知道在 GA 帳戶中可以創建不同的資源,而每一個資源都將具有一組獨一無二的追蹤 ID,格式上會是 UA-xxxxxxx ,這一組追蹤 ID 具有判斷要將接收到的資料傳輸到那一個資源顯示的功能,因此在不同的資源中,只有 gtag(‘config’, ‘UA-xxxxxx’); 裡面的追蹤 ID 會不一樣,其他部份都是一樣的。更詳細的 GA 資源說明,可以參考此篇文章:Google Analytics 資源設定教學 – 資源項目與追蹤資訊說明

接下來要說明的是加入 GA 追蹤碼時需要注意的事項:

  1. 確定追蹤碼放置的位置是不是在<head></head>之間
  2. 如果是使用 WordPress  架站,必須是全網站所有頁面都會執行 GA 追蹤碼
  3. 網站如果是安裝舊的 GA 追蹤碼,建議修改為最新的 全域網站代碼 (gtag.js)
  4. 使用子網域的網站,在安裝追蹤碼時必須新建不同的帳戶或資源,以使用不同的追蹤 ID。

• Google Analytics 資料蒐集運作原理

加入追蹤程式碼後,在沒有錯誤的狀況下,GA 就會開始蒐集網站資料,當訪客瀏覽網站時,訪客所使用的瀏覽器就會根據 Cookie(瀏覽器記錄使用者造訪網站資料的技術,有保持登入狀態、紀錄所在地資料、網站偏好設定等功能)中使用者的行為資料,傳送到 GA 資料庫中,根據 GA 官方說明文件,資料處理延遲時間為 24-48 小時,在完成資料處理後就會在 GA 報表中顯示數據資料。

在資料處理顯示之前,如果想要觀看 GA 報表呈現樣式或試行操作,可以到即時報表中查看當前網站訪客狀態,進一步的說明可以參考 Google Analytics 即時報表分析教學 – 首頁總覽、即時資料說明

Google Analytics 追蹤碼原理

結語:

Google Analytics 追蹤碼原理 對於一般非自架站的網站管理員而言,在有相關技術部門或網站公司配合的狀況下其實意義不大,有任何 GA 資料追蹤的問題只要交給專業網頁技術人員處理就好,但從另一方面來說,如果自身對 Google Analytics 追蹤碼有一定程度的理解,也可以用於反向驗證 GA 追蹤碼是否有正確安裝,某種程度上也能確保網站資料在 GA 上正確轉換為可用數據。

今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

 Google Analytics 相關教學文章:

Google Analytics 報表說明 – 目標對象、客戶開發、行為、轉換

Google Analytics 教學 – WordPress 加入 GA 追蹤碼 (主題與外掛)

Google Analytics 教學 – GA 是什麼?網站數據分析工具項目介紹

GA 自訂流量來源,讓 Facebook Instant Articles 流量單獨顯示

Google Analytics 帳戶設定教學 – 新增帳戶、使用者管理、篩選器

Google Analytics 資源設定教學 – 資源項目與追蹤資訊說明

網站架設知識推薦閱讀:

Google FAQ 結構化資料啟用,讓問與答在搜尋結果中直接呈現

Google 演算法更新,使用者搜尋後將出現多樣性的網站內容

Google 搜尋 新增簡易指令:before: & after 快速篩選搜尋結果

分享在 facebook
Facebook
分享在 google
Google+
分享在 skype
Skype
分享在 pinterest
Pinterest
分享在 email
Email
鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top