手动事件跟踪的优点

手动编辑和设置事件代码允许对事件设置进行更多自定义。另外，如果你想测量有效事件（例如，你想在表单输入页面上填写表单后点击提交按钮的事件），或者如果你只想测量visual中元素的点击事件，建议手动设置事件。

手动事件设置的使用场景

• 1测量完成表单后提交按钮的点击作为一个事件；或衡量支付完成或成功登录作为一个事件。
• 2如果停留时间超过 X 秒，则将其作为一个事件进行测量。
• 3将特定时间段内的登录次数作为事件进行测量。

如何手动设置事件

首先，确定要设置事件的位置。比如按钮点击的情况，需要在对应的按钮元素中设置事件，如果要在停留时间为X秒时跟踪事件，则设置一个逻辑为“停留时间”的事件标签X 秒”在相应页面的 HTML 源代码中。
事件标签的格式如下，但您可以根据需要自由添加自己的触发条件。

_pt_sp_2.push('setCustomEvent',{eventName:'event name'})

• 1在 html
  代码示例中设置手动事件（测量购买按钮的点击次数）<button id="btnLogin" onclick="_pt_sp_2.push('setCustomEvent',{eventName:'purchase'})">login<button>
• 2对于原生 JavaScriptdocument.getElementById('btnLogin').addEventListener('click',function () {
_pt_sp_2.push('setCustomEvent',{eventName:'purchase'});
});

其他 JavaScript 框架/类库和原生 JavaScript 的用法基本相同。请参考下图作为设置图像。

注意：
1. 添加标签时，请插入半角空格，注意不要断行，因为断行不会执行标签。
如果您想使用编码事件来衡量访问数据（例如，在页面加载完成后触发事件），请添加如下计时器以正确衡量事件。
setTimeout(function(){
_pt_sp_2.push('setCustomEvent',{eventName:'event name'});
},3000)

检查您是否正确设置了它。

设置事件后，让我们检查代码是否正确触发。您通常可以从网站和产品管理屏幕上查看。

检查网站：。
打开开发工具并在“网络”下搜索“pte”，触发事件并检查“te”包是否存在。如果它存在，您可以看到该事件被毫无问题地触发。您还可以通过解码请求有效负载的内容来检查事件名称。

Check in the product： .
如果相应事件的数据在产品中得到了正确的反映，可以看到该事件也是测量出来的，没有任何问题。