揭秘！如何用Flutter设计一个100%准确的埋点框架？

那么我们的问题就是如何算出坑位在屏幕内曝光面积的比例。要算出这个值，需要知道以下几个数值：

• 容器相对屏幕的偏移量
• 坑位相对容器的偏移量
• 坑位的位置和宽高
• 容器的位置和宽高

其中坑位和容器的宽和高很容易获取和计算，这里就不再累述。

获得容器相对屏幕的偏移量

//监听容器滚动，得到容器的偏移量 
double 
 _scrollContainerOffset = scrollNotification.metrics.pixels; 

获得坑位相对屏幕的偏移量

//曝光坑位Widget的context 
final 
  
RenderObject 
 childRenderObject = context.findRenderObject(); 
final 
  
RenderAbstractViewport 
 viewport =  
RenderAbstractViewport 
.of(childRenderObject); 
if 
 (viewport ==  
null 
) { 
   
return 
; 
} 
if 
 (!childRenderObject.attached) { 
   
return 
; 
} 
//曝光坑位在容器内的偏移量 
final 
  
RevealedOffset 
 offsetToRevealTop = viewport.getOffsetToReveal(childRenderObject,  
0.0 

逻辑判断

if 
 (当前坑位是invisible && 曝光比例 >= { 0.5) 
 
记录当前坑位是visible状态 
 
记录出现时间 
 
}  else if (当前坑位是visible && 曝光比例 <  0.5 ) { 
 
记录当前坑位是invisible状态 
 
if (当前时间-出现时间 >  { 500ms )
 
 
调用曝光埋点接口 
 
} 
 
} 

点击坑位

（编辑：惠州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!