教程: 怎么添加 Google Analytics 谷歌分析工具的行为事件 (Event)

时间:2021-11-26 来源:未知网络 作者:996建站网

在日常运营过程中,为了能够更加清楚地了解用户跟你的网站的互动情况,经常是需要追踪用户的点击数据,比如某个导航栏的 button 点击情况,点击播放视频等。

运营同学该如何配置 Google Analytics 谷歌分析工具的行为事件 (Event) 呢?

本文给大家演示如何通过 Google Tag Manager (跟踪代码管理器),在 WordPress 创建的页面上添加行为事件 (Event)。

使用到的工具:

  • · Google Analytics 谷歌分析工具(本次案例介绍 Universal Analytics, 后续会出新版的 Google Analytics 4 的案例)
  • · WordPress 建站工具
  • · Google Tag Manager (跟踪代码管理器,文中简称为 GTM) :

Google 谷歌的跟踪代码管理器,无需开发工程师修改网页、App 源代码即可植入代码。支持添加 Google Analytics 谷歌分析的各种埋点,数字营销运营同学可在短时间内自己进行埋点、测试再到部署。

(使用 GTM 的好处)

建议统一用一套埋点工具,如果部分是 hard code .gtag 的事件埋点,建议迁移到 Google Tag Manager 统一管理。所有埋点通过 GTM 发布,增、删、改、查无需修改网站。

教程: 怎么添加 Google Analytics 谷歌分析工具的行为事件 (Event)插图

实操步骤:怎么添加 Google Analytics 谷歌分析工具的行为事件(Event)?Part 1 – 新建 GTM 触发器(Trigger)STEP 1:在网页上添加需要追踪点击数据的触发条件:在 WordPress 上给按钮添加唯一的 CSS ID(以确保当用户只在点击这个按钮时推送数据到 GA)

教程: 怎么添加 Google Analytics 谷歌分析工具的行为事件 (Event)插图1

(PS. 如果不是用 WordPress 而是手写代码的页面,那么就让开发在写代码的过程中,给这个按钮加一个唯一的 ID 标识)

添加好 ID 后,用 Google Tag Manager 跟踪代码管理器验证添加的 CSS ID 在点击这个按钮的时候是否被正确地捕捉到:

教程: 怎么添加 Google Analytics 谷歌分析工具的行为事件 (Event)插图1

打开 Google Tag Manager,点击 "预览" 打开 Debugger

点击添加了 CSS ID 的按钮,在 Debugger 中找到该点击的 "Variables"

看看 Click ID 和 CSS ID 是否匹配上

教程: 怎么添加 Google Analytics 谷歌分析工具的行为事件 (Event)插图2

STEP 2:在 Google Tag Manager 中配置点击事件

1. 在 Google tag manager 配置触发器(Trigger)

为什么要配置触发器? 配置触发器(Trigger)是为了告诉 Google Tag Manager 什么时候要推送点击数据到 GA 谷歌分析平台中(比如,当用户在点击按钮时推送数据)

教程: 怎么添加 Google Analytics 谷歌分析工具的行为事件 (Event)插图1

点击 "触发器配置" 的空白处 – > 点击分类下的 "所有元素"

教程: 怎么添加 Google Analytics 谷歌分析工具的行为事件 (Event)插图2

选择 "某些点击",配置触发条件为:

Click ID 包含 2021-SEO

( 2021-SEO 为配置的按钮的 CSS ID)

配置好了保存后触发器就创建好了。

教程: 怎么添加 Google Analytics 谷歌分析工具的行为事件 (Event)插图1

Part 2 – 新建 GTM 代码(Tag)

在 Google Tag Manager 的 代码 (Tag) 模块点击 "新建" ,创建一个点击事件的代码

点击 "代码配置" -> 选择 Google Analytics(分析):Universal Analytics -> 选择 "事件" 跟踪类型

教程: 怎么添加 Google Analytics 谷歌分析工具的行为事件 (Event)插图2

接下来就可以配置 要在 Google Analytics 中的展示 Event 事件数据:

事件跟踪参数

  • · Event Category (事件分类)
  • · Event Action (事件操作)
  • · Event Label (事件标签)

Google Analytics(分析)设置:

GA 的跟踪码 UA-XXXX,可以手动输入 UA-XXXX,也可以在 "变量" Variables 中配置好,每次用的时候选择这个 配置好的变量即可

教程: 怎么添加 Google Analytics 谷歌分析工具的行为事件 (Event)插图1

(Event Label 用的是 GTM 内置的变量 Page URL,可以准确知道访客在哪些页面点击的按钮)

触发条件选择前面已经创建好的触发器 Trigger,到这一步代码 Tag 就创建好了,点击报存。

教程: 怎么添加 Google Analytics 谷歌分析工具的行为事件 (Event)插图1

Part 3 – 验证添加的点击事件

点击 "预览" 打开 Debugger, 点击已经配置好事件追踪的按钮,验证添加的代码 Tag 是否运行成功

如果 Tag 成功被触发(归类到 Tag Fired 中),说明你已经成功追踪了这个按钮的点击数据

教程: 怎么添加 Google Analytics 谷歌分析工具的行为事件 (Event)插图2

教程: 怎么添加 Google Analytics 谷歌分析工具的行为事件 (Event)插图1

Part 4 – 在 Googl Analytics 中查看添加的数据:

发布后可以在正式环境 Realtime reports 实时报告中,实时验证刚刚添加的点击数据:

教程: 怎么添加 Google Analytics 谷歌分析工具的行为事件 (Event)插图1

也可以在 Behavior -> Events 中查看所有的 Event 数据

教程: 怎么添加 Google Analytics 谷歌分析工具的行为事件 (Event)插图1

那么现在运营同学自己该知道如何配置 Google Analytics 谷歌分析工具的行为事件 (Event)。

原文:

关注后私信我 "谷歌分析" 可获得:【Google Analytics 谷歌分析实践:从数据分析逻辑到实践学习资料

更多原创干货:

  • 旋哥:如何通过 Google Analytics 谷歌统计使用 gtag 设置 “事件跟踪”?
  • 旋哥:新版 Google Analytics 4 的 4 大核心优势(含如何更新到GA4指引)
  • 旋哥:数据分析的核心思路

教程: 怎么添加 Google Analytics 谷歌分析工具的行为事件 (Event)插图3

微信扫一扫 关注公众号

微信扫一扫 使用小程序

百度扫一扫 使用小程序