react.js使用友盟统计做埋点

let [getUrl, setUrl] = useState<string>()
  useEffect(() => {
    setUrl('https://s4.cnzz.com/z_stat.php?id=友盟申请的id&web_id=友盟申请的id')
  })

这里的id是根据友盟返回的id填写

​​<script type="text/javascript" src={getUrl}></script>

在根目录通过script标签引进 上面的url

这里使用的是事件埋点 ,写个js文件,在需要的js文件引用并使用

export function umengClickEvent (category:string,action:string){
    var _czc: any = _czc || []
    //  @ts-ignore
    window._czc.push(['_trackEvent', `${category}`, `${action}`])
}

解释参数

category :表示事件发生在谁身上，如“视频”、“小说”、“轮显层”等等
action: 表示访客跟元素交互的行为动作，如“播放”、“收藏”、“翻层”等等
label:用于更详细的描述事件，如具体是哪个视频，哪部小说
value:用于填写打分型事件的分值，加载时间型事件的时长，订单型事件的价格

填写前两个必填的参数就可以,后面两个参数根据业务需求填写

开发者中心