【网站建设】GA4数据追踪（谷歌分析Google Analytics）操作说明 二維碼
3263
发表时间：2025-06-08 15:20 本教程展示如何通过Google Tag Manager（后文简称为GTM）来管理Google Analytics的代码（后文简称为GA4）监控统计。 一、 使用到的网站 GTM：https://tagmanager.google.com Google Tag Manager，中文翻译为Google跟踪代码管理器，是用于统一管理所有追踪代码（如Google Ads、GA4）的平台，单次配置成功后，后续事件不需要再修改网站代码，是非常方便的管理工具。 如果您同时做谷歌广告投放和搜索优化，建议使用此平台进行统一管理和监控。 GA：https://analytics.google.com Google Analytics，中文翻译为谷歌分析，主要用于分析全站流量来源、用户行为、页面表现等，支持数据驱动的优化。 溫馨提示： 1. Google系列的各平台访问可能需要海外VPN，国内网络无法访问。我们平台不提供海外VPN，需要您自行准备。 2. GA4数据监控常见的浏览器基本都能统计（如Chrome、360浏览器、Safari、Firefox、Edge等），但是客户浏览器在安装有统计截拦方案（如uBlock Origin可能屏蔽GA、360浏览器的“极速模式”可能默认屏蔽跟踪脚本、Safari的ITP会限制第三方Cookie等）时，GA4的监控和实际数据可能会存在一定误差。一般情况下，我们会认为管理后台统计的概况数据会更为可信，请根据实际情况选择或使用多个数据来辅助您决策。 二、功能門檻 【版本】中級版 三、配置 1、創建GA4賬號 1.1 登錄https://analytics.google.com，爲您的監控域名創建賬號。 在左下角的 管理-数据收集和修改-数据流，如无数据流请您创建一个网站类型的数据流。
1.2 创建成功后，保存G-xxxxxx格式的“衡量ID”备用
1.3 登錄https://tagmanager.google.com，如無賬號，需創建賬號
1.4 按实际情况填写，容器设置选择“网站”，保存即可
1.5 创建成功后，进入GTM管理平台，一般情况下GTM会主动为您弹出您的代码配置，如下
1.6 如未弹起，也点击右侧GTM开头的编码，主动触发代码弹窗弹出
2.1 打开建站设计器（此处以自适应站点设计器为例） 在 模块-设置-高级设置 中，启用“网站插件代码”。
2.2 启用后点击右侧的【设置】，把GTM的代码复制粘贴到<head>标签中
2.3 点击保存，同时保存您的站点设计器 保存成功後，獲取您的網站地址，填入GTM彈窗中，進行安裝檢測。
2.4 检测通过即可关闭弹窗 如未通過請您檢查代碼是否正確複制。
後文我們將討論常見的“預覽”、“點擊”行爲監控流程，在此之前我們需要把相關的事件變量配置出來。 建議配置如下圈選的變量參數：
配置成功後，我們開始建立監控代碼。 4.1 触发器就是指用户行为，这里定义我们需要统计行为数据。
4.2 如您没有定义触发器，请点击右侧的“新建”，创建一个监控行为 GTM提供了一些常用行爲，您可以根據自己的需要進行選擇。
4.3 此处我们预设一个case，比如我们想要知道 “访问购物车-点击结算按钮” 的转化情况，这里就涉及到了两个触发器：网页浏览（购物车页面）和点击-所有元素（结算按钮）
4.4 购物车页面的预览监控 选择触发器类型为“网页浏览”，条件为“某些网页浏览”，变量选择Page Path 等于 /h-mcart.html
4.5 把触发器命名为进入购物车，保存即可
4.6 购物车结算按钮点击监控 點擊按鈕的參數查詢不方便，此處教大家一個萬能的方案。 先建立點擊觸發器，選擇“所有點擊”。
先把觸發器命名爲“購物車頁面點擊”，然後保存（後續拿到參數再回來修改此變量的值）。 如下圖框選內容配置好變量，我們將進入代碼的配置。
5.1 在左侧访问“代码”，进行“新建”。
5.2 选择GA4事件
5.3 配置GA4事件时，需要您填入衡量ID（步骤1中在GA4平台获取的数据流衡量ID，格式为G-xxxxxxxxxx）
5.4 填入后，修改代码名称和事件名称为访问购物车 然後選擇觸發器爲“進入購物車”
5.5 保存即可
5.6 同理我们选择购物车点击的触发器，也可以创建一个点击事件的代码
5.7 这样我们就有了两个代码
6.1 在右上角，点击“预览”
6.2 在跳转的页面中，点击连接并等待GTM自动为您打开您的网站
6.3 右下角出现弹窗，则说明链接成功（请忽视这个弹窗在页面进行操作，不要点击完成，也不要关闭您的网站）
6.4 首先回到管理页面检测运行情况
6.5 在您的网站中，访问购物车页面，例如
6.6 加载成功后，进行事件触发 然後檢查統計是否成功。
成功統計即可進行後續操作。 6.7 点击“结算”按钮
6.8 在管理平台的左侧，找到对应的“点击”事件监控，点击这个事件
6.9 检查触发代码是否为“购物车按钮点击”
核對確認後，點擊變量，可獲取到“點擊結算按鈕”行爲的classes、text。 一般來說建議使用ID和classes，但從輸出結果來看，結算按鈕目前沒有ID：
6.10 回到GTM后台-触发器，修改第四步我们创建的购物车点击行为的触发器。 把剛剛獲得的classes變量填入觸發器中，並保存。
重新開啓預覽，再測試一遍統計是否正常：
這樣就是埋正確了（監控購物車頁面的訪問和結算按鈕點擊），可以關掉預覽調試。 在Analytics中查看監控的數據。
更多數據監控的埋點方法，大家可以在GTM多多探索。 |
