欢迎访问我的博客,有问题可以在任意文章底部留言评论

Google Analytics 4安装方法大全:gtag、GTM、CMS插件和sGTM详解

Google Analytics 4 Haran 6年前 (2020-09-08) 31425次浏览 20个评论
文章目录[隐藏]

更新时间:2024年5月22日

GA4的安装方式并不只有一种,具体采用哪种部署方式,需要根据网站类型、技术能力以及后续数据分析需求决定。

如果只是希望快速统计网站访问量,可以直接安装 Google tag(gtag.js);如果网站后续需要进行事件跟踪、广告转化管理、电商数据采集,通常更推荐通过GTM部署。

目前常见的GA4安装方式主要有以下几种:

  • 直接安装GA4
  • 关联网站代码(关联多个GA4媒体资源)
  • 通过GTM部署(最推荐)
  • 通过CMS或建站平台插件安装
  • 服务器端部署

本文将详细介绍不同方式的安装流程、适用场景以及优缺点。

方法一:直接安装GA4(Google tag / gtag.js)

直接安装GA4,就是将GA4提供的 Google tag(gtag.js)代码直接添加到网站页面中,不通过GTM管理。

这种方式适合企业官网、简单展示型网站、只需要基础流量统计的网站

如果未来需要大量配置自定义事件、表单提交跟踪、电商事件、广告转化,建议优先考虑GTM部署。

 

假设现在有一个新网站http://www.ichdata.com希望通过直接安装方式部署GA4,具体步骤如下。

Step 1:创建GA4媒体资源

首先需要在GA4后台创建媒体资源。

在GA4中点击「管理」——「创建」——「媒体资源」,操作如下:

Google Analytics 4安装方法大全:gtag、GTM、CMS插件和sGTM详解

      

媒体资源创建

点击后可以看到创建媒体资源的设置界面:

Google Analytics 4安装方法大全:gtag、GTM、CMS插件和sGTM详解

 

  • 网络媒体资源名称:自定义媒体资源的名称,填写网站名称即可,例如:GA小站
  • 报告时区:选择网站主要运营地区对应的时区。
  • 币种:设置网站业务使用的货币。该设置会影响GA4报告中的金额显示。

填写完成后点击“下一步”

 

商户详情

然后可以看到如下界面,根据自己的实际情况填写上面的信息:   

Google Analytics 4安装方法大全:gtag、GTM、CMS插件和sGTM详解

 这里主要设设置行业类别,公司规模和使用目的。

请选择自己的实际行业,不要随便选择,因为这个会用于基准比较,也就是和同行的数据做比较,延伸阅读:GA4基准比较:与同行数据做对比

业务目标

业务目标这一步主要影响GA4默认提供的报告类型:

Google Analytics 4安装方法大全:gtag、GTM、CMS插件和sGTM详解

数据收集

最后点击创建,这样就创建好了GA4的媒体资源

Google Analytics 4安装方法大全:gtag、GTM、CMS插件和sGTM详解

接下来就可以创建数据流。

 

Step 2:创建数据流

接着上面的步骤点击「网站」创建数据流或在GA4中点击「管理」———「媒体资源设置」——「数据收集与修改」——「数据流」——「创建数据流」——「网站」,进入设置数据流的页面:

Google Analytics 4安装方法大全:gtag、GTM、CMS插件和sGTM详解

  • 网站网址:设置网站的网址,其实就是填写主域就行,这里填www.ichdata.com
  • 数据流名称:自定义数据流名称,一般填网站的名称,这里填GA小站

填好后点击“创建数据流”即可,创建成功会看到网站数据流详情:

Google Analytics 4安装方法大全:gtag、GTM、CMS插件和sGTM详解

这样就完成配置了。

Step 3:获取GA4跟踪代码

在网站详情页面里点击「查看代码说明」——「手动添加」,就可以获取GA4跟踪代码:

Google Analytics 4安装方法大全:gtag、GTM、CMS插件和sGTM详解

Step 4:将GA4跟踪代码安装到网站

找到模板页的头部,将踪代码安装到header前面即可:Google Analytics 4安装方法大全:gtag、GTM、CMS插件和sGTM详解

