什麼是GA4？

定義

GA4（Google Analytics 4）是Google提供的最新版網站和應用程式分析平台。於2020年10月推出，並於2023年7月1日完全取代了舊版本Universal Analytics。GA4不僅僅是一個升級版本，而是基於全新的資料收集和分析理念重新設計的平台。

GA4最大的特點是使用基於事件（Event-based）的資料模型。Universal Analytics以工作階段和網頁瀏覽為中心，而GA4將使用者的所有互動作為事件進行追蹤。網頁瀏覽、點擊、捲動、影片播放等所有行為都被記錄為事件，從而實現更精細的分析。此外，可以在一個資源（Property）中統一分析網站和行動應用程式的資料，這對於理解跨平台使用者旅程非常有用。

GA4大幅增強了機器學習和AI功能。透過預測指標（Predictive Metrics）可以預測使用者的未來行為，自動化洞察會自動檢測並通知重要趨勢。同時，為了適應注重隱私保護的時代潮流，還提供了無Cookie測量和資料生命週期管理功能。它被設計為在遵守歐洲GDPR、美國CCPA等隱私保護法規的同時，也能進行有效分析。

特點

基於事件的資料模型：將所有使用者互動作為事件追蹤，實現更靈活、更精細的分析。一切都是事件：網頁瀏覽、點擊、捲動、影片播放、檔案下載等。
跨平台分析：可以在一個資源中統一分析網站和iOS/Android應用程式的資料，完整追蹤使用者在多個裝置間的旅程。
AI和機器學習：提供購買可能性、流失可能性等預測指標，自動化洞察自動檢測流量激增、異常模式等。
以隱私為中心：提供多種功能以符合隱私法規，包括無Cookie測量、IP匿名化和資料保留期設定。
免費BigQuery整合：所有GA4資源都可以免費將原始資料匯出到BigQuery，實現進階分析和資料倉儲整合。（Universal Analytics僅在付費版本中提供）

使用方法

以下是有效設定和使用GA4的方法：

步驟1：建立GA4資源 登入Google Analytics帳戶後，建立新的GA4資源。從管理選單中選擇「建立資源」，輸入網站或應用程式資訊。選擇業務類別和規模後，GA4會自動提供相關報表和洞察。

步驟2：設定資料串流 對於網站，建立網站資料串流；對於行動應用程式，建立iOS或Android資料串流。建立網站資料串流後，會獲得評估ID（格式為G-XXXXXXXXXX），需要將其插入到網站的所有網頁中。使用Google Tag Manager可以更輕鬆地管理。

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

步驟3：設定關鍵事件 除了自動收集的事件（網頁瀏覽、捲動等）外，GA4還允許手動追蹤對業務目標重要的事件。例如，設定「購買完成」、「註冊」、「訂閱電子報」、「聯絡我們點擊」等轉換事件。將這些事件標記為「轉換」後，可以在報表中輕鬆追蹤。

步驟4：建立自訂維度和指標 可以建立自訂維度（Custom Dimensions）和自訂指標（Custom Metrics）來追蹤業務所需的特定資料。例如，對於部落格，可以建立「文章類別」、「作者姓名」、「閱讀時間」等自訂維度，實現更精細的分析。

步驟5：自訂報表 雖然GA4的預設報表很有用，但可以從資料庫中啟用其他報表，或使用探索分析（Explorations）建立自訂報表。提供了路徑探索、漏斗探索、區隔重疊等進階分析範本。

步驟6：利用目標對象和預測指標 GA4的強大功能之一是基於機器學習的預測指標。可以使用「購買可能性」、「流失可能性」、「預測收入」等指標來最佳化行銷活動。基於這些建立自訂目標對象並與Google Ads整合，可以顯著提高定位效率。

步驟7：與Google Ads和Search Console整合 將GA4與Google Ads帳戶整合可以更準確地衡量廣告效果。與Search Console整合可以在GA4中檢視搜尋查詢資料，有助於SEO分析。可以在管理選單的「產品連結」中設定整合。

