switch to plausible

carbonplan · Feb 3, 2025 · bde580d · bde580d
1 parent fa4a7b7
commit bde580d
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -58,6 +58,7 @@
     "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",

diff --git a/pages/_app.page.js b/pages/_app.page.js
@@ -1,3 +1,5 @@
+import React from 'react'
+import PlausibleProvider from 'next-plausible'
 import { ThemeProvider } from 'theme-ui'
 import '@carbonplan/components/fonts.css'
 import '@carbonplan/components/globals.css'
@@ -7,11 +9,17 @@ import { ScrollProvider } from '../components/scroll'
 
 const App = ({ Component, pageProps }) => {
   return (
-    <ThemeProvider theme={theme}>
-      <ScrollProvider>
-        <Component {...pageProps} />
-      </ScrollProvider>
-    </ThemeProvider>
+    <PlausibleProvider
+      domain='carbonplan.org'
+      trackOutboundLinks
+      trackFileDownloads
+    >
+      <ThemeProvider theme={theme}>
+        <ScrollProvider>
+          <Component {...pageProps} />
+        </ScrollProvider>
+      </ThemeProvider>
+    </PlausibleProvider>
   )
 }
 

diff --git a/pages/_document.page.js b/pages/_document.page.js
@@ -1,14 +1,11 @@
 import Document, { Html, Main, NextScript, Head } from 'next/document'
-import { Tracking } from '@carbonplan/components'
 import { InitializeColorMode } from 'theme-ui'
 
 class MyDocument extends Document {
   render() {
     return (
       <Html lang='en' className='no-focus-outline'>
-        <Head>
-          <Tracking id={process.env.GA_TRACKING_ID} />
-        </Head>
+        <Head />
         <body>
           <InitializeColorMode />
           <Main />