自定义事件

除了页面浏览量之外，Data4 还能追踪网站上发生的事件。Data4 有两种方式记录事件：使用数据属性 (data attribute) 或使用JavaScript。

限制

• 事件名称限制为 50 个字符。
• 如果没有事件名称，则无法发送事件数据。

使用数据属性

要启用自定义事件，只需向要跟踪的元素添加特殊的数据属性。

例如，您可能有一个带有以下代码的按钮：

<button id="login-button">Login</button>

添加具有以下格式的数据属性：

data-data4fun-event="event name"

所以你的按钮元素现在看起来应该是这样的：

<button id="login-button" data-data4fun-event="Login button">Login</button>

您可以选择使用data-data4fun-event-* 传递​​event data。

data-data4fun-event="Login button"
data-data4fun-event-email="data4@data4.com"
data-data4fun-event-id="123"

将附加属性 { email: 'data4@data4.com', id: '123' } 与名称Login button一起记录下来。

注意

• 使用此方法，所有事件数据都将保存为字符串。如果您想将事件数据保存为数字、日期、布尔值等，请使用以下 JavaScript 方法。

• 元素内部的其他事件监听器将不会被触发。

使用 JavaScript

您也可以使用对象手动记录事件window.data4fun。要完成与上述 data-* 方法相同的操作，您可以执行以下操作：

const button = document.getElementById('login-button');

button.onclick = () => data4fun.track('Login button');

如果想要添加附加属性，可以把属性添加到track的第二个参数，第二个参数为对象，对象内的属性支持数字、字符串、布尔值类型，如下：

data4fun.track('Login button',{
  email: 'data4@data4.com', // string
  id: 123, // number
  isNewUser: true // boolean
})

注意：事件名称必须为string类型！

查看活动

一旦您的活动被记录下来，可以在概览/对比-行为类别模块查看事件统计结果。

1、概览页面

2、对比页面