網頁運作的基本觀念

在網際網路上，有許許多多的【網站】，而一個網站會包含一到多個【網頁】，使用者【以網頁為單位】，利用瀏覽器（ex. Chrome）來瀏覽整個網路世界提供的內容或服務，請參考下圖：

基本安裝指南

請前往你的 GA 帳戶的管理介面，可以找到【資源】>【追蹤資訊】>【追蹤碼】的項目，點擊後會出現你專屬的追蹤碼如下：

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=追蹤編號"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '追蹤編號');
</script>

追蹤碼中的【追蹤編號】要代換成你專屬的追蹤編號！在 GA 提供給你的版本中，已經將追蹤編號帶入。接下來，把這個追蹤碼加進網站【所有網頁】的程式碼中即可。

進階安裝指南

所謂的進階安裝，主要解決以下額外的追蹤需求：事件追蹤、時間追蹤、電子商務分析、流量來源追蹤。這些部份的追蹤碼安裝需要懂 JavaScript 的入門知識才有辦法進行，以下是彭彭給你的建議和參考資料：

• 事件追蹤：客製化追蹤使用者在網頁中的細微動作，例如點擊特定區塊、播放影片。
  請參考官方技術文件。
• 時間追蹤：客製化追蹤時間相關資訊，例如影片播放時間、表單填寫時間。
  請參考官方技術文件。
• 電子商務：了解客戶在購買流程中的狀況，找出導購網頁的關鍵問題。
  請參考官方技術文件。
• 流量來源：除了基本的流量來源追蹤外，可在連結網址中加入 utm 參數，客製化流量來源的紀錄項目，相關資訊請參考官方文件。

測試安裝是否成功

將追蹤碼安裝完成後，可使用以下兩種流程之一來進行測試：

• 1. 打開網頁 > 2. 觀看 Google Analytics 即時報表 > 3. 若成功一分鐘內會顯示資料。
• 1. 安裝 Chrome 工具 Tag Assistant > 2. 打開網頁，檢查右上角的偵測報告。

更多問題？

有效的利用 GA 需要行銷和技術的整合知識，並不是一件容易的事情。若有任何其他問題，歡迎加入 FB 的 Google Analytics 資料分析社團，在社團中隨時可以尋求諮詢哦。