harshmaur/_document.tsx

## _document.tsx
import Document, { Head, Html, Main, NextScript } from 'next/document'
// You can import from other folder based on your project.
import { GA_TRACKING_ID } from '../utils/constants'

export default class MyDocument extends Document {
  render() {
    return (
      <Html>
        <Head>
          {/* Global Site Tag (gtag.js) - Google Analytics */}
          <script async src={`https://www.googletagmanager.com/gtag/js?id=${GA_TRACKING_ID}`} />
          <script dangerouslySetInnerHTML={{
            __html: `
              window.dataLayer = window.dataLayer || [];
              function gtag(){dataLayer.push(arguments);}
              gtag('js', new Date());
              gtag('config', '${GA_TRACKING_ID}', { page_path: window.location.pathname, });
            `,
          }} />
        </Head>
        <body>
          <Main />
          <NextScript />
        </body>
      </Html>
    )
  }
}
	import Document, { Head, Html, Main, NextScript } from 'next/document'
	// You can import from other folder based on your project.
	import { GA_TRACKING_ID } from '../utils/constants'

	export default class MyDocument extends Document {
	render() {
	return (
	<Html>
	<Head>
	{/* Global Site Tag (gtag.js) - Google Analytics */}
	<script async src={`https://www.googletagmanager.com/gtag/js?id=${GA_TRACKING_ID}`} />
	<script dangerouslySetInnerHTML={{
	__html: `
	window.dataLayer = window.dataLayer \|\| [];
	function gtag(){dataLayer.push(arguments);}
	gtag('js', new Date());
	gtag('config', '${GA_TRACKING_ID}', { page_path: window.location.pathname, });
	`,
	}} />
	</Head>
	<body>
	<Main />
	<NextScript />
	</body>
	</Html>
	)
	}
	}