feat: optimize posthog loading for no consent

.env.example

@@ -12,6 +12,3 @@ MATOMO_API_KEY=
 
 SENTRY_DSN=
 SENTRY_AUTH_TOKEN=""
-
-POSTHOG_PUBLIC_KEY=phc_...
-POSTHOG_HOST=https://eu.posthog.com

app.vue

@@ -1,4 +1,4 @@
-<script setup>
+ <script setup>
   const config = useRuntimeConfig()
 
   useHead({

nuxt.config.js

@@ -96,9 +96,6 @@ export default defineNuxtConfig({
       PROXY_URL: process.env.PROXY_URL,
 
       SENTRY_DSN: process.env.SENTRY_DSN,
-
-      POSTHOG_PUBLIC_KEY: process.env.POSTHOG_PUBLIC_KEY,
-      POSTHOG_HOST: process.env.POSTHOG_HOST
     }
   },
 
@@ -257,6 +254,16 @@ export default defineNuxtConfig({
           cssText: 'html, body { background-color: black; }'
         }
       ],
+      script: [
+        // PostHog
+        {
+          src: '/js/posthog.js',
+          type: 'text/plain',
+          async: true,
+          'data-category': 'analytics',
+          'data-service': 'posthog'
+        }
+      ]
     }
   },
 

plugins/050.posthog.client.ts.bak

@@ -0,0 +1,26 @@
+import {defineNuxtPlugin} from '#app'
+
+
+/**
+ * Track page view using Posthog
+ * For the Script,
+ * @see nuxt.config.js
+ *
+ * @see https://posthog.com/docs/libraries/nuxt-js
+ */
+export default defineNuxtPlugin(nuxtApp => {
+  const router = useRouter()
+
+  // Make sure that pageviews are captured with each route change
+  router.afterEach((to) => {
+    if (!window.posthog) {
+      return
+    }
+
+    nextTick(() => {
+      window.posthog.capture('$pageview', {
+        current_url: to.fullPath
+      })
+    })
+  })
+})