网站怎么用Google Tag Manager跟踪点击(事件跟踪)(新版GA4)
要在wordpress网站跟踪点击操作,比如提交表单,点击邮件链接等,可以按照以下步骤进行:
1. 确认点击变量
2. GTM中设置触发器
3. GTM中设置代码
4. 测试并发布
以下为具体操作:
一、 确认点击变量
要使用Google Tag Manager跟踪点击,第一步我们都是先确认这个按钮的变量,也即这个按钮独特的识别标志,比如click class, click id, click text等。
以跟踪如下图所示提交按钮点击为例

1. 先在GTM中设置所有点击的变量和触发器
打开GTM,点击左侧变量-配置

2. 点击类的变量全部勾选

3. 点击GTM左侧触发器-新建

4. 设置触发器名称并新建空白处开始新建触发器

5. 触发器类型选择“所有元素”

6. 选择所有点击,并点击右上角保存

7. 点击GTM右上角预览

8. 输入网址并点击Start

9. 到达预览中的网站后,做一下我们要跟踪的点击操作。
这里我们想跟踪这个表单的提交按钮的点击,所以我们就填写表单后,点击提交

10. 回到GTM中的预览界面,点击Continue

11. 在预览左侧找到我们刚才做的Click操作,然后查看这个Click操作的Variable,在这里我们可以看到这个按钮的click class, click id, click text等元素的值。
这个例子中,提交按钮的click id, click text, click url这些变量都没有值,只有click class和click element有值。
这里例子中Click class和click element都可以用作变量,我们选取click class来演示,所以我们复制click class的值,用于提交点击操作的触发器的设置。

二、在Google Tag Manager中设置触发器
1. 结束预览,回到GTM中,点击刚刚创建好的触发器

2. 修改触发器
触发器名称:点击提交按钮
触发条件:某些点击
Click Class包含:复制刚刚复制的click class变量
点击保存

三、GTM中设置代码
1. 点击GTM左侧 代码-新建

2. 设置代码名称并点击空白处开始新建代码

3. 选择代码类型: Google Analytics(分析):GA4事件

4. 代码配置选择之前建好的GA4代码并设置事件名称

5. 选择触发条件为刚刚设置好的触发器“点击提交按钮”

6. 点击右上角保存

7. 点击GTM右上角预览

8. 输入网址并点击Start

9. 在弹窗的预览网站中,做提交操作

10. 回到GTM预览界面,点击Continue

11. 点击左侧Click, 在Tags Fired中看到了刚刚提交的代码,说明成功触发代码,提交按钮点击设置正确

12. 回到GTM,点击右上角提交,发布代码

13. 设置GTM版本名称并点击右上角发布

发布成功后,大概10-30分钟后,可以在GA4的DebugView界面中看到,大概24小时后,可以在GA4的所有事件模块中看到