在Reactjs中异步加载google analytics embed脚本

import ReactGA from 'react-ga';

export const initGA = () => {
  ReactGA.initialize('YOUR_TRACKING_ID');
};

export const logPageView = () => {
  ReactGA.set({ page: window.location.pathname });
  ReactGA.pageview(window.location.pathname);
};

npm install react-ga

import React from 'react';
import ReactDOM from 'react-dom';
import { initGA, logPageView } from './GoogleAnalytics';

initGA(); // 初始化Google Analytics

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

logPageView(); // 记录页面浏览

import React, { useEffect } from 'react';

const TrackedComponent = () => {
  useEffect(() => {
    const loadScript = async () => {
      const script = document.createElement('script');
      script.src = 'https://www.google-analytics.com/analytics.js';
      script.async = true;
      document.body.appendChild(script);
    };

    loadScript();
  }, []);

  return (
    // 组件的内容
  );
};

export default TrackedComponent;