Добавление Google Analytics в React

Question

Добавление Google Analytics в React

Я пытаюсь добавить Google Analytics в веб-приложение React.

Я знаю, как это сделать на сайтах HTML/CSS/JS, и я также интегрировал его в приложение AngularJS. Но я не совсем уверен, как это сделать, когда дело доходит до реакции.

С помощью HTML / CSS/JS я только что добавил его на каждую страницу.

То, что я сделал с AngularJS, было добавление скрипта GTM и GA в индекс.html и добавил UA-метки к HTML-дивам (и кнопкам), чтобы получить клики.

Как я могу это сделать с реактом?

Пожалуйста, помогите!

708 3

reactjs google-analytics react-ga

3 ответов:

Comments

Ничего не найдено.

Matan Bobi · Accepted Answer · 2018-03-14 16:08:18

Наилучшей практикой для этой ИМО является использование react-ga. Взгляните на GitHub rep

utkarsh · Accepted Answer · 2018-07-04 11:50:10

Еще одна замечательная библиотека, которую вы можете проверить,-это redux-beacon.

Он очень легко интегрируется с приложением react/redux и имеет отличную документацию для него. ReactGA тоже хорош, но с redux-beacon вы не будете загромождать свой код приложения кодом google analytics, поскольку он работает через свое собственное промежуточное ПО.

cameck · Accepted Answer · 2018-07-21 06:06:45

Без использования пакета вот как бы я это сделал:

В вашем index.js (в методе render):

    {/* Global site tag (gtag.js) - Google Analytics */}
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=YOUR_TRACKING_ID"
    />
    <script>{injectGA()}</script>

И вне класса:

const injectGA = () => {
  if (typeof window == 'undefined') {
    return;
  }
  window.dataLayer = window.dataLayer || [];
  function gtag() {
    window.dataLayer.push(arguments);
  }
  gtag('js', new Date());

  gtag('config', 'YOUR_TRACKING_ID');
};