Adicionar Google Analytics

Este é o metodo mais simples para adicionar o GTAG num website desenvolvido em NextJS.

Como o NextJS não providencia todas as APIs no runtime, incluido o window, temos que usar o componente useEffect(). Para facilitar usamos também o componente ReactGA

import Layout from '../components/layout'
import ReactGA from 'react-ga';
import { useEffect } from 'react';


function MyApp({ Component, pageProps }) {
  useEffect(() => {
    ReactGA.initialize('UA-12109155-21');
    ReactGA.pageview(window.location.pathname + window.location.search);
  })
  
  return (
    <Layout>
      <Component {...pageProps} />
    </Layout>
  ) 
}

export default MyApp