步驟8：定期資料檢查和洞察提取 GA4從多個角度提供資料，包括即時報表、使用者報表、生命週期報表等。至少每週檢查一次關鍵指標，審查自動化洞察以改進網站。特別重要的是集中監控參與度指標和轉換指標。

範例

範例1：基本GA4安裝程式碼

<!DOCTYPE html>
<html lang="zh-TW">
<head>
  <meta charset="UTF-8">
  <title>Zero Coke部落格</title>

  <!-- GA4安裝程式碼 -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-ABC123XYZ"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    // 基本配置
    gtag('config', 'G-ABC123XYZ', {
      'send_page_view': true,
      'anonymize_ip': true  // IP匿名化
    });
  </script>
</head>
<body>
  <h1>部落格文章標題</h1>
  <p>內容...</p>
</body>
</html>

範例2：自訂事件追蹤（按鈕點擊）

<button onclick="trackNewsletterSignup()">訂閱電子報</button>

<script>
function trackNewsletterSignup() {
  // 傳送GA4事件
  gtag('event', 'newsletter_signup', {
    'event_category': 'engagement',
    'event_label': 'header_newsletter_form',
    'value': 1
  });

  // 實際的電子報訂閱邏輯
  console.log('電子報訂閱完成');
}
</script>

範例3：電子商務事件追蹤

// 產品瀏覽事件
gtag('event', 'view_item', {
  currency: 'KRW',
  value: 129000,
  items: [
    {
      item_id: 'XYZ2000-BLK',
      item_name: '無線藍牙耳機XYZ-2000',
      item_category: '電子產品',
      item_category2: '音訊',
      item_brand: 'TechSound',
      price: 129000,
      quantity: 1
    }
  ]
});

// 加入購物車事件
gtag('event', 'add_to_cart', {
  currency: 'KRW',
  value: 129000,
  items: [
    {
      item_id: 'XYZ2000-BLK',
      item_name: '無線藍牙耳機XYZ-2000',
      price: 129000,
      quantity: 1
    }
  ]
});

// 購買完成事件
gtag('event', 'purchase', {
  transaction_id: 'T_12345',
  currency: 'KRW',
  value: 129000,
  tax: 11727,
  shipping: 3000,
  items: [
    {
      item_id: 'XYZ2000-BLK',
      item_name: '無線藍牙耳機XYZ-2000',
      price: 129000,
      quantity: 1
    }
  ]
});

範例4：捲動深度追蹤

// 當捲動到網頁特定位置時傳送事件
let scrollTracked = {
  '25': false,
  '50': false,
  '75': false,
  '100': false
};

window.addEventListener('scroll', function() {
  let scrollPercentage = (window.scrollY + window.innerHeight) / document.body.scrollHeight * 100;

  for (let threshold in scrollTracked) {
    if (scrollPercentage >= threshold && !scrollTracked[threshold]) {
      gtag('event', 'scroll_depth', {
        'event_category': 'engagement',
        'event_label': threshold + '%',
        'value': parseInt(threshold)
      });
      scrollTracked[threshold] = true;
    }
  }
});

範例5：外部連結點擊追蹤

// 自動追蹤所有外部連結點擊
document.addEventListener('click', function(event) {
  let target = event.target.closest('a');

  if (target && target.hostname !== window.location.hostname) {
    gtag('event', 'click', {
      'event_category': 'outbound_link',
      'event_label': target.href,
      'transport_type': 'beacon'
    });
  }
});

範例6：檔案下載追蹤

<a href="/downloads/seo-guide.pdf" onclick="trackDownload(this)">下載SEO指南</a>

<script>
function trackDownload(element) {
  let fileName = element.href.split('/').pop();

  gtag('event', 'file_download', {
    'event_category': 'downloads',
    'event_label': fileName,
    'file_extension': fileName.split('.').pop(),
    'file_name': fileName
  });
}
</script>

範例7：影片觀看追蹤

<video id="tutorial-video" controls>
  <source src="tutorial.mp4" type="video/mp4">
