switch to script loading

package.json

@@ -58,7 +58,6 @@
     "ndarray-concat-cols": "^1.0.0",
     "next": "^14.2.22",
     "next-mdx-remote": "^4.1.0",
-    "next-plausible": "^3.12.4",
     "react": "^18.2.0",
     "react-animate-height": "^2.0.23",
     "react-dom": "^18.2.0",

pages/_app.page.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import PlausibleProvider from 'next-plausible'
+import Script from 'next/script'
 import { ThemeProvider } from 'theme-ui'
 import '@carbonplan/components/fonts.css'
 import '@carbonplan/components/globals.css'
@@ -9,17 +9,19 @@ import { ScrollProvider } from '../components/scroll'
 
 const App = ({ Component, pageProps }) => {
   return (
-    <PlausibleProvider
-      domain='carbonplan.org'
-      trackOutboundLinks
-      trackFileDownloads
-    >
-      <ThemeProvider theme={theme}>
-        <ScrollProvider>
-          <Component {...pageProps} />
-        </ScrollProvider>
-      </ThemeProvider>
-    </PlausibleProvider>
+    <ThemeProvider theme={theme}>
+      {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.file-downloads.outbound-links.js'
+        />
+      )}
+      <ScrollProvider>
+        <Component {...pageProps} />
+      </ScrollProvider>
+    </ThemeProvider>
   )
 }