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 快速篩選搜尋結果

鵠學苑

鵠學苑

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

訂閱電子報

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

熱門文章

最新文章

相關文章

標籤雲

Scroll to Top