WordPress怎么安装GA4和GTM?Site Kit、手动代码和Tag Manager三种方法

蜗牛大人WordPress建站教程

网站上线之后,下一个要装的就是统计工具。你需要知道:每天多少人来、从哪里来、看了哪些页面、有没有人提交询盘。Google Analytics 4(简称GA4)是最常用的免费方案。

装GA4不难,难的是选方法:Site Kit、手动粘贴代码、Tag Manager,三种做法都能用,但不能叠加。本文先讲怎么在GA4里创建所需的东西,再讲三种安装方法怎么选。

用GA4需要Google账号,GA和Tag Manager的后台在国内访问可能不稳定,需要用能正常访问Google的网络环境来操作。装好之后,数据是在网站被访问时收集的,和你自己用什么网络无关。

先弄清楚几个名词

  • GA4:Google Analytics 4,现在唯一的Google Analytics版本;
  • 衡量ID:以G-开头的一串ID,网站的统计代码靠它把数据发到对应的GA4数据流;
  • GTM:Google Tag Manager,一个管理网站上各种统计代码、广告代码的工具,GA4代码可以放在里面;
  • 容器ID:GTM里的ID,以GTM-开头;
  • Site Kit:Google官方的WordPress插件,能连接Analytics、Search Console、PageSpeed Insights、Tag Manager等。

第一步:创建GA4账号、属性和数据流

不管后面用哪种方法安装,这一步都要做。

  1. 用Google账号登录analytics.google.com,在「管理」里创建账号,填账号名称;
  2. 创建媒体资源(属性),填名称,选择报告的时区和货币。时区选你主要看数据的时区即可;
  3. 添加数据流,选「网站」,填入网站网址和数据流名称。如果开启了「增强型衡量」,GA4会自动收集页面浏览、滚动、出站点击等事件,建议保持开启;
  4. 创建后,打开这个数据流,在「数据流详情」里复制衡量ID,格式是G-XXXXXXXXXX。

Google官方的说明里,创建完成后数据最多可能需要30分钟才会出现在报告中。

三种方法怎么选

方法适合优点缺点
Site Kit插件只想看流量,不想碰代码最省事,点几下登录授权就行,同时能看到Search Console数据多一个插件,每个管理员要连自己的Google账号
手动粘贴GA4代码想自己控制,不想多装大插件轻量,只有一段代码要用代码片段插件或改主题
Google Tag Manager要管理Google Ads、Meta像素等多个代码,或要追踪按钮点击、表单等事件以后加代码不用再改网站稍复杂,要多学一个工具

只选一种。 同时装多种,页面浏览量会被重复计算,数据就不准了。

方法一:用Site Kit插件(最省事)

  1. 后台「插件 → 安装插件」,搜索Site Kit by Google,安装并启用。这是Google官方的WordPress插件,要求WordPress 5.2以上、PHP 7.4以上,网站必须公开可访问,REST API正常;
  2. 按提示点击「Start setup」,用Google账号登录并授权。需要用到的是网站所有者的账号,每个管理员要连接各自的Google账号;
  3. 先连接Search Console,再在「Site Kit → 设置」里连接Analytics,选择你刚创建的GA4属性和数据流;
  4. 完成后,Site Kit会自动把统计代码加到网站上,不需要手动粘贴代码。

官方提示数据可能需要几天才能在Site Kit里完整显示,不要因为刚装完看到是空的就以为失败了。

如果你还没注册Search Console,Site Kit连接时会顺便验证网站。提交站点地图的方法见《XML Sitemap怎么提交到Google Search Console》。

方法二:手动粘贴GA4代码

  1. 在GA4里,打开数据流,找到「查看代码说明」(Google代码的安装说明),选择「手动安装」,复制完整的Google代码;
  2. 把这段代码放在网站每个页面的<head>标签里。Google官方的说法是紧跟在<head>标签后面;
  3. WordPress里最安全的做法是用代码片段插件(比如WPCode,旧名Insert Headers and Footers):在「Header」区域粘贴代码,保存即可。不要直接改主题的header.php,主题更新或更换后,改动会丢失;
  4. 有些主题自带「头部脚本」输入框,也可以粘贴在那里。

有些SEO插件和主题的设置里也有「Google Analytics」字段,如果你已经在那里填了衡量ID,就不要再手动粘贴一遍。比如Rank Math可以连接GA4,如果用了它,不要再装别的,设置见《Rank Math设置教程》。

方法三:用Google Tag Manager

适合要同时管理多个代码,或需要追踪点击、表单事件的网站。GTM的思路是:网站上只装一次GTM的代码,其他统计和广告代码都在GTM后台里添加,不用再改网站。

1. 创建GTM账号和容器

  1. 登录tagmanager.google.com,创建账号,填账号名称和国家;
  2. 创建容器,容器名称填网站域名,目标平台选「Web」;
  3. 接受服务条款,进入工作区,在右上角能看到容器ID,格式是GTM-XXXXXXX。

官方说明:一个网站一个容器就够,不需要每个页面都建。

2. 把GTM代码装到WordPress

GTM的安装代码有两段:

  • 第一段:放在<head>里,尽量靠前,紧跟在开头的<head>标签后面;
  • 第二段:是<noscript>,放在<body>开始标签的后面,给禁用JavaScript的访客用。

