Reactjs 如何在heroku应用程序中监控网站点击率?

Reactjs 如何在heroku应用程序中监控网站点击率?,reactjs,heroku,Reactjs,Heroku,我在react.js中开发了一个web应用程序,并部署在heroku平台上。我想跟踪我的网站点击数。我怎样才能在Heroku做到这一点 我想实现与google analytics类似的功能。您可以使用google analytics跟踪您的网站点击率。您只需创建google analytics帐户并获取跟踪id。一旦获得跟踪id,请在public/index.html的下面添加代码,将跟踪id替换为google analytics的跟踪id <!-- Global site tag (

我在react.js中开发了一个web应用程序,并部署在heroku平台上。我想跟踪我的网站点击数。我怎样才能在Heroku做到这一点


我想实现与google analytics类似的功能。

您可以使用google analytics跟踪您的网站点击率。您只需创建google analytics帐户并获取跟踪id。一旦获得跟踪id,请在public/index.html的下面添加代码,将跟踪id替换为google analytics的跟踪id

  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=<TRACKING-ID>"></script>
 <script>
 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag('js', new Date());

 gtag('config', '<TRACKING-ID>');

</script>

window.dataLayer=window.dataLayer | |[];
函数gtag(){dataLayer.push(参数);}
gtag('js',新日期());
gtag('配置','');

我想你要找的工具是。根据文件:

npm i react-ga
然后在App.js中包含以下内容

import ReactGA from 'react-ga';
ReactGA.initialize('<tracking_id>');  // Insert tracking_id from Google Analytics here
ReactGA.pageview(window.location.pathname + window.location.search);
从“react ga”导入ReactGA;
ReactGA.initialize(“”);//在此处插入来自Google Analytics的跟踪id
页面视图(window.location.pathname+window.location.search);

注意:默认情况下,Google会给你一个以“G-…”开头的跟踪ID,但这个react软件包需要一个以“UA-…”开头的跟踪ID。这说明了如何获得以“UA-…”开头的跟踪ID。

谢谢你的回答。有heroku提供的工具吗?我很确定。我想他们不喜欢react-ga。我需要在谷歌云平台上部署应用程序才能使用谷歌分析吗?@AmbarDudhane不,你不需要。我已经在Heroku上部署了我的应用程序,但谷歌分析系统运行良好。你同样可以使用AWS或Microsoft Azure进行部署-谷歌分析将发挥作用。我已经在我的应用程序中实现了react ga,但我只能在谷歌分析中看到活动用户。为什么我看不到过去的用户活动?