</video>

<script>
let video = document.getElementById('tutorial-video');
let videoTracked = {
  'start': false,
  '25': false,
  '50': false,
  '75': false,
  'complete': false
};

video.addEventListener('play', function() {
  if (!videoTracked['start']) {
    gtag('event', 'video_start', {
      'event_category': 'video',
      'event_label': 'tutorial-video',
      'video_title': 'SEO教學'
    });
    videoTracked['start'] = true;
  }
});

video.addEventListener('timeupdate', function() {
  let percentage = (video.currentTime / video.duration) * 100;

  if (percentage >= 25 && !videoTracked['25']) {
    gtag('event', 'video_progress', {
      'event_category': 'video',
      'event_label': 'tutorial-video',
      'video_percent': 25
    });
    videoTracked['25'] = true;
  }
  // 50%、75%同樣...
});

video.addEventListener('ended', function() {
  gtag('event', 'video_complete', {
    'event_category': 'video',
    'event_label': 'tutorial-video'
  });
  videoTracked['complete'] = true;
});
</script>

優缺點

優點

面向未來的分析：基於事件的模型和AI功能更適合不斷變化的數位環境。它被設計為能夠應對Cookie限制和增強的隱私保護。
跨平台整合：在一個資源中分析網站和行動應用程式的資料，以了解使用者的整個旅程。可以追蹤使用者在行動應用程式上瀏覽產品、稍後在網站上購買的模式。
預測能力：基於機器學習的預測指標允許您主動識別流失可能性高或購買可能性高的使用者，並進行預防性回應。這對於高效分配行銷預算非常有用。

缺點

陡峭的學習曲線：它與Universal Analytics的結構完全不同，即使是現有使用者也需要重新學習。適應基於事件的模型、新的報表結構、不同的術語等需要時間。
有限的歷史資料：Universal Analytics的資料無法自動遷移。GA4從安裝時開始重新收集資料，這使得與歷史資料的比較變得困難。要分析轉換報表中的歷史趨勢，必須單獨儲存Universal Analytics資料。
複雜的設定：初始設定比Universal Analytics更複雜。特別是電子商務追蹤、自訂事件和轉換設定需要技術知識，如果沒有正確設定，很難獲得準確的資料。許多公司正在尋求專家協助進行設定。

常見問題

問：可以同時使用Universal Analytics和GA4嗎？ 答：是的，可以。但是，Universal Analytics於2023年7月1日完全停止了資料收集，所以現在必須只使用GA4。在2023年7月之前，可以同時執行兩個資源來比較資料，並在過渡期間熟悉GA4。如果現在開始，只需要安裝GA4。

問：GA4事件與Universal Analytics事件有何不同？ 答：在Universal Analytics中，事件具有「類別、操作、標籤、值」的固定結構。在GA4中，所有互動都是事件，您可以自由地向每個事件新增任何想要的參數。它更加靈活，但您需要提前規劃一致的命名慣例和資料結構。例如，網頁瀏覽在GA4中也作為'page_view'事件處理。

問：GA4中的跳出率如何計算？ 答：GA4中跳出率的定義與Universal Analytics完全不同。在Universal Analytics中，跳出被定義為只檢視一個網頁就離開的工作階段，但在GA4中，跳出率被定義為不是「參與工作階段」的工作階段百分比。參與工作階段是持續10秒或更長時間、檢視2個或更多網頁或發生轉換事件的工作階段。因此，GA4的跳出率通常較低。

問：GA4資料保留多長時間？ 答：預設情況下，事件資料可以保留2個月或14個月（免費版本）。可以在設定中選擇保留期限，一旦設定，不會追溯套用於過去的資料，因此最好從一開始就設定為14個月。彙總報表資料無限期保留。如果想長期儲存原始資料，請設定BigQuery匯出（免費）。

定義​

特點​

使用方法​

範例​

優缺點​

優點​

缺點​

常見問題​

定義

特點

使用方法

範例

優缺點

優點

缺點

常見問題