Move Google Analytics script to the <Head/> (#43838)

Fixes #[37957](#37957) Google cannot read the Google Analytics script if it is placed at the bottom of the `<body />`. It can only be read when it's placed here in the `<Head />` This has been documented by other NextJS users online, and by Google themselves, which directs users to place the script in the head. Hope this helps NextJS users! ## Bug - [x] Related issues linked using `fixes #number` - [ ] Integration tests added - [ ] Errors have a helpful link attached, see [`contributing.md`](https://github.com/vercel/next.js/blob/canary/contributing.md) ## Feature - [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR. - [ ] Related issues linked using `fixes #number` - [ ] [e2e](https://github.com/vercel/next.js/blob/canary/contributing/core/testing.md#writing-tests-for-nextjs) tests added - [ ] Documentation added - [ ] Telemetry added. In case of a feature if it's used or not. - [ ] Errors have a helpful link attached, see [`contributing.md`](https://github.com/vercel/next.js/blob/canary/contributing.md) ## Documentation / Examples - [ ] Make sure the linting passes by running `pnpm build && pnpm lint` - [ ] The "examples guidelines" are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md)
vercel · Dec 13, 2022 · 3e7cca0 · 3e7cca0
1 parent 6dd74a6
commit 3e7cca0
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/examples/with-google-analytics/pages/_document.js b/examples/with-google-analytics/pages/_document.js
@@ -3,11 +3,7 @@ import { Html, Head, Main, NextScript } from 'next/document'
 export default function Document() {
   return (
     <Html>
-      <Head />
-      <body>
-        <Main />
-        <NextScript />
-
+      <Head>
         {/* Global Site Tag (gtag.js) - Google Analytics */}
         <script
           dangerouslySetInnerHTML={{
@@ -19,6 +15,10 @@ export default function Document() {
           `,
           }}
         />
+      </Head>
+      <body>
+        <Main />
+        <NextScript />
       </body>
     </Html>
   )