chore(landing): replace plausible in favor of metricswave

dimaslz · Oct 2, 2024 · 58388c2 · 58388c2
1 parent 0ff3189
commit 58388c2
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 28 deletions.
diff --git a/landing/src/app/app.component.ts b/landing/src/app/app.component.ts
@@ -1,5 +1,5 @@
-import { CommonModule, isPlatformBrowser } from '@angular/common';
-import { Component, Inject, PLATFORM_ID } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
 import { RouterLink, RouterOutlet } from '@angular/router';
 import { NgHeroiconsModule } from '@dimaslz/ng-heroicons';
 
@@ -28,18 +28,7 @@ export class AppComponent {
 	public copied = false;
 	public color = 'white';
 
-	constructor(@Inject(PLATFORM_ID) private platformId: object) {
-		if (isPlatformBrowser(this.platformId)) {
-			const node: HTMLScriptElement = document.createElement('script');
-			node.src = 'https://plausible.io/js/plausible.js';
-			node.type = 'text/javascript';
-			node.async = true;
-			node.defer = true;
-			node.dataset['domain'] = 'ng-heroicons.dimaslz.dev';
-
-			document.getElementsByTagName('head')[0].appendChild(node);
-		}
-	}
+	constructor() {}
 
 	onClickCommandExample($event: MouseEvent): void {
 		this.copied = true;

diff --git a/landing/src/app/pages/home/home.component.ts b/landing/src/app/pages/home/home.component.ts
@@ -1,5 +1,5 @@
-import { CommonModule, isPlatformBrowser } from '@angular/common';
-import { Component, Inject, PLATFORM_ID } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
 import { NgHeroiconsModule } from '@dimaslz/ng-heroicons';
 
 import { DarkModeModule } from '@/components/darkmode-toggle/darkmode-toggle.module';
@@ -25,18 +25,7 @@ export class HomePageComponent {
 	public copied = false;
 	public color = 'white';
 
-	constructor(@Inject(PLATFORM_ID) private platformId: object) {
-		if (isPlatformBrowser(this.platformId)) {
-			const node: HTMLScriptElement = document.createElement('script');
-			node.src = 'https://plausible.io/js/plausible.js';
-			node.type = 'text/javascript';
-			node.async = true;
-			node.defer = true;
-			node.dataset['domain'] = 'ng-heroicons.dimaslz.dev';
-
-			document.getElementsByTagName('head')[0].appendChild(node);
-		}
-	}
+	constructor() {}
 
 	onClickCommandExample($event: MouseEvent): void {
 		this.copied = true;

diff --git a/landing/src/index.html b/landing/src/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
+  <script defer event-uuid="a7c9759e-1a36-453a-aa44-014b098143e7" src="https://tracker.metricswave.com/js/visits.js"></script>
   <title>ng-heroicons _ heroicons.com Angular components - by dimaslz</title>
   <meta name="robots" content="index, follow" />
   <meta name="description" content="NgHeroicons just it is an Angular components to use Heroicons.com icons in your projects. I hope that could be useful.">