腾讯有数官方文档

内嵌H5 web-view 页面上报

Warning
  • 打开webview之前,确保小程序已经执行了 startReport()

  • 自动监听页面变化事件,不需要用户单独上报。

  • 自定义上报调用 track 接口

使用方式

  • 在使用 webview 组件的页面中,对 webview 组件的 prop src 作如下加工:

// pageA.js
onWebViewShow() {
  // webview src
  const src = "https://www.a.com/productDetail"

  this.setData({
    src: `${src}?${app.sr.getInfo()}`
  })
}
  • 在内嵌的页面中引入 webview SDK,如下:

// index.html
<script src="https://sr-home-1257214331.cos.ap-guangzhou.myqcloud.com/sdk/sdk-webview/sr-sdk-wxapp-h5.min.js"></script>
<script type="text/javascript">
  function ready(){if(window.__wxjs_environment!=='miniprogram')return console.error('当前SDK只能在微信小程序中的h5页面内使用');window.srt=new window.SRT()}if(!window.WeixinJSBridge||!WeixinJSBridge.invoke){document.addEventListener('WeixinJSBridgeReady',ready,false)}else{ready()}
</script>