前言：
如今看官们对“js 如何主动触发点击事件”大体比较注重，同学们都想要了解一些“js 如何主动触发点击事件”的相关内容。那么小编在网上汇集了一些有关“js 如何主动触发点击事件””的相关资讯，希望各位老铁们能喜欢，小伙伴们一起来了解一下吧！在 GA中，“事件”是指用户与内容进行的互动，网页加载（网页浏览）除外。下载、点击链接、提交表单、加入购物车、点击Button以及播放视频都是可以作为“事件”进行分析的操作。
GA事件追踪常见有2种方式，一种是网站后台代码添加，一种是使用Google Tag Manager（简称GTM）。网站后台代码添加需要有专业的技术人员进行操作，GTM非专业技术人员也可以进行设置。本篇文章就GTM如何进行GA事件追踪进行完整介绍。
干货满满，不要错过哇~
GTM代码安装GTM事件追踪设置事件追踪效果查看
一、GTM代码安装
谷歌搜索Google Tag Manager通常排名第一位点击进入：
，接下来我们就开始GTM代码安装。
一）代码安装
Step1：首先您需要有一个GA账号，如果没有请现在开始创建。
Step2：点击Create Account，按照选项依次进行填写，其中Target platform选择Web，填写完毕后点击Create
Step3：出现弹窗Google Tag Manager Terms of Service Agreement，勾选底部的Accept框框，选择Yes
Step4：最后出现2段代码，一段代码放在<head>部分，一段代码放在<body>部分。请放置在网站所有页面中。
添加方式有很多种，
您或者专业技术人员放置在网站代码<head>和<body>中如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地址，如，点击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后台测试结果值
参考资料：
标签： #js 如何主动触发点击事件
