react-ga组件的简单应用笔记

时间:2024-05-22 12:30:56

npm install react-ga --save  //导入react-ga组件


找到要检测的页面组件,在组件中添加语句如下:

react-ga组件的简单应用笔记


ReactGA.initialize的参数 是google 网页生成的(analytics.google.com)

componentDidMount 内保证刷新页面或者第一次加载时 走ga

componentWillReceiveProps 内保证切换route时 走ga



ga事件监测:

可以写一个如下图的公共方法:(category : 类别 ; action : 动作; 还可以有label: 标签; value:值等等....)

react-ga组件的简单应用笔记

然后再需要监测的事件里,引用该公共方法即可

如:

handleClick() {

    reactGAEvent(

        “groupList click event",

          "onclick buttonA"

    )

}

render() {

    <button onclick="handleClick()">buttonA</button>

}