这个没什么特别的难度,如果你没有服务器权限,就将代码复制保存成txt,让你们开发去加,切记不要复制代码后通过QQ等即时通信软件发送,这样会导致代码的编码改变,跟踪代码就不能使用。

 

Step 5:检验GA4是否安装成功

打开网站,在浏览器开发者工具的网络里用v=2过滤,可以看到发送给谷歌的请求就表示安装没问题。

Google Analytics 4安装方法大全:gtag、GTM、CMS插件和sGTM详解

 

 

方法二:关联网站代码(极少用)

关联网站代码(Connected site tags)是GA4提供的一项功能,可以让一个已经安装Google tag的网站,同时向多个GA4媒体资源发送数据。

有个前提,媒体资源A需要通过gtag方法安装GA4的才可以,通过GTM的不行。

这种方法适用于公司没有多个汇总媒体资源的情形,实际很少用。

 

比如网站已经有媒体资源 A,现在新建一个汇总的媒体资源B,衡量ID是G-10000,在A的数据流详情点击“已关联的代码”,做如下设置:

Google Analytics 4安装方法大全:gtag、GTM、CMS插件和sGTM详解

然后点击“连接”,就可以将数据发送到媒体资源B。

 

 

方法三:通过GTM安转GA4(最推荐)

对于企业网站、电商网站和营销网站,GTM通常是最推荐的部署方式。

优点如下:

  • 不需要频繁修改网站代码
  • 方便管理多个营销工具
  • 支持调试和版本管理

创建资源、数据流和直接安装GA4的前两步是一样的,获取到衡量ID,就足够。

接下来就是在GTM里设置。

 

Step 3:GTM中配置GA4

在GTM中,点击「代码」——「新建」——「选择一个代码类型以开始设置」——「Google 代码」,命名为“GA4-Basic Tracking”,做如下配置:

Google Analytics 4安装方法大全:gtag、GTM、CMS插件和sGTM详解

触发器是选择All Page,然后保存,这样就完成配置了。

 

Step 4:GTM中预览调试

GTM中点击右上角的预览,进入测试状态后,在Tag Assistant里的看代码GA4-Basic Tracking是否触发,如果触发,表示GA4部署没问题。

Google Analytics 4安装方法大全:gtag、GTM、CMS插件和sGTM详解

 

 

Step 5:发布GTM版本

GTM 上点击「发布」,将配置发布出去。

 

Step 6:检验GA4是否生效

打开网站,在浏览器开发者工具的网络里用v=2过滤,可以看到发送给谷歌的请求就表示安装没问题。

Google Analytics 4安装方法大全:gtag、GTM、CMS插件和sGTM详解也可以通过再GA4里的实时报告的方式去验证,有数据就表示没问题。

 

方法四:通过CMS或建站平台插件安装GA4

很多CMS和SaaS建站平台也提供了内置集成功能。

这种方式最大的优势是:不需要修改网站代码。

对于没有开发权限的网站管理员来说,是一种比较方便的部署方式。

常见平台包括:

平台 安装方式
Shopify Google & YouTube Channel应用
WordPress Site Kit、GTM插件等
Wix 内置Google Analytics集成
Squarespace Marketing Integrations集成

 

方法五:服务器端部署GA4

服务端部署是将数据先发送到你控制的服务器,再由服务器统一转发。

这种方式的优点是:

  • 显著提升数据准确性
  • 提高数据安全性与隐私保护
  • 优化网站性能(加载速度)

这是目前行业的发展趋势,缺点是部署比较复杂,延伸阅读:使用Stape部署Google Tag Manager Server-Side(sGTM)完整指南

 

总结

  • gtag方法:如果你不考虑使用GTM,可以使用这种方法
  • 关联网站代码:极少用
  • GTM安装GA4:最推荐使用
  • 插件:根据实际情况,如果建站系统不支持安装代码,那就只能使用上面提供的插件
  • 服务端部署:这是趋势,如果网站规模较大,对数据质量和隐私控制要求高

