如何在React Native中添加综合浏览量事件

时间:2018-12-12 13:43:48

标签: react-native google-analytics

我正在尝试为网页浏览添加事件,这些事件应该在“行为”->“网站内容”->“所有页面”中可见

任何人都可以帮助我重新添加网页浏览事件。 我正在使用react-native-google-analytics-bridge

1 个答案:

答案 0 :(得分:0)

我将react-ga模块用于 google Analytics(分析)。我使用pageView添加页面浏览量,您可以在应用程序中的任意位置调用此函数。要创建活动,我使用

ReactGA.event({
   category: 'Click',
   action: 'Button clicked',
   label: 'Button login clicked',
});

这是跟踪所有已访问页面的示例。

这是我的index.js

ReactDOM.render(
    <BrowserRouter>
        <App />
    </BrowserRouter>
, document.getElementById('root'));

还有我的App组件:

class App extends Component {

    state = {
        page: '',
        loaded: false,
    }

    static getDerivedStateFromProps(nextProps, prevState) {
        const page = window.location.pathname + (window.location.search? window.location.search : "");
        if(!prevState.loaded) {
            ReactGA.initialize('UA-XXXXXXX-0', {
                debug: false,
                titleCase: false,
            });
            prevState.loaded = true;
        }
        if(prevState.page !== page) {
            ReactGA.pageview(page);
            prevState.page = page;
        }
        return prevState;
    }

    render() {
        const { history } = this.props;

        return (
            <Application />
        );
    }
}

export default withRouter(App);