Google Analytics 4 事件跟踪系列④—— 自定义事件(硬编码方法)

Google Analytics 4 黄业忠 6年前 (2017-01-24) 15551次浏览 4个评论

更新时间:2022年11月27号

什么是自定义事件

自定义事件就是根据你的需求自定义事件名称和事件参数,去跟踪用户的交互。

在使用自定义事件之前,一般会先看自动收集事件、增强衡量事件和推荐事件是否能满足需求,如果不能满足的时候才使用自定义事件跟踪。

事件的规则

Google Analytics 4 事件跟踪系列④—— 自定义事件(硬编码方法)

事件由事件名称和事件参数构成,每个事件最多可以设置25个事件参数

Google Analytics 4 事件跟踪系列④—— 自定义事件(硬编码方法)

事件名称长度:最多40个字符,如果事件名称超过 40 个字符,系统不会将该事件报告为转化(如果您将事件标记为转化),因为缺少附加的“_c”。

事件参数可以分为:

  • 文本型,最多40个字符,限额50个,事件参数在命名的时候需要采用page_url这样的格式,不能出现空格,如page url,这样会导致不能注册事件参数
  • 数值型,最多100个字符/长度,限额50个

自定义事件跟踪的事件方法有很多,这一节介绍硬编码的方式。

GA4中硬编码做事件跟踪

硬编码跟踪有个前期:需要将gtag的跟踪代码直接部署到所有页面,就是不能使用GTM去部署GA4,这样才可以调用gtag函数,如果你是通过GTM部署GA4,那么这种方式不适合你。

硬编码添加事件跟踪代码

GA4的硬编码写法是:

gtag('event', 'click', {
  'event_parameter1': 'book retailer',
  'event_parameter2': 'Barnes&Noble',
  'event_parameter3': 5,
  ……
});

事件由事件名称和事件参数构成,每个事件最多可以设置25个事件参数,关于事件规则和限额,请看:Google Analytics 4 事件跟踪系列⓪—— GA4事件的规则和限额。

 

上述格式事件跟踪代码添加在你需要跟综的位置,假设现在要跟踪演示里的“GA4 硬编码事件跟踪”的点击:

Google Analytics 4 事件跟踪系列④—— 自定义事件(硬编码方法)

将事件名称定义为hard_code_event,事件参数定义为parameter1,值为“GA4硬编码事件跟踪”,完整的代码如下:

gtag('event', 'hard_code_event ', {
  'parameter1': 'GA4硬编码事件跟踪'
});

将鼠标移动到需要跟踪的位置,点击鼠标右键——检查:

Google Analytics 4 事件跟踪系列④—— 自定义事件(硬编码方法)

跟踪位置的代码就是:

<a  href="links"><a href="https://www.ichdata.com/tag/ga4" title="查看更多关于GA4的文章" target="_blank">GA4</a> 硬编码<a href="https://www.ichdata.com/tag/%e4%ba%8b%e4%bb%b6%e8%b7%9f%e8%b8%aa" title="查看更多关于事件跟踪的文章" target="_blank">事件跟踪</a></a>

添加事件跟踪代码后:

<a  href="links" onclick="gtag('event', 'hard_code_event ', { 'parameter1': '<a href="https://www.ichdata.com/tag/ga4" title="查看更多关于GA4的文章" target="_blank">GA4</a>硬编码<a href="https://www.ichdata.com/tag/%e4%ba%8b%e4%bb%b6%e8%b7%9f%e8%b8%aa" title="查看更多关于事件跟踪的文章" target="_blank">事件跟踪</a>' });">GA4 硬编码<a href="https://www.ichdata.com/tag/%e4%ba%8b%e4%bb%b6%e8%b7%9f%e8%b8%aa" title="查看更多关于事件跟踪的文章" target="_blank">事件跟踪</a></a>

注:移动端访问会导致代码乱码,请从桌面端访问。

添加后的效果:

Google Analytics 4 事件跟踪系列④—— 自定义事件(硬编码方法)

 

预览调试

在GTM中点击右上角的「预览」

Google Analytics 4 事件跟踪系列④—— 自定义事件(硬编码方法)

进入调试状态后,点击「GA4硬编码事件跟踪」,然后返回到GA4里,点击「配置」——「DebugView」:

 

Google Analytics 4 事件跟踪系列④—— 自定义事件(硬编码方法)

在秒流里可以看到事件hard_code_event,表示事件成功触发。

需要注意:硬编码做事件跟踪,在Tag Assistant里是看不到触发代码,所以需要在DebugView里调试。

 

发布

在GTM中点击右上角的「提交」,将配置发布出去。

Google Analytics 4 事件跟踪系列④—— 自定义事件(硬编码方法)

注册事件参数

接下拉就是注册事件参数,事件hard_code_event只要一个事件参数c,是文本型的,所以注册为自定义事件级别自定义维度。

GA4中点击「管理」——「自定义设置」——「创建自定义维度」,然后做如下设置:

Google Analytics 4 事件跟踪系列④—— 自定义事件(硬编码方法)

 

验证数据和报告查看

由于GA4的数据延时,数据需要24小时候才会出现在报告中。

GA4中点击「报告」——「生命周期」——「互动度」——「事件」,可以在事件报告中找到事件“hard_code_event”:

 

小结

硬编码事件跟踪有两个缺点:

  • 需要开发在源码添加事件跟踪代码,然后发新版,所以非常繁琐,不便于管理,而且页面代码加多后,维护不方便
  • 硬编码事件跟踪要求gtag代码也是硬编码部署的,如果你是用GTM部署GA4,那么不适用使用硬编码做事件跟踪

所以,我是不推荐使用这种方式去做事件跟踪,建议使用GTM/Adobe Launch等标签管理系统去做事件跟踪。


喜欢 (6)

您必须 登录 才能发表评论!

(4)个小伙伴在吐槽
  1. 请问大神gtag如何改呢
    ytkah2020-04-29 14:17 Windows 10 | Chrome 81.0.4044.122
    • 参考页面硬编码的形式,直接在需要跟踪的位置添加事件跟踪代码
      GA小站2020-04-29 16:22 Mac OS X | Chrome 81.0.4044.122
      • 可以举个例子吗
        ytkah2020-05-06 14:51 Windows 10 | Chrome 81.0.4044.129
        • https://www.ichdata.com/docs/ga-practice-guide/chap2/event-tracking
          GA小站2020-05-06 22:25 Mac OS X | Chrome 81.0.4044.129