我正在尝试制作一个快速可视化工具,用于获取页面信息,根据用户的光标位置实际滚动的位置。最终的输出将是类似
的东西!https://www.crazyegg.com/images/pricing/scrollmap.png
我在如何从用户获取数据以将其保存在数据库中的逻辑中存在问题。 我确实尝试过,每个瞬间获取光标位置并将其保存在数据库中,但要存储的数据量很大。
根据在某个位置花费的时间显示滚动信息对我来说可能的解决方案是什么?
我实际上并不是要求一段代码,只是逻辑,可以在这里实现。
由于
答案 0 :(得分:0)
你建立的逻辑对我来说听起来不错,这只是数据间隔和意义的问题。
您正在尝试收集统计分析数据,问题是您的最终结果需要多少数据才有意义?每纳秒真的那么重要吗?可能不是,每1/2声音对我来说更好,当然这取决于你得到的结果,所以需要保持间隔容易改变。
以同样的方式保持像素位置的精确像素是有意义的吗?当用户停留在某个区域查看图片或阅读文本时,用户是否会稍微移动一下?也许,你可以简化位置,而不是从网格,而是当前光标位置和最后记录的光标位置之间的差异,如果差异太大,那么用户已经改变了区域。
或甚至更好地添加相对差异,如果在2个刻度之间用户移动到左边10个像素,那么你添加到总负值差异,如果在滴答之后他将15px向右移动,然后添加一个正差异,意味着绝对总数只有5px的移动,不足以说用户改变了区域。当然,你需要保留2个小计,一个用于水平移动,一个用于垂直移动,然后确定用户是否用两个绝对小计改变了区域,但是你明白了。
至于数据的意义,你是否需要保留用户在一个区域中花费的所有时刻而不滚动?如果没有,则只保留最后一个区域和时间,并仅在用户滚动时将其发送到DB上。
希望我有所帮助,而不是混淆> _>