在WordPress里有两个比较省事的做法:

  1. 用Site Kit:它支持连接Tag Manager,不用手动改代码,连接后在Site Kit里选择你的容器即可;
  2. 用代码片段插件:比如WPCode,找到头部(Header)和主体(Body)开头的代码位置,分别粘贴两段代码,具体名称以插件界面为准;

安装后在GTM的安装窗口里输入网站网址点击「Test」可以检查,官方也提供这个检测。

3. 在GTM里添加GA4代码

  1. 在GTM工作区点击「新建代码」;
  2. 代码类型选Google Analytics 4相关的类型(新版叫「Google代码」),填入G-开头的衡量ID;
  3. 触发条件选「所有页面」;
  4. 点「预览」(Preview)进入调试模式,输入网站网址,看代码有没有触发;
  5. 确认无误后点「提交」(Submit),发布这个版本。

注意:用了GTM加载GA4,就不要再通过Site Kit或手动粘贴的方式装GA4。 一个页面只能有一种GA4的来源。

验证数据有没有进来

装完无论用哪种方法,都要验证。

  1. 清除网站缓存。如果装了缓存插件,要先清一次,否则访客看到的还是没有统计代码的旧页面,缓存的清理顺序见《Hostinger网站提速》;
  2. 用另一个浏览器窗口,或者用手机流量访问你的网站,随便点几个页面;
  3. 回到GA4,打开「报告 → 实时」,应该能看到有1位用户在线;
  4. 看网页源代码,搜G-或GTM-,确认只出现一次对应的ID。出现多次,就是重复安装了,要去掉多余的;
  5. 如果实时报告一直没有数据,检查:衡量ID有没有填错、缓存有没有清、浏览器的广告拦截插件是否把统计脚本拦截了(可以换个没装拦截插件的浏览器测试)。

装好后建议马上做的三件事

1. 把询盘设成关键事件

只看访客数量没有意义,外贸网站真正要看的是有多少人发了询盘,他们是从哪里来的。最简单的做法:

  1. 询盘表单提交成功后,跳转到一个感谢页,比如/thank-you/,这个设置见《WordPress询盘表单怎么做?》;
  2. 在GA4里,感谢页的浏览就是一个page_view事件,你可以基于它创建一个单独的事件,比如generate_lead,条件是页面路径包含/thank-you/;
  3. 在GA4的事件列表里,把这个事件标记为关键事件(Key event,旧名叫「转化」)。Google的定义是:任何你收集的事件,都可以成为关键事件,用来衡量对业务特别重要的行为。

这样,GA4的报告里就能看到哪个渠道、哪个页面带来了询盘。

用GTM的话,也可以用GTM的触发条件(页面网址包含/thank-you/)来发送事件,再在GA4里标记为关键事件。

2. 排除自己的访问

你自己反复打开网站、测试表单,会让数据失真。GA4里可以定义内部流量,并创建数据过滤器把它排除。官方提醒两点:

  • 过滤器只对创建之后的数据有效,不会影响历史数据;
  • 一旦应用,对数据的影响是永久的,被排除的数据再也找不回来。所以先用「测试」状态观察,确认没问题再激活。

如果你是动态IP,这个办法不稳定,可以退而求其次,在看报告时用自己的设备筛选排除。

3. 把GA4和Search Console关联

关联之后,能在GA4里直接看到搜索关键词、展示次数、点击这些搜索数据。用Site Kit的话,两者在插件里就已经连通了。

隐私和Cookie

GA4会收集访客的信息,用到了Cookie。面向欧盟、英国等地区的网站,通常需要在访客同意之后才加载统计,并在隐私政策里说明用了哪些工具。具体合规要求,不同地区不同,建议咨询专业人士。

如果不想用Google的工具,也有不依赖Cookie、更注重隐私的统计方案,可以自行了解。

常见问题

GA4和GTM一定要两个都装吗?

不需要。只想看流量,GA4用Site Kit或手动代码装好就行。GTM适合需要管理很多代码、追踪点击和表单的网站,要用就把GA4放在GTM里。

装了之后实时报告有数据,但标准报告是空的?

标准报告有延迟,通常要等24到48小时才会有完整数据。实时报告能看到数据,就说明代码装对了。

网站用了缓存插件,看不到统计?

清除缓存。有的缓存插件有「排除脚本」的设置,如果脚本被延迟或合并出错,也会导致统计失效,可以先关掉相关优化再测。

Site Kit和手动代码可以同时装吗?

不可以,会重复计算。选一种,另一种要停用或删除。

GA4的数据准吗?

只能做参考。有人用广告拦截插件、有人拒绝了Cookie,这部分访客不会被统计。看趋势和渠道比例,比纠结具体数字更有意义。

GA4里的「转化」去哪了?

Google现在叫「关键事件」(Key events),意思基本一样,指对业务重要的行为。

总结

  1. 先在GA4创建账号、属性和网站数据流,拿到G-开头的衡量ID;
  2. 三种安装方法只选一种:Site Kit最省事、手动代码最轻、GTM适合管理多个代码;
  3. 装完清缓存,在实时报告里验证,并在网页源代码里确认ID只出现一次;
  4. 把询盘感谢页设成关键事件,排除自己的访问,关联Search Console;
  5. 面向欧美的网站,别忘了隐私政策和Cookie提示。

上线之后的其他步骤,见《WordPress建站流程和教程汇总》。

文章版权归作者所有,转载请注明出处:https://woniune.com/posts/wordpress-ga4-gtm-setup/
上一篇WordPress常见报错汇总:数据库连接错误、白屏、500、维护模式卡住怎么解决

相关推荐