在 GA中，“事件”是指用户与内容进行的互动，网页加载（网页浏览）除外。下载、点击链接、提交表单、加入购物车、点击Button以及播放视频都是可以作为“事件”进行分析的操作。

GA事件追踪常见有2种方式，一种是网站后台代码添加，一种是使用Google Tag Manager（简称GTM）。网站后台代码添加需要有专业的技术人员进行操作，GTM非专业技术人员也可以进行设置。本篇文章就GTM如何进行GA事件追踪进行完整介绍。

干货满满，不要错过哇~

• GTM代码安装
• GTM事件追踪设置
• 事件追踪效果查看

一、GTM代码安装

谷歌搜索Google Tag Manager通常排名第一位点击进入：

https://tagmanager.google.com，接下来我们就开始GTM代码安装。

一）代码安装

Step1：首先您需要有一个GA账号，如果没有请现在开始创建。

Step2：点击Create Account，按照选项依次进行填写，其中Target platform选择Web，填写完毕后点击Create

Step3：出现弹窗Google Tag Manager Terms of Service Agreement，勾选底部的Accept框框，选择Yes

Step4：最后出现2段代码，一段代码放在部分，一段代码放在部分。请放置在网站所有页面中。

添加方式有很多种，

1. 您或者专业技术人员放置在网站代码和中
2. 如WordPress, 您也可以选择第三方插件，整站进行GTM代码添加。

• 进入网站后台，选择Plugins——Add new
• 在搜索框中输入“Google Tag（Manager）”，呈现结果中会出现Google Tag Manager for WordPress，点击activate，出现的界面中选择Google Tag Manager for WordPress。在接下来的界面中输入相关值即可。

备注：不是所有后台都会有GTM插件，所以请按照网站实际情况进行添加

二）安装检测

代码安装之后我们需要检测代码是否安装成功，一般会有3种方式进行测试。

1、GTM后台检测

进入GTM后台，点击“Preview”

此处需要我们输入追踪网站URL地址，如https://www.wenjuntech.com/，点击Connect

最后跳转到网站（url带有尾缀?gtm_debug=），页面中会出现Tag Assistant Connected，连接成功（不需要在意菱形图片颜色，不同时刻颜色都会不同）。并新出现页面

tagassistant.google.com

2、插件查看

Chrome插件中安装插件也可查看，查看结果见下图。

（同一账号下网站较多，所以会出现多个结果）

3、代码查看

审查元素或源码中查看

二、GTM事件追踪

添加完GTM代码，接下来我们就可以进行事件追踪了。

一）首先确定网站中已经添加UA或GA4，如果没有请进行添加。此代码需要在网站所有页面中触发。

二）启动跟踪代码管理器来获取点击的网站数据

1、点击变量Variables

2、在内置变量部分中，点击配置Configure

3、选择点击类和点击 ID 内置变量Variables > Built-In Variables，点击Configure.--选择Clicks所有选项.

针对点击追踪，上述操作一次即可，后续再进行点击事件追踪可不用进行设置。

Variables > Built-In Variables > Configure

选中所有Clicks选项

三）创建一个新触发器Triggers，使用追踪按钮特有属性值时触发

特有属性值可以为Class、id或element等任意值. 一般特有属性值获取方式有2种：

• 审查元素查看点击按钮参数值

• 新建一个变量，设置为所有点击，Preview后在页面中点击测试需要点击的按钮。并在tagassistant.google.com中Summary查看刚刚的Click > Variables中查看所有Clicks的分类值.

针对“申请试用”追踪按钮我们可以选择Class参数，值为"shiyong_btn"。

OK，接下来我们进行新触发器Triggers设置.

1、依次点击触发器Triggers，接着点按“新建new”

Triggers > new

2、依次点击触发器配置 接着点按 点击Click - 所有元素all Elements

选择all Elements

3、当所有这些条件均为 true 时，启用此触发器：网页网址 接着点按 包含 接着点按此触发器的触发条件：

• 某些点击: Some Clicks
• 点击类: Click Classes
• 接着点按：包含contains(匹配正则表达式matches RegEx也可以）
• 接着输入Value值：shiyong_btn

备注：每个事件按钮都会有名称，触发条件您也可以添加条件：按钮名称Click Text.

4、保存触发器，并在看到提示后将其命名（一开始也可以进行命名）

四）代码Tags设置

创建一个代码Tags来捕获获得点击的ID属性值

1、依次点击代码Tags > 点击：新建new。

Tags > new

2、依次点击代码配置 接着点按 Universal Analytics （也可以选择GA4，相同操作）

这里你可以选择UA或GA4

3、将跟踪类型设置为事件Event。

填写事件Event跟踪参数：

• 类别：free apply
• 操作：Click
• 标签：此处未填{{Click ID}}

注意：大括号用于文本字段和自定义代码，以将有效的跟踪代码管理器变量名称替换为从事件中检索的相关值。

• 非互动命中：False (备注：官方是False，但True也可以）
• 输入GA（UA 或GA4）Tracking ID
• 选中前面设置的 触发器Triggers：click-apply

GA追踪时目标设置名称需与此处填写内容保持一致

GA UA Tracking ID获取截图示例

输入GA Tracking ID，并选中前面设置的触发器

五）发布容器

三、事件追踪效果查看

发布后我们需要测试一下是否成功。很赞，设置成功测试显示Tags Fired.

（如果没有设置成功，这里会提示Not Fired，结尾处会有介绍）

当然除了在tagassistant后台查看，您还可以使用Chrome插件，或者进入GA查看，GA后台中一般我们有3种方式查看：

1、实时Realtime > 事件Events（这里可以查看实时数据）

Realtime > Events

2、行为Behavior > 事件Events > 概览Overview（此处需要一段时间后才能看到）

Behavior > Events > Overview

3、Admin > Goals （此处需要设置）

切记，此处需与触发器中的事件Event跟踪参数设置保持一致

上述，一个点击事件追踪就设置成功啦！

当然如前面所说，不是所有时候我们都会成功设置，下面的截图就代表设置出错。但没关系，GTM后台会明确指出错误点，我们按照提示进行修改就可以啦。

提示Classes值错误，我们需要排查源码及GTM后台测试结果值

参考资料：

https://support.google.com/tagmanager/answer/6106716

https://www.youtube.com/watch?v=r87A-Ql2czg

https://zhuanlan.zhihu.com/p/352261734