replace google, move script

carbonplan · Feb 6, 2025 · cb29e5a · cb29e5a
1 parent ed67cb9
commit cb29e5a
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 6 deletions.
diff --git a/pages/_app.js b/pages/_app.js
@@ -1,7 +1,21 @@
+import React from 'react'
+import Script from 'next/script'
 import 'mapbox-gl/dist/mapbox-gl.css'
 import '@carbonplan/components/globals.css'
 import '@carbonplan/components/fonts.css'
 
 export default function App({ Component, pageProps }) {
-  return <Component {...pageProps} />
+  return (
+    <>
+      <Component {...pageProps} />
+      {process.env.NEXT_PUBLIC_VERCEL_ENV === 'production' && (
+        <Script
+          strategy='lazyOnload'
+          data-domain='carbonplan.org'
+          data-api='https://carbonplan.org/proxy/api/event'
+          src='https://carbonplan.org/js/script.js'
+        />
+      )}
+    </>
+  )
 }
diff --git a/pages/_document.js b/pages/_document.js
@@ -1,4 +1,5 @@
 import Document, { Html, Main, NextScript, Head } from 'next/document'
+import { Tracking } from '@carbonplan/components'
 import { InitializeColorMode } from 'theme-ui'
 
 class MyDocument extends Document {
@@ -10,11 +11,7 @@ class MyDocument extends Document {
         className='no-focus-outline'
       >
         <Head>
-          <script
-            defer
-            data-domain='carbonplan.org'
-            src='https://plausible.io/js/script.js'
-          />
+          <Tracking />
         </Head>
         <body>
           <InitializeColorMode />