H5监测-热力图需求
<p><strong>热力图是以特殊高亮的形式显示用户在您APP中的点击位置或用户所在界面位置的图示，针对点击位置不同的点击情况，会使用不同的颜色区分展示。借助热力图，可以直观地观察到用户的总体访问情况和点击偏好。</strong></p>
<pre><code class="language-java">1、 监控访客的误点击行为； 通过热力图可以全面的查看APP中每个界面的整体访问情况和点击偏好。 可以直观地发现当前的界面布局是否存在访客误认为可以点击跳转的按钮或界面内容、结构布局不紧凑的情况。
2、广告、重点功能放在哪里既挣钱又美观，首屏每一个位置都寸土寸金，广告、重点功能放在哪里能既挣钱又美观，可以通过热力图直观地展示出来。
3、点击这个按钮的用户是从哪里来的？轻松了解当前点击情况，帮助准确决策。</code></pre>
<h2>热力图入口</h2>
<ul>
<li>页面列表页通过点击『点击热力图』和『滚屏热力图』跳转到对应热力图展示页面。
<img src="https://www.showdoc.cc/server/api/common/visitfile/sign/ff9690ec1b415025cbffe1d7516d3cf1?showdoc=.jpg" alt="" /></li>
</ul>
<h2>热力图展示</h2>
<h3>点击热力图</h3>
<p><img src="https://www.showdoc.cc/server/api/common/visitfile/sign/08566c94fde887ae061de1c2e6418e17?showdoc=.jpg" alt="" /></p>
<ul>
<li>
<p>时间筛选
分时间维度，数据有至少一天延迟；昨天，最近一周，最近一月，自定义时间段等</p>
</li>
<li>
<p>指标展示
页面点击数 、 页面浏览量</p>
</li>
<li>展示方式
基准：iphoneX尺寸
方式：坐标位置基于宽高做归一化；</li>
</ul>
<h3>滚屏热力图</h3>
<p>分析用户在页面某个区域停留的时间分布
<img src="https://www.showdoc.cc/server/api/common/visitfile/sign/89be7e7990fade1ae4e47cc9e8e3edd6?showdoc=.jpg" alt="" /></p>
<p>逻辑：页面停留时的区域间隔（高度）+ 时间
同一个屏幕内区分不同区域的曝光时间（广告可见曝光算法参考）</p>
<ul>
<li>处理方案：
a. 每个页面按高度均分成100份处理，总数为1，每一份则为0.01；
b. 假设第一次 [0,0.1] 总停留时长是 10s，则每一份区间的停留时长为1s，取其中一份的区间[0.08,0.09] 1s；
c. 第二次[0.05, 0.20]总停留时长是 30s，则每一份区间的停留时长为2s，也取其中一份的区间[0.08,0.09] 2s；
d. 计算两次[0.08,0.09]总停留时长是3s，平均停留时长1.5s。</li>
</ul>