drop scripts in _document

edenartlab · May 3, 2024 · 1c231c0 · 1c231c0
1 parent d7e8f00
commit 1c231c0
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 12 deletions.
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -1,15 +1,13 @@
 import type { NextPage } from 'next'
 import type { ReactElement, ReactNode } from 'react'
 import type { AppProps } from 'next/app'
-import { GoogleTagManager } from '@next/third-parties/google'
 
 import Head from 'next/head'
 import Router from 'next/router'
 import nProgress from 'nprogress'
 import 'nprogress/nprogress.css'
 import 'src/theme/base.css'
 import 'src/theme/global.css'
-import Script from 'next/script';
 type NextPageWithLayout = NextPage & {
   getLayout?: (page: ReactElement) => ReactNode
 }
@@ -38,16 +36,6 @@ function EdenApp(props: EdenAppProps) {
       </Head>
       <main>
         {getLayout(<Component {...pageProps} />)}
-        <Script
-          src="https://rum-static.pingdom.net/pa-662f1da168cac40012000a8e.js"
-          strategy="lazyOnload"
-          onLoad={() =>
-            console.log(`script loaded: https://rum-static.pingdom.net/pa-662f1da168cac40012000a8e.js`)
-          }
-        />
-        {process.env.NODE_ENV === 'production' ? (
-          <GoogleTagManager gtmId="G-W4718WCZQK" />
-        ) : null}
       </main>
     </>
   )

diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -2,6 +2,8 @@ import * as React from 'react'
 
 import Document, { Html, Head, Main, NextScript } from 'next/document'
 import { ServerStyleSheet } from 'styled-components'
+import { GoogleTagManager } from '@next/third-parties/google';
+import Script from 'next/script';
 
 export default class MyDocument extends Document {
   static async getInitialProps(ctx) {
@@ -45,8 +47,12 @@ export default class MyDocument extends Document {
             sizes="16x16"
             href="/favicon-16x16.png"
           />
+
           <link rel="preconnect" href="https://fonts.googleapis.com" />
           <link rel="preconnect" href="https://fonts.gstatic.com" />
+          {process.env.NODE_ENV === 'production' ? (
+            <link rel="preconnect" href="https://www.googletagmanager.com" />
+          ) : null}
           <link
             rel="stylesheet"
             href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400&display=swap"
@@ -55,6 +61,16 @@ export default class MyDocument extends Document {
         <body>
           <Main />
           <NextScript />
+          {process.env.NODE_ENV === 'production' ? (
+            <GoogleTagManager gtmId="G-W4718WCZQK" />
+          ) : null}
+          <Script
+            src="https://rum-static.pingdom.net/pa-662f1da168cac40012000a8e.js"
+            strategy="lazyOnload"
+            onLoad={() =>
+              console.log(`script loaded: https://rum-static.pingdom.net/pa-662f1da168cac40012000a8e.js`)
+            }
+          />
         </body>
       </Html>
     )