本文適用於目前採用通用 Analytics (分析),但想試用 GA4 資源的網站擁有者。
使用 GA4 設定輔助程式 (請見下方的操作說明),即可建立新的 GA4 資源,與現有的通用 Analytics (分析) 資源一起收集資料。通用 Analytics (分析) 資源會維持不變,持續照常收集資料。您隨時都可透過資源選取器或 [管理] 畫面存取這兩種資源。
如果您使用網站製作工具,或者網站是由尚未使用 gtag.js 的內容管理系統 (CMS) (例如 HubSpot、Magento 和 Squarespace 等) 代管,請按照特定 CMS 適用的這些說明操作,但不要直接將「G-」ID 貼進 CMS 提供的欄位。
Google Analytics (分析) 4 設定輔助程式精靈無法將歷來資料重新加回新的 GA4 資源。也就是說,GA4 資源只會收集往後的資料。如要查看歷來資料,請使用通用 Analytics (分析) 資源中的報表。
Google Analytics (分析) 4 設定輔助程式精靈
請按照以下操作說明建立 GA4 資源。無論您的網頁有 Google Analytics (分析) 代碼 (gtag.js 或 analytics.js) 還是 Google 代碼管理工具容器,這些操作說明都適用。您必須具備帳戶的「編輯者」角色,才能使用 GA4 設定輔助程式。
- 在 Google Analytics (分析) 中,按一下左下方的
[管理]。
- 在「帳戶」欄中,確認您已選取需要的帳戶 (如果您只有一個 Google Analytics (分析) 帳戶,系統會預先選取這個帳戶)。
- 在「資源」欄中,選取目前收集網站資料的通用 Analytics (分析) 資源。
- 按一下「資源」欄中的 [Google Analytics (分析) 4 設定輔助程式];也就是「資源」欄的第一個選項。
- 在「我想要建立新的 Google Analytics (分析) 4 資源」下方,按一下 [開始使用]。
- 按一下 [建立資源]。
按一下 [建立資源] 後,設定精靈會執行以下操作:
- 建立新的 GA4 資源。
- 從通用 Analytics (分析) 資源複製資源名稱、網站網址、時區和貨幣設定。
- 在 GA4 資源中啟用加強型評估功能。
- 建立通用 Analytics (分析) 資源和 GA4 資源之間的連結。此連結讓您可以使用 Google Analytics (分析) 4 資源中的設定輔助程式,將通用 Analytics (分析) 資源的設定遷移到 GA4 資源。
- (如果網站已加入 gtag.js 代碼,且您選擇在上述步驟 6 選擇了 [允許使用現有代碼來收集資料]),請在通用 Analytics (分析) 和 GA4 資源之間建立已連結的網站代碼。
程序完成後,[Google Analytics (分析) 4 資源設定輔助程式] 頁面的頂端會顯示「您已成功連結資源」。
記下 GA4 資源名稱,方便日後搜尋。如果通用 Analytics (分析) 資源名稱是「範例資源 (UA-nnnnnnn)」,則 GA4 資源名稱就會是「範例資源 (xxxxxxx)」,其中不含「UA-」前置字元,且 xxxxxxx 是新的資源編號。按一下 [查看您的 GA4 資源],開啟 GA4 新資源中的設定輔助程式。
若設定精靈使用現有代碼
如果 Google Analytics (分析) 4 設定輔助程式精靈提供 [允許使用現有代碼來收集資料] 選項 (而您保持選取這個選項),新的 GA4 資源現在應已開始收集資料。
資料最多可能需要經過 30 分鐘才會顯示在新的 GA4 資源中。
如要確認系統是否可正常收集資料,請瀏覽您的網站,然後在報表導覽介面中選取 [即時]。「即時」報表應該會顯示相關活動資料。
如果您已有 Firebase 專案,可以將這個 GA4 資源連結至該專案。但是,您必須在 Firebase 介面中進行這項操作。瞭解詳情。
若設定精靈未使用現有代碼
如果您在網站中加入了 analytics.js (而非 gtag.js) 代碼,或是使用的網站製作工具/CMS 會在網頁中加入 analytics.js 代碼,GA4 設定精靈就無法重複使用現有的代碼。
如果不是使用網站製作工具/CMS,您或網頁程式開發人員可以使用任何所需的網頁編輯器,直接在網頁中加入 GA4 gtag.js 代碼。請保留 analytics.js 代碼,以免 Analytics (分析) 繼續傳送資料至通用 Analytics (分析) 資源。
如果使用的網站製作工具/CMS 會在網頁中加入 analytics.js 代碼,您就可以使用自訂 HTML 功能在網頁中加入 GA4 gtag.js 代碼。請保留 analytics.js 代碼,以免 Analytics (分析) 繼續傳送資料至通用 Analytics (分析) 資源。
找出您的 GA4 網頁內代碼
新的 GA4 網頁內代碼位於 GA4 資源網站資料串流的詳細資料頁面。如果「資源」欄中沒有顯示 [資料串流] 連結,表示您查看的是通用 Analytics (分析) 資源 (而不是 GA4 新資源) 的 [管理] 頁面。
- 按一下左下方的
[管理]。
- 在「資源」欄中檢查是否已選取新的 GA4 資源,再依序按一下 [資料串流] 和 [網站],然後按一下資料串流。
- 在「代碼設定操作說明」下方,按一下 [新增網頁內代碼] > [全域網站代碼 (gtag.js)]。畫面上顯示的整段程式碼都是 Analytics (分析) 網頁代碼,開頭如下:
<!-- Global Site Tag (gtag.js) - Google Analytics -->
結尾則是
</script>
如果您或網頁程式開發人員要手動在網頁中加入代碼
複製整個 Analytics (分析) 網頁代碼並貼到網站的各網頁中,緊接在 <head> 後方。
請勿移除舊的 analytics.js 代碼,此代碼會繼續為通用 Analytics (分析) 資源收集資料;您新增的 gtag.js 代碼則會為新的 GA4 資源收集資料。
使用即時報表來確認資料是否已開始傳入。
如果您使用的是網站製作工具/CMS
如果您的網站製作工具/CMS 已在使用 gtag.js,設定精靈應該會提供重複使用現有代碼的選項。如果沒有看到這個選項,請將 GA4 網頁內代碼新增為自訂 HTML。
下表列出的網站製作工具/CMS 會使用 analytics.js,且需要您將 GA4 網頁內代碼新增為自訂 HTML,以便在網站上加入這兩種代碼。
請使用 CMS 的自訂 HTML 功能,複製整個 Google Analytics (分析) 網頁代碼並貼入網站中。
使用即時報表來確認資料是否已開始傳入。
網站製作工具/CMS | 新增自訂 HTML 的選項 |
---|---|
Blogger | 操作說明 |
Cart.com | 如需操作說明,請與 Cart.com 支援團隊聯絡 |
HubSpot | 操作說明 |
Magento | 操作說明 |
One.com | 如需操作說明,請與 One.com 支援團隊聯絡 |
Salesforce (Demandware) | 如需操作說明,請與 Salesforce 支援團隊聯絡 |
VTEX | 如需操作說明,請與 VTEX 支援團隊聯絡 |
Weebly | 操作說明 |
如果您使用 Google 代碼管理工具加入代碼
如果是基本的資料收集方式,請按照 Google 代碼管理工具說明中心的操作說明加入「Google Analytics (分析):GA4 設定」代碼。