手把手教你 Google Analytics 点击事件跟踪

图片来源：图虫创意

事件跟踪主要是指跟踪某些“点击按钮”的操作，比如说我们的目标的跟踪询盘操作，而我的网站上用户提交表单之后是没有成功页面跳转的，这时候我就可以跟踪用户点击“提交”的按钮来跟踪询盘情况。

GA事件跟踪要添加代码，添加代码常用方法有两种，一种是网站后台添加代码，一种是使用GTM添加，后台添加一般由专业的技术人员完成，使用GTM对于非技术人员也可以操作，所以我给大家分享的是借用 GTM完成G A的事件跟踪。

一、首先我们需要有一个GTM账号。

1.输入tagmanager.google.com进入GTM，创建GTM账号，点击创建账户

2.填写账号名称-选择地区-填写容器名称（网站域名）-目标广告平台（根据投放主体性质选择，电子商务一般选择网站）-点击创建

3.选择接受条款

4.账号创建完成后，将下图出现的两段代码按照分别的要求添加到网站上（让网站技术添加，熟悉的也可以自己添加）

二、接下来使用创建的GTM设置事件跟踪

1.找到我们要跟踪的按钮，如下图我要跟踪提交表单的“send”按钮，右击按钮，选择“inspect”查看按钮的源代码

2.找到按钮的class或id或click中的任意一个，双击会自动选择，然后将其复制即可。（会有多个不同的class/id/click，找到其中一个就可）

3.现在来到GTM上操作：选择变量-检查变量中有无点击变相关变量，若无-点击“配置”

4.把点击下的变量全部勾选

5.接着进行触发器设置

6.点击右上角按钮

7.

• 触发器类型选择点击-所有元素

• 选择某些点击

• 根据前面复制的变量来定，如我前面复制了按钮的“class”:click class-匹配正则表达式-粘贴前面复制的按钮“class”

• 命名该触发器，点击保存（命名要清晰明了）

8.接着进行代码设置：点击新建

9.选择UA

10. 跟踪类型选择“事件”

11. 时间跟踪参数根据要跟踪的操作性质来写，填写类别、操作，标签和值可不填，非互动命中选择“true”，Google Analytics设置选择GA的跟踪ID，如果之前添加过GA相关代码，这里是可以选择的，如果没有可选就“新建”，复制GA ID到此处，复制之后可以自己更改命名。

图片来源:Google Analytics

12.触发条件就选择前面添加的触发器，点击保存

13.这时候，在代码处就可以看到我们添加的代码了。但是还没有结束哦，我们要验证以下代码是否添加成功了，点击右上角的“预览”

14. 跳转到Tag Assistant的一个页面，这时候在网站上打开按钮所在页面并填写表单点击按钮提交，将网址复制到此处

15.显示“Connected”说明代码添加成功了。

注：如果按钮会在多个页面出现，，例如弹窗形式，每个页面都有不完全一样的网址，这时候我只需要填写相同的那一段URL就可以了。

以上图片来源:Google tagmanager

三、现在GTM事件代码的设置完成了，我们的GA的事件跟踪完成了一大半。现在，让我们回到GA上把剩下的设置完成！

1.选择“管理”-点击数据视图下的“目标”-新建目标

2.填写名字-选择“事件”-继续

3.根据前面在GTM上代码配置处的参数填写此处的目标信息，打开GTM直接复制过来（一定要一模一样）

4.可看到新建的的事件跟踪目标，至此，使用GTM设置GA的事件跟踪完成啦

以上图片来源:Google Analytics

（来源：孙谦）

​

收录于以下专栏
Google Analytics专栏 3 个内容 · 0 人关注 查看专栏

原标题：手把手教你 Google Analytics 点击事件跟踪

关键词：