[GA4] 設定 AMP 專用 Google Analytics (分析) 工作階段統合

本文內容

提供 AMP 網頁的 AMP 快取網域與您的網站網域不同。如要追蹤 AMP 快取與您網站網頁的使用者歷程,可以使用 AMP Linker;這是一項 AMP Analytics (分析) 功能,可將 AMP Client-ID 做為使用者 ID 來加入使用者工作階段。

如果出站連結來自 AMP 快取網頁,AMP Linker 就會加入 AMP Client ID。含 Google Analytics (分析) 代碼的網頁就會從網址查詢參數中擷取 AMP Client ID,並使用該 AMP Client ID 做為使用者 ID 來加入使用者工作階段。

本文將說明使用 Google Analytics (分析) 設定 AMP Linker 所需的步驟。

AMP Client ID 對資料的影響

同步處理 AMP 快取和您原網站網域之間的 AMP Client ID,可使「工作階段持續時間」、「跳出率」和「單次工作階段頁數」等使用者指標更準確。請注意,資料應於同一個 Google Analytics (分析) 資源中收集,AMP Client ID 才能充分發揮作用。

注意:同步處理 AMP 快取和您原網站網域之間的 AMP Client ID,將造成用於「同類群組分析」、「生命週期價值」和「指定目標對象」等功能的現有 Google Analytics (分析) 使用者 ID 一次性重設;這可能導致「新使用者」指標和相關報表的數據短暫出現明顯波動。

設定 AMP Linker

透過 Google Analytics (分析) 設定 AMP Linker 須採取以下三個步驟:

  1. 為您的 AMP 網頁加上代碼
  2. 為您的非 AMP 網頁加上代碼

步驟 1:為您的 AMP 網頁加上代碼,以傳送 AMP Linker 參數

在 AMP 到達網頁中新增預設的 AMP 專用 Google 代碼。請查看下列程式碼片段範例,並按照說明進行變更:

請用您要傳送資料的 Google Analytics (分析) 資源代碼 ID 取代 MEASUREMENT_ID

或者,如果代管您 AMP 網頁的頂層網域與連至您網站的出站連結網域不同,或 AMP 網頁不在已知子網域 (例如:www.、amp.、m.) 上,您也可以按照下方所示加入連接器設定。請將其加入代管該 AMP 網頁的網域以及所有出站連結的網域。

<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars": {
    "gtag_id": "MEASUREMENT_ID",
    "linker": {
      "domains": ["example.com", "example2.com"]
    }
    ,
    "config": {
      "MEASUREMENT_ID": {
        "groups": "default"
      }
    }
  }
}
</script>
</amp-analytics>
注意:對於 gtag_id,您可以指定您在 AMP 網站上使用的任何 Google 產品 (如 Google Ads 或 Search Ads 360) 的 ID;但在「gtag_id」欄位中,每項 Google 產品僅限使用一個 ID。
重要注意事項:AMP 專用的 Google 代碼管理工具目前不支援 Google Analytics (分析) 4。如要搭配 Google Analytics (分析) 4 使用 AMP,您必須手動新增 AMP 程式碼片段。瞭解詳情

步驟 2:為您的非 AMP 網頁加上代碼,以讀取 AMP 連接器參數

在非 AMP 網頁上加入 gtag.js 程式碼片段。請查看下列程式碼片段範例:

  • 請用您要傳送資料的 Google Analytics (分析) 資源代碼 ID 取代 MEASUREMENT_ID
  • 或者,如果代管您 AMP 網頁的頂層網域與連至您網站的出站連結網域不同,或 AMP 網頁不在已知子網域 (例如:www.、amp.、m.) 上,您也可以按照下方所示加入連接器設定。請將其加入代管您 AMP 網頁的網域以及所有出站連結的網域。
<!-- Google 代碼 (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=MEASUREMENT_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('set', 'linker', {
    'domains': ['example.com', 'example2.com']
  });
  gtag('js', new Date());
  gtag('config', 'MEASUREMENT_ID');
</script>

設定驗證

驗證 AMP 和非 AMP 網頁之間的 Google AMP Client ID:

選項 1:透過 AMP 代碼測試工具驗證

使用 AMP 代碼測試工具,輸入要測試的 AMP 網址。

注意:AMP 代碼測試工具是一項自動測試工具,可模擬從瀏覽器顯示 AMP 網頁開始,到透過連結進入下一頁為止的流程。這項工具僅做為指引之用,可能無法涵蓋所有測試情境 (例如 AMP 網頁中的連結會連到不同的網域或子網域)。如需手動測試,請使用下方選項。

選項 2:透過 Chrome 開發人員工具驗證

  1. 以無痕模式開啟 Google Chrome 瀏覽器。在 Chrome 開發人員工具中啟用行動模擬器
  2. 在 google.com 上輸入一筆能夠傳回您網站 AMP 網頁的搜尋查詢,然後按一下其中一個連往您 AMP 網頁的搜尋結果。該網頁應會透過 Google AMP 快取放送,並顯示在 Google 搜尋 AMP 檢視器中。
    • 注意:如果您尚無法透過 Google 搜尋結果看到您的網頁,只要 Google 能為網頁建立索引,您還是可以前往 AMP 測試工具預覽搜尋結果,並按照下列步驟操作,來測試工作階段統合是否正常運作。
  3. 找出 AMP 網頁瀏覽量的 Google Analytics (分析) 聯播網請求:前往 Chrome 開發人員工具的「Network」分頁,並在「Filter」欄位中輸入「collect」。
  4. 找出並選取發送至 www.google-analytics.com 的聯播網要求。在該請求的「標頭」分頁中捲動至「查詢字串參數」,以找出用戶端 ID。將 cid 參數記錄下來。
  5. 如果 AMP 網頁是透過 AMP 檢視器放送,則 cid 格式應為 64 個字元長的 base64 字串:
  6. 按一下 [清除],清除聯播網請求。
  7. 為驗證您是否已選擇了非 AMP 網頁,請在瀏覽非 AMP 網頁時,確認相同的 cid 參數仍然存在。操作步驟如下:在您的 AMP 網頁上,按一下任何一個經由您網域放送的非 AMP 網頁連結,然後再次篩選「collect」字串,以找出用戶端 ID。選取任何一個發送至 www.google-analytics.com 的聯播網要求,並檢查 cid 查詢參數值是否與您在步驟 5 中記下的值相符。

限制

  • 如果初次造訪的使用者沒有前往下一個網頁就關閉 AMP 網頁,系統就不會透過 AMP Linker 進行工作階段統合;這是因為工作階段統合會加入其他連結。

這對您有幫助嗎?

我們應如何改進呢?
搜尋
清除搜尋內容
關閉搜尋
主選單
5167034308487919275
true
搜尋說明中心
true
true
true
true
true
69256
false
false