【GTM系列-6】结合GTM和UA来统计独立站询盘数量: 跟踪按钮触发
接上文 【GTM系列-5】
那么如果不想另外做一个感谢页跳转, 我们如何去通过跟踪按钮的触发来跟踪询盘转化呢?
其实按照下列步骤一步步来的话, 要实现并不难
在这里需要重复告诫的一点是, 我们的目的是方便做数据分析, 我们不需要去深究那些网页元素操作的原理, 这并不是我们需要关注的对象
配置按钮触发跟踪与分析
上一篇中我们已经明确了询盘链路, 那么同理, 我们的跟踪目标就是 “询盘表单提交按钮“
这里我们还是用本站的 “查看全部文章” 按钮作为举例, 功能不同但原理基本相同
滑动右侧滚动条, 找到点击相关的选项, 全部勾选如图, 点击 “x” 返回当前界面
配置触发器
此时我们能看到刚才勾选的变量已经体现在页面中, 现在我们来点击 “触发器“, 然后点击右上角 “新建“
在左上角修改触发器的名字, 点击中间的灰色圆块, 在右侧弹出窗口中选择 “所有元素“, 然后返回页面直接选择 “保存“
进入debug mode
同样的, 点击工作区右侧的 “预览” 按钮 (注意是预览不是提交)
在这里填入你的网页地址, 注意这里是你的询盘表单按钮所在页面地址, 我这里按钮在首页, 所以我直接输入网址即可
外贸网站询盘表单一般在Contact页面, 需要注意
输入网址后点击 “Continue“, 自动打开一个新的浏览器窗口并自动打开我们输入的网页地址, 此时该窗口属于debug mode, 也就是我们说的工程模式
测试按下按钮
在这里我们直接模拟按下按钮, 如果是询盘发送表单, 还得填写好姓名邮箱和内容再点击, 否则有些表单是无法提交的, 参考上一篇中我们为了防止垃圾邮件询盘所做的努力
点击按钮之后就可以关闭这个弹出的浏览器, 或者点击右下角的 “Finish“, 回到之前的页面
获取按钮的Value值
依次点击左侧菜单栏中的 “Click” , 中间的 “Variables” 并复制 Click Classes 的数据层变量的值(Value), 黑框中那一长串值
理论上复制其他的值, 比如 “Click Element” 对应的 Value 也是可行的, 只要对应的值不为空即可
修改刚才新建的触发器
我们来修改刚刚新建的触发器, 直接点击黑框中的触发器
将触发条件修改为 “某些点击“, 注意核对 “Click Classes” 并将上文中获取到的Value值填入其中并 保存
新建GA4代码并应用
因为我们之前的代码都是全局代码, 而现在我们要统计的是某个单独事件而非全局网站的流量, 因此我们需要新建一个专门用来统计该事件的GA代码
新建代码的过程步骤也是大同小异, 整体演示一遍:
工作区左侧菜单中选择 “代码“, 右上角点击 “新建“
GA代码的配置部分稍有不同:
代码类型注意选择: Google Analytics (分析) : GA4 事件
配置代码选择我们之前建立好的代码, 如果你之前没有已经配置好的代码, 建议【GTM系列】从头看一遍, 看看问题出在哪里
事件名称可以自定义方便自己识别
触发条件选择我们刚刚才建立的触发器 “所有元素点击“
点击保存
测试代码效果
现在让我们来测试一下代码是否部署成功
还是重复上面的测试步骤: 点击工作区右侧的 “预览“, 然后 “Continue” , 再次在debug mode下新弹出的浏览器中按下需要测试的按钮, 然后返回页面
当 “Click” 页面下的右侧标签 Tags下分类 Tags Fired 出现该代码 并标注有 succeeded 即部署成功
提交并保存版本
最后老操作了, 提交并自定义命名发布即可
一般约30分钟后可以在GA数据分析视图中查看到
