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