內容目錄
歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略，Google Analytics 追蹤碼原理 在使用任何一套資料分析工具前，了解運作原理是必要的一件事，尤其使用 GA 必須要在網站加入追蹤程式碼，才能夠讓資料顯示，因此在本篇教學中，將說明 GA 追蹤碼的基本運作原理，以及埋入 GA 追蹤碼的注意事項、資料傳輸流程與報表顯示等運作原理，讓想要學習 Google Analytics 的朋友能夠更好理解報表來源與顯示方式。接下來跟著鵠學院的腳步，讓我們開始學習吧！
如果說還沒為網站加入追蹤程式碼，可以參考這一篇文章：Google Analytics 教學 – WordPress 加入 GA 追蹤碼 (主題與外掛)
Google Analytics 追蹤碼說明
https://support.google.com/analytics/topic/1008079?visit_id=637029319832069381-3498457846&rd=1
Google Analytics 追蹤程式碼說明
GA 目前使用的追蹤碼是由 JavaScript 組成，創建 GA 帳戶後可以在資源 → 追蹤資訊中找到，下圖程式碼區塊中有大小兩個方框，大的紅色方框是全網站代碼中的 Base code ，也就是網頁執行 HTML 載入時將抓取屬於 GA 的外部檔案，這一個步驟必須要先執行，才能讓小方框中的 GA 追蹤 ID 正常運作。
如果你對 GA 有一定程度的瞭解，就會知道在 GA 帳戶中可以創建不同的資源，而每一個資源都將具有一組獨一無二的追蹤 ID，格式上會是 UA-xxxxxxx ，這一組追蹤 ID 具有判斷要將接收到的資料傳輸到那一個資源顯示的功能，因此在不同的資源中，只有 gtag(‘config’, ‘UA-xxxxxx’); 裡面的追蹤 ID 會不一樣，其他部份都是一樣的。更詳細的 GA 資源說明，可以參考此篇文章：Google Analytics 資源設定教學 – 資源項目與追蹤資訊說明
接下來要說明的是加入 GA 追蹤碼時需要注意的事項：
- 確定追蹤碼放置的位置是不是在<head></head>之間
- 如果是使用 WordPress 架站，必須是全網站所有頁面都會執行 GA 追蹤碼
- 網站如果是安裝舊的 GA 追蹤碼，建議修改為最新的 全域網站代碼 (gtag.js)
- 使用子網域的網站，在安裝追蹤碼時必須新建不同的帳戶或資源，以使用不同的追蹤 ID。
Google Analytics 資料蒐集運作原理
加入追蹤程式碼後，在沒有錯誤的狀況下，GA 就會開始蒐集網站資料，當訪客瀏覽網站時，訪客所使用的瀏覽器就會根據 Cookie（瀏覽器記錄使用者造訪網站資料的技術，有保持登入狀態、紀錄所在地資料、網站偏好設定等功能）中使用者的行為資料，傳送到 GA 資料庫中，根據 GA 官方說明文件，資料處理延遲時間為 24-48 小時，在完成資料處理後就會在 GA 報表中顯示數據資料。
在資料處理顯示之前，如果想要觀看 GA 報表呈現樣式或試行操作，可以到即時報表中查看當前網站訪客狀態，進一步的說明可以參考 Google Analytics 即時報表分析教學 – 首頁總覽、即時資料說明。
結語：
Google Analytics 追蹤碼原理 對於一般非自架站的網站管理員而言，在有相關技術部門或網站公司配合的狀況下其實意義不大，有任何 GA 資料追蹤的問題只要交給專業網頁技術人員處理就好，但從另一方面來說，如果自身對 Google Analytics 追蹤碼有一定程度的理解，也可以用於反向驗證 GA 追蹤碼是否有正確安裝，某種程度上也能確保網站資料在 GA 上正確轉換為可用數據。
今天的教學到這裡告一段落了，不要忘記在右側訂閱鵠學苑電子報，確保收到最新 WordPress 教學文章，如果有網頁設計相關需求，或者想了解最新網站知識，也可以到 鵠崙設計 做線上免費諮詢喔！我們下次的教學見～
結語：
今天的教學到這裡告一段落了，不要忘記在右側訂閱鵠學苑電子報，確保收到最新 WordPress 教學文章，如果有網頁設計相關需求，或者想了解最新網站知識，也可以到 鵠崙設計 做線上免費諮詢喔！我們下次的教學見～
SEO相關文章：
網站資訊文章推薦
內容行銷到底要多久才能見效呢？撰寫內文時一定要遵循的潛規則！
SEO到底追不追的完？文章怎麼寫！
Google Search2020再進化，如何提升網頁品質？
