与精益六西格码专家团队合作,我们希望通过测量特定结帐步骤上的用户交互时间来识别瓶颈。问题是必须手动收集每个步骤的用户交互时间数据是不可能的。
这个想法是使用 JS 自动测量每个结账步骤的用户交互时间并存储数据进行分析?
我们给你带来了这个代码:
function measureStepTime(elementId) {
const element = document.getElementById(elementId);
let startTime;
element.addEventListener("focus", () => {
startTime = performance.now();
});
element.addEventListener("blur", () => {
const endTime = performance.now();
const interactionTime = endTime - startTime;
console.log(`Interaction time for ${elementId}: ${interactionTime}ms`);
// You can further store this data in an array or send it to an analytics tool
});
}
// Example usage for a shipping information form
measureStepTime("shipping-info-form");
目标是:
您最好去集成类似 https://www.smartlook.com/ 或任何其他体面的用户交互跟踪软件组件。 Smartlook 非常容易集成,并且不会破坏您的速度指标。
作为一个管理团队,它将为您提供关于用户如何与电子商务网站交互以及在结帐过程中的执行视图。它不仅会详细跟踪交互时间,还会为您提供交互热图、漏斗分析、人口统计、错误跟踪等。 pp.