jquery - 如何在 preact 中包含 Google Analytics

Question

请告诉我如何将 Google Analytics 包含在 preact 中？我发现有人在 react 中做了如下操作

  componentDidMount() {
    window.ga = window.ga || function() { (ga.q = ga.q || []).push(arguments)  }; ga.l = +new Date;
    const account = this.props.account;
    // const scriptProtocol = ("https:" === document.location.protocol ? "https://ssl" : "http://www");
    const scriptSrc = `//google-analytics.com/analytics.js`;
    jQuery.getScript(scriptSrc, () => {
      // Track Route changes
      ga("create", account, "auto");
      if(this.props.history) {
        this.props.history.listen((newLocation) => {
          ga("send", "pageview", newLocation.pathname);
        });
      }
    });
  }

但问题是这个人在上面的代码中使用了jQuery，而结果未定义。请告诉我如何解决。

Answer 1

您可以使用react-ga依赖来实现这一点。

正如该项目文档中提到的:使用 npm install react-ga --save 将其添加为依赖项(例如，如果您正在使用 npm)，然后只需将此代码添加到您的主要成分:

import ReactGA from 'react-ga';
ReactGA.initialize('UA-000000-01');
ReactGA.pageview(window.location.pathname + window.location.search);

react-ga还有函数调用来执行与 jQuery 方法相同的操作，例如将综合浏览量和其他数据发送到 Google Analytics。