有疑问可以在底部留言
喜欢 (4)
发表我的评论
取消评论

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(20)个小伙伴在吐槽
  1. 您好,我用“转发布署法二:Universal Analytics转发到GA4”的方法部署了,但是GA44还是没有数据,会是哪里的问题呢,谢谢!
    Leo2022-09-08 12:30 回复 Windows 10 | Chrome 98.0.4758.82
    • Haran
      Universal Analytics的跟踪代码要直接部署在网站,才可以用转发部署;如果你是通过GTM部署Universal Analytics,不能用转发部署。
      Haran2022-09-08 13:05 回复 Mac OS X | Chrome 105.0.0.0
      • 明白了,黄老师太厉害了!
        Leo2022-09-08 14:13 回复 Windows 10 | Chrome 98.0.4758.82
  2. 为什么我部署的ga4里面有数据 然后ga默认的数据是0呢,hk-doc.com 麻烦指点一下,谢谢
    陈姑娘2022-05-10 15:31 回复 Windows 10 | Chrome 101.0.4951.54
    • Haran
      看你站点GA数据是有正常发送的,检查一下是不是被过滤器过滤掉了
      Haran2022-05-11 17:02 回复 Mac OS X | Chrome 101.0.4951.64
  3. GA默认对时间计算是按10抽样的 这是什么意思?
    vicky2021-06-30 11:50 回复 Windows 10 | Chrome 91.0.4472.114
    • Haran
      数据是抽样得出的
      Haran2021-06-30 14:54 回复 Mac OS X | Chrome 91.0.4472.114
  4. Google Analytics 4.0怎么与shopfiy店铺绑定?总说追踪代码不对
    janet2021-03-09 21:26 回复 Windows 10 | Chrome 89.0.4389.72
    • Haran
      还不支持。要用UA版本的
      Haran2021-03-09 21:28 回复 Mac OS X | Safari浏览器 604.1
  5. 1、转发部署和向多个MEASUREMENT ID发送数据是否需要同为GA4媒体资源之间,GA4与旧版GA能否进行? 2、如果1可以在不同版本间进行 向多个MEASUREMENT ID发送数据这种方式可否通过GTM进行? 我想在尝试GA4的同时也部署旧版GA,是通过GTM同时加载GA4和GA,还是向多个MEASUREMENT ID发送数据的方式? 另外倾向于使用GTM部署(因为想后续定义GA4事件和加载Optimize等方便些?) 谢谢解答~
    ERCHN2021-02-23 11:27 回复 Mac OS X | Chrome 89.0.4389.0
    • Haran
      1,只可以UA和GA4转发给GA4 2,向多个测量ID目前官方只提供直接加代码的方式。GTM可能暂未支持 推荐同时用GTM布署UA和GA4,这是官方推荐的模式
      Haran2021-02-23 11:32 回复 Mac OS X | Safari浏览器 604.1
  6. 现在使用的GTM部署universal analytics.可以直接关联V4的property吗?我在设置里是关联上的,不知道数据能不能同步过去
    Oscar2020-11-02 13:27 回复 Windows 10 | Chrome 86.0.4240.111
    • Haran
      不能,收集数据的信息都不同的,需要另布署
      Haran2020-11-02 13:32 回复 Mac OS X | Safari浏览器 604.1
  7. 为什么部署之后数据一直是0呢
    KindCire2017-07-06 19:28 回复 Windows 10 | Chrome 52.0.2743.116
    • Haran
      自己访问一下站点,然后去实时里面看,有数据就没问题
      GA小站2017-07-06 21:01 回复 Windows 7 | Chrome 49.0.2623.75
      • 访问站点之后还是没有呢
        KindCire2017-07-07 09:31 回复 Windows 7 | Chrome 53.0.2785.104
        • Haran
          代码部署不正确
          GA小站2017-07-07 10:06 回复 Windows 10 | Chrome 59.0.3071.115
          • 可以啦。多谢~
            KindCire2017-07-07 10:08 Windows 7 | Chrome 53.0.2785.104
  8. 教程从这一篇开始看就能一步一步学会用GA做数据分析吗?
    silence2017-02-19 23:03 回复 Windows 7 | 搜狗浏览器 2.X
    • Haran
      谁能给你打包票呢?
      GA小站2017-02-20 09:07 回复 Windows 10 | Chrome 55.0.2883.87