fix: plausible csp and tracking navigation changes

Author: mariojsnunes

server.js

@@ -68,6 +68,8 @@ app.use(
         '*.google-analytics.com',
         '*.cloudfunctions.net',
         'sentry.io',
+        '*.sentry.io',
+        'https://plausible.io',
         ...wsUrls,
       ],
       defaultSrc: [
@@ -88,6 +90,7 @@ app.use(
         '*.analytics.google.com',
         '*.google-analytics.com',
         'www.youtube.com',
+        'https://plausible.io',
         "'unsafe-eval'",
         "'unsafe-inline'",
       ],

src/common/Analytics/GoogleAnalytics.tsx

@@ -3,9 +3,16 @@ import ReactGA from 'react-ga4'
 import { useLocation } from '@remix-run/react'
 import { GA_TRACKING_ID } from 'src/config/config'
 
+declare global {
+  interface Window {
+    plausible?: (event: string, options?: Record<string, any>) => void
+  }
+}
+
 export const GoogleAnalytics = () => {
   const location = useLocation()
 
+  // TODO: remove GA
   useEffect(() => {
     if (GA_TRACKING_ID) {
       ReactGA.initialize([{ trackingId: GA_TRACKING_ID }])
@@ -18,6 +25,12 @@ export const GoogleAnalytics = () => {
     }
   }, [location])
 
+  useEffect(() => {
+    if (window.plausible) {
+      window.plausible('pageview')
+    }
+  }, [location.pathname, location.search])
+
   const sendPageView = (location: any) => {
     ReactGA.set({ page: location.pathname })
     ReactGA.send({ hitType: 'pageview', page: location.pathname })