內容產業歡呼! GA4 現支援 AMP 網頁流量追蹤

快速導覽

【前言】

AMP 網頁是加速移動頁面的技術,能極大地減少載入時間,提升使用者體驗。
對內容產業有多個優勢,包括更好的使用者吸引力、提高排名、增加分享和流量。

先提供 Google 官方文件連結 : 點我

目前 AMP 僅支援 gtag 的埋設方式,無支援 GTM

這段程式碼是用於在網頁中設定 GA4 資料追蹤。
請將 "GA_MEASUREMENT_ID" 替換為您的 GA 資源下串流中的追蹤ID (往下滑提供查找位置),
這樣您就可以使用 AMP Analytics 來追蹤您的網頁訪問和使用者行為。

<!-- 引入 amp-analytics 相關程式碼 -->
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

<!-- 設定 Google Analytics 資料追蹤 -->
<amp-analytics type="gtag" data-credentials="include">
  <script type="application/json">
    {
      "vars" : {
        "gtag_id": "GA_MEASUREMENT_ID",
        "config" : {
          "GA_MEASUREMENT_ID": { "groups": "default" }
        }
      }
    }
  </script>
</amp-analytics>

如何查找 GA_MEASUREMENT_ID

step1 .點擊左下角齒輪 > 中間資源下的「資料串流」> 選擇網頁 > 找到你要蒐集AMP數據的串流,並點擊
1-3
step2 .複製評估 ID
1-4

補充 - Amp 流量同時收集到兩個 GA4 資源下的串流

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars" : {
    "config" : {
      "<GA_MEASUREMENT_ID第一個>": { "groups": "default" },
      "<GA_MEASUREMENT_ID_NEW第二個>": { "groups": "default" }
    }
  }
}
</script>
</amp-analytics>

結論

我們的測試AMP網站,GA3 的瀏覽量蒐集是利用 GTM 設定,GA4 依照 Google 官方步驟埋設後,
可以如期的在 GA4 中看到 AMP 的瀏覽量,且與 GA3 瀏覽量相比,落差僅 0.5% 左右。


Tags