fix: moving script to conditional

SpaceCowMedia · Jan 9, 2025 · 819b9d4 · 819b9d4
1 parent 15b80c4
commit 819b9d4
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 10 deletions.
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -3,16 +3,19 @@ import type { AppProps } from 'next/app';
 import 'react-tooltip/dist/react-tooltip.css';
 import { pageview } from '../lib/googleAnalytics';
 import { useRouter } from 'next/router';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import NextNProgress from 'nextjs-progressbar';
 import { config } from '@fortawesome/fontawesome-svg-core';
 import '@fortawesome/fontawesome-svg-core/styles.css';
 import PageWrapper from 'components/layout/PageWrapper/PageWrapper';
+import Script from 'next/script';
 
 config.autoAddCss = false;
 
 export default function App({ Component, pageProps }: AppProps) {
   const router = useRouter();
+  const [isClient, setIsClient] = useState(false);
+
   useEffect(() => {
     const handleRouteChange = (url: string) => {
       pageview(url);
@@ -23,9 +26,24 @@ export default function App({ Component, pageProps }: AppProps) {
     };
   }, [router.events]);
 
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+
   return (
     <>
       <NextNProgress options={{ showSpinner: false }} color={'#9161f3'} />
+      <header>
+        {isClient && window.location.hostname === 'commanderspellbook.com' && (
+          <Script
+            async
+            data-cfasync="false"
+            data-noptimize="1"
+            src="//scripts.pubnation.com/tags/5843d1fc-ee57-4ce9-8b8a-3516d1f3ea93.js"
+            type="text/javascript"
+          />
+        )}
+      </header>
       <PageWrapper>
         <Component {...pageProps} />
       </PageWrapper>

diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -1,18 +1,9 @@
 import { Html, Head, Main, NextScript } from 'next/document';
-import Script from 'next/script';
-
 export default function Document() {
   return (
     <Html lang="en">
       <Head>
         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin%20Sans&display=swap" />
-        <Script
-          async
-          data-cfasync="false"
-          data-noptimize="1"
-          src="//scripts.pubnation.com/tags/5843d1fc-ee57-4ce9-8b8a-3516d1f3ea93.js"
-          type="text/javascript"
-        />
       </Head>
       <body>
         <Main />