func(Posthog): Add for both the SPA and the public facing blade templates. Only execute for production.

giliomeejg · giliomeejg · commit c875f5ce44d2 · 2024-08-06T08:41:59.000+02:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -25,6 +25,7 @@
         "font-awesome": "^4.7.0",
         "markdown-it": "^13.0.2",
         "moment": "^2.29.4",
+        "posthog-js": "^1.154.4",
         "vue3-apexcharts": "^1.4.4",
         "web3": "^4.1.2"
     }
diff --git a/plugins/posthog.js b/plugins/posthog.js
@@ -0,0 +1,15 @@
+//./plugins/posthog.js
+import posthog from "posthog-js";
+
+export default {
+    install(app) {
+        app.config.globalProperties.$posthog = posthog.init(
+            "phc_Ab0TTrZPUF9LHNRWYgtGO6OkhrJ9My5nlCqmQF09JY5",
+            {
+                api_host: "https://us.i.posthog.com",
+                person_profiles: "identified_only",
+                capture_pageview: false,
+            }
+        );
+    },
+};
diff --git a/resources/js/app.js b/resources/js/app.js
@@ -8,12 +8,17 @@ import { ZiggyVue } from "../../vendor/tightenco/ziggy/dist/vue.m";
 import moment from "moment";
 import Bugsnag from "@bugsnag/js";
 import BugsnagPluginVue from "@bugsnag/plugin-vue";
+import posthog from "posthog-js";
 
 import "font-awesome/css/font-awesome.css";
 
 const appName = import.meta.env.VITE_APP_NAME || "Laravel";
 const bugsnagApiKey = import.meta.env.VITE_BUGSNAG_API_KEY;
 
+posthog.init(import.meta.env.VITE_POSTHOG_API_KEY, {
+    api_host: import.meta.env.VITE_POSTHOG_HOST,
+});
+
 createInertiaApp({
     title: (title) => `${title} - ${appName}`,
     resolve: (name) =>
@@ -54,4 +59,12 @@ if (process.env.NODE_ENV === "production") {
             page_location: event.detail.page.url,
         });
     });
+
+    router.on("navigate", (event) => {
+        posthog.capture("$pageview", {
+            distinct_id: posthog.get_distinct_id(),
+            url: event.detail.page.url,
+            referrer: document.referrer,
+        });
+    });
 }
diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php
@@ -17,6 +17,7 @@
     @routes
     @vite(['resources/js/app.js', "resources/js/Pages/{$page['component']}.vue"])
     @inertiaHead
+
 </head>
 
 <body class="font-sans antialiased">
@@ -35,6 +36,9 @@ function gtag() {
         gtag('config', '{{ env("GOOGLE_TAGMANAGER_ID") }}');
     </script>
     @endproduction
+
+
+
 </body>
 
 </html>
diff --git a/resources/views/public.blade.php b/resources/views/public.blade.php
@@ -20,6 +20,34 @@
 
     @yield('scripts')
 
+    @production
+    <script>
+        ! function(t, e) {
+            var o, n, p, r;
+            e.__SV || (window.posthog = e, e._i = [], e.init = function(i, s, a) {
+                function g(t, e) {
+                    var o = e.split(".");
+                    2 == o.length && (t = t[o[0]], e = o[1]), t[e] = function() {
+                        t.push([e].concat(Array.prototype.slice.call(arguments, 0)))
+                    }
+                }(p = t.createElement("script")).type = "text/javascript", p.async = !0, p.src = s.api_host + "/static/array.js", (r = t.getElementsByTagName("script")[0]).parentNode.insertBefore(p, r);
+                var u = e;
+                for (void 0 !== a ? u = e[a] = [] : a = "posthog", u.people = u.people || [], u.toString = function(t) {
+                        var e = "posthog";
+                        return "posthog" !== a && (e += "." + a), t || (e += " (stub)"), e
+                    }, u.people.toString = function() {
+                        return u.toString(1) + ".people (stub)"
+                    }, o = "capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys getNextSurveyStep onSessionId".split(" "), n = 0; n < o.length; n++) g(u, o[n]);
+                e._i.push([i, s, a])
+            }, e.__SV = 1)
+        }(document, window.posthog || []);
+        posthog.init('{{ env("POSTHOG_API_KEY") }}', {
+            api_host: '{{ env("POSTHOG_HOST") }}',
+            person_profiles: 'identified_only'
+        })
+    </script>
+    @endproduction
+
 
 </head>
 

Original file line number	Diff line number	Diff line change
`@@ -25,6 +25,7 @@`
`25`	`25`	`"font-awesome": "^4.7.0",`
`26`	`26`	`"markdown-it": "^13.0.2",`
`27`	`27`	`"moment": "^2.29.4",`
	`28`	`+ "posthog-js": "^1.154.4",`
`28`	`29`	`"vue3-apexcharts": "^1.4.4",`
`29`	`30`	`"web3": "^4.1.2"`
`30`	`31`	`}`