注册 GTM、GA

这是追踪按钮点击的基础步骤。创建GTM和GA账户，以便集成这些工具并开始数据追踪。

注册设置 GA 的教程👉🏻数据监控→GA 4 迁移和代码设置

已经有账号的此处可跳过

把 GTM 代码插入网站后台

通过在网站后台添加GTM代码，可以让GTM开始收集数据

网站安装插入代码插件

如果你使用了 SEO 工具，但是没有粘贴 GA和 填写 GA 代码的地方，就安装 add head & footer code插件（有类似插入代码插件也可以）

插入代码

成功标志

输入域名测试后，前面打勾即可

把 GTM 界面变为中文

方便后面的学习

设置变量👉🏻设置触发条件

在变量出创建新的变量

勾选点击下面所有的变量

为点击事件配置触发器

在触发器这里创建新的触发器

命名名字后开始设置

选择点击下面的所有元素

触发器配置条件为所有点击

找到触发按钮的变量

点击预览，这一步是为了去到具体的里面找到按钮的变量

这里是产品页面就输入产品页面的网站即可

连接成功标志

点击提交表单的按钮

回到 GTM 链接成功的标签页，复制 Click 变量下面的 click texts，我这里的是

点击这里

重新配置按钮的变量

上一步我们找到了按钮的变量，这里就可以定制变量，记录点击的数据。

在触发器中点击之前做好的触发器

如果要为特定的页面的特定按钮设置触发器

就多加两个条件来限制，比如 product ，就不会统计到 home 页面的点击按钮提交的操作，只统计产品详情页面的提交询盘

同理，只统计 home 来的页面，URL 就限定域名即可

为这个触发创建代码

这一步是为了关联 GA ，把点击的数据和 GA 链接起来，这样就可以在 GA 后台看到点击数据。

在代码处点击创建

命名后点击空白处的配置代码

选择 GA

选择 GA4 事件

在这里输入衡量 ID ，没有GA的也可以看教程自行创建

在这里一定要把衡量 ID 填对，把这个事件命名名字，这个事件名称会在 GA 后台出现

如果出现创建标记直接点击，修改命名即可，没有创建标记就直接点击下面的触发条件

选择之前我们设置好的触发条件

设置之后保存即可

测试

成功标志

提交代码

刚才我们做的都是草稿和测试环境，必须提交给 GTM 才会开始运行。

回到 GTM 提交代码即可

到 GA 就可以看到点击提交按钮的数据

其他问题

只使用了 Home 或者 Contact 页面的提交询盘按钮，其他页面的按钮也会生效吗？

主要看你的 Page URL 设置，如果限定了对应的页面且按钮的 class 设置正确会生效。

追踪 Elementor 提交表单

首先创建一个感谢页面，然后表单提交后跳转过去教程👉🏻感谢页面教程

回到 GA （https://analytics.google.com）后台，创建事件

成功标志

在无痕浏览器中访问感谢页面地址

在 GA 中标记感谢页面为转化

这样就可以在主页中看到转化次数