Merge pull request #18 from meshcloud/feature/fix-and-improvement

chore: Add plausible support

Author: Jelledb

website/src/app/app.component.ts

@@ -1,5 +1,5 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
+import { CommonModule, isPlatformBrowser } from '@angular/common';
+import { Component, Inject, PLATFORM_ID } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 
@@ -14,5 +14,18 @@ import { FooterComponent } from './shared/footer';
   standalone: true
 })
 export class AppComponent {
+  constructor(@Inject(PLATFORM_ID) private platformId: Object) {
+    this.loadPlausible();
+  }
 
+  loadPlausible() {
+    // Ensure we are in the browser (not SSR)
+    if (isPlatformBrowser(this.platformId)) {
+      const script = document.createElement('script');
+      script.src = 'https://plausible.cluster.dev.meshcloud.io/js/script.js';
+      script.setAttribute('data-domain', 'hub.meshcloud.io');
+      script.defer = true;
+      document.head.appendChild(script);
+    }
+  }
 }