接受CleverTap web push通知确认后浏览器权限弹窗延迟问题

1 前端触发逻辑排查 #

• 检查CleverTap SDK初始化时机：确认你是否在页面资源完全加载完成后才初始化CleverTap SDK？如果是把初始化逻辑放在window.onload或者非关键异步任务之后，会直接导致权限请求触发延迟，建议将SDK初始化前置到<head>标签的末尾，仅放在核心业务必需的脚本之后即可。
• 排查自定义触发逻辑的阻塞：如果你是通过自定义按钮点击事件触发web push权限申请，检查该点击回调中是否存在其他耗时同步任务、或者未加async的异步请求逻辑在权限请求之前执行，这些逻辑会阻塞浏览器权限弹窗的触发。比如你在回调里先调用了上报用户行为的接口，没有处理异步等待逻辑就会导致后续权限请求被卡住。
• 验证SDK调用参数：检查clevertap.webPush.promptPermission()的调用时机是否确实在用户确认接受push通知的操作回调中同步触发，不要把这个调用放到其他非实时触发的回调队列里。

2 浏览器策略相关排查 #

• 确认是否触发了浏览器的权限请求拦截策略：如果当前站点此前已经被用户拒绝过通知权限、或者站点属于浏览器判定的低信任度站点，部分浏览器会主动延迟权限弹窗的触发，或者直接静默拦截，你可以通过Notification.permission接口先获取当前权限状态，如果状态是denied就不需要再触发CleverTap的权限申请逻辑，避免无效等待。
• 排查站点的交互要求限制：Chrome、Edge等新版本浏览器要求权限请求必须由用户的真实交互动作（比如点击、触摸）触发，如果你是在页面加载完成后自动触发权限请求，浏览器会主动延迟或者拦截该请求，必须保证权限请求是在用户点击、提交等主动交互的回调中触发。

3 网络与SDK加载问题排查 #

• 检查CleverTap SDK的加载情况：如果是异步加载CleverTap SDK，要确认权限请求的触发是在SDK加载完成之后，如果用户点击确认的时候SDK还没加载完成，就会出现等待SDK加载完才触发弹窗的情况，你可以加一个SDK加载完成的监听回调，提前预加载SDK，避免用户触发的时候还在加载。
• 排查CleverTap服务端接口响应延迟：CleverTap的权限请求逻辑内部会先请求自家服务端做相关数据上报，如果你的用户网络环境访问CleverTap服务端接口延迟高，就会导致权限弹窗被卡住，你可以开启SDK的调试模式，查看控制台的接口请求耗时，确认是否存在接口超时或者响应过慢的问题。

• 提前预加载CleverTap SDK，将SDK加载逻辑放在页面加载的早期阶段，不要等到用户触发操作的时候才开始加载。
• 精简用户点击确认到权限请求之间的逻辑，移除所有非必需的前置任务，保证promptPermission()调用在交互回调的第一优先级执行。
• 针对低网速环境做降级处理：如果检测到SDK加载未完成，可以先给用户一个加载中的提示，避免用户以为操作没生效直接离开页面。
• 提前缓存用户权限状态，对于已经明确拒绝过权限的用户，直接跳过权限请求逻辑，不要做无效触发。

内容的提问来源于stack exchange，提问作者Deepankar Singh