Merge pull request #6690 from mempool/mononaut/remove-matomo

remove matomo

frontend/src/app/components/about/about-sponsors.component.html

@@ -1,14 +1,14 @@
 <div id="become-sponsor-container" [ngClass]="context">
   <div class="become-sponsor community">
     <p style="font-weight: 700; font-size: 18px;">If you're an individual...</p>
-    <a [href]="host + '/sponsor'" class="btn" style="background-color: rgba(152, 88, 255, 0.75); box-shadow: 0px 0px 50px 5px rgba(152, 88, 255, 0.75)" i18n="about.community-sponsor-button" (click)="onSponsorClick($event)">Become a Community Sponsor</a>
+    <a [href]="host + '/sponsor'" class="btn" style="background-color: rgba(152, 88, 255, 0.75); box-shadow: 0px 0px 50px 5px rgba(152, 88, 255, 0.75)" i18n="about.community-sponsor-button">Become a Community Sponsor</a>
     <p class="sponsor-feature"><fa-icon [icon]="['fas', 'check']"></fa-icon> Exclusive swag</p>
     <p class="sponsor-feature"><fa-icon [icon]="['fas', 'check']"></fa-icon> Your avatar on the About page</p>
     <p class="sponsor-feature"><fa-icon [icon]="['fas', 'check']"></fa-icon> And more coming soon :)</p>
   </div>
   <div class="become-sponsor enterprise">
     <p style="font-weight: 700; font-size: 18px;">If you're a business...</p>
-    <a [href]="host + '/enterprise'" class="btn" style="background-color: rgba(152, 88, 255, 0.75); box-shadow: 0px 0px 50px 5px rgba(152, 88, 255, 0.75)" i18n="about.enterprise-sponsor-button" (click)="onEnterpriseClick($event)">Become an Enterprise Sponsor</a>
+    <a [href]="host + '/enterprise'" class="btn" style="background-color: rgba(152, 88, 255, 0.75); box-shadow: 0px 0px 50px 5px rgba(152, 88, 255, 0.75)" i18n="about.enterprise-sponsor-button">Become an Enterprise Sponsor</a>
     <p class="sponsor-feature"><fa-icon [icon]="['fas', 'check']"></fa-icon> Increased API limits</p>
     <p class="sponsor-feature"><fa-icon [icon]="['fas', 'check']"></fa-icon> Co-branded instance</p>
     <p class="sponsor-feature"><fa-icon [icon]="['fas', 'check']"></fa-icon> 99% service-level agreement</p>

frontend/src/app/components/about/about-sponsors.component.ts

@@ -1,5 +1,4 @@
 import { Component, Input } from '@angular/core';
-import { EnterpriseService } from '@app/services/enterprise.service';
 
 @Component({
   selector: 'app-about-sponsors',
@@ -10,17 +9,4 @@ import { EnterpriseService } from '@app/services/enterprise.service';
 export class AboutSponsorsComponent {
   @Input() host = 'https://mempool.space';
   @Input() context = 'about';
-
-  constructor(private enterpriseService: EnterpriseService) {
-  }
-
-  onSponsorClick(e): boolean {
-    this.enterpriseService.goal(5);
-    return true;
-  }
-
-  onEnterpriseClick(e): boolean {
-    this.enterpriseService.goal(6);
-    return true;
-  }
 }

frontend/src/app/components/about/about.component.ts

@@ -10,7 +10,6 @@ import { Router, ActivatedRoute } from '@angular/router';
 import { map, share, tap } from 'rxjs/operators';
 import { ITranslators } from '@interfaces/node-api.interface';
 import { DOCUMENT } from '@angular/common';
-import { EnterpriseService } from '@app/services/enterprise.service';
 import { ThemeService } from '../../services/theme.service';
 
 @Component({
@@ -40,7 +39,6 @@ export class AboutComponent implements OnInit {
     private seoService: SeoService,
     private ogService: OpenGraphService,
     public stateService: StateService,
-    private enterpriseService: EnterpriseService,
     private apiService: ApiService,
     private router: Router,
     private route: ActivatedRoute,
@@ -141,16 +139,6 @@ export class AboutComponent implements OnInit {
     this.promoVideo.nativeElement.muted = false;
   }
 
-  onSponsorClick(e): boolean {
-    this.enterpriseService.goal(5);
-    return true;
-  }
-
-  onEnterpriseClick(e): boolean {
-    this.enterpriseService.goal(6);
-    return true;
-  }
-
   get isLightMode(): boolean {
     return this.loadedTheme === 'nymkappa';
   }

frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.ts

@@ -9,7 +9,6 @@ import { ETA, EtaService } from '@app/services/eta.service';
 import { Transaction } from '@interfaces/electrs.interface';
 import { MiningStats } from '@app/services/mining.service';
 import { IAuth, AuthServiceMempool } from '@app/services/auth.service';
-import { EnterpriseService } from '@app/services/enterprise.service';
 import { PartnerCodeService } from '@app/services/partner-code.service';
 import { ApiService } from '@app/services/api.service';
 import { isDevMode } from '@angular/core';
@@ -147,7 +146,6 @@ export class AccelerateCheckout implements OnInit, OnDestroy {
     private audioService: AudioService,
     private cd: ChangeDetectorRef,
     private authService: AuthServiceMempool,
-    private enterpriseService: EnterpriseService,
     private partnerCodeService: PartnerCodeService,
     private themeService: ThemeService,
   ) {
@@ -236,7 +234,6 @@ export class AccelerateCheckout implements OnInit, OnDestroy {
 
     if (this._step === 'checkout') {
       this.insertSquare();
-      this.enterpriseService.goal(8);
       this.scrollToElementWithTimeout('acceleratePreviewAnchor', 'start', 100);
     }
     

frontend/src/app/components/privacy-policy/privacy-policy.component.html

@@ -43,7 +43,7 @@
 
         <br>
 
-        <li>We use a self-hosted statistics application (matomo) for analytics purposes, which collects your IP address along with the requests you make. Our matomo instance is configured to respect your privacy by redacting your IP address and other methods, and we do not share this data with any third-party. To conceal your activity from our analytics, we recommend that you use a privacy protecting browser extension that blocks matomo from being loaded.</li>
+        <li>We use a self-hosted statistics application for analytics purposes, which collects your IP address along with the requests you make. Our instance is configured to respect your privacy by redacting your IP address and other methods, and we do not share this data with any third-party. To conceal your activity from our analytics, we recommend that you use a privacy protecting browser extension that blocks it from being loaded.</li>
 
       </ul>
 

frontend/src/app/components/tracker/tracker.component.ts

@@ -167,8 +167,6 @@ export class TrackerComponent implements OnInit, OnDestroy {
       this.miningStats = stats;
     });
 
-    this.enterpriseService.page();
-
     this.enterpriseInfo$ = this.enterpriseService.info$.subscribe(info => {
       this.enterpriseInfo = info;
     });

frontend/src/app/components/transaction/transaction.component.ts

@@ -35,7 +35,6 @@ import { RelativeUrlPipe } from '@app/shared/pipes/relative-url/relative-url.pip
 import { PriceService } from '@app/services/price.service';
 import { isFeatureActive } from '@app/bitcoin.utils';
 import { ServicesApiServices } from '@app/services/services-api.service';
-import { EnterpriseService } from '@app/services/enterprise.service';
 import { PartnerCodeService } from '@app/services/partner-code.service';
 import { ZONE_SERVICE } from '@app/injection-tokens';
 import { MiningService, MiningStats } from '@app/services/mining.service';
@@ -217,7 +216,6 @@ export class TransactionComponent implements OnInit, AfterViewInit, OnDestroy {
     private seoService: SeoService,
     private priceService: PriceService,
     private storageService: StorageService,
-    private enterpriseService: EnterpriseService,
     private partnerCodeService: PartnerCodeService,
     private miningService: MiningService,
     private etaService: EtaService,
@@ -228,7 +226,6 @@ export class TransactionComponent implements OnInit, AfterViewInit, OnDestroy {
   ngOnInit() {
     this.setupPartnerCode();
 
-    this.enterpriseService.page();
     this.isDetailsOpen = this.route.snapshot.queryParams['showDetails'] === 'true';
     this.cpfpMode = this.route.snapshot.queryParams['cpfp'] === 'true';
 

frontend/src/app/services/enterprise.service.ts

@@ -3,7 +3,6 @@ import { Inject, Injectable } from '@angular/core';
 import { ApiService } from '@app/services/api.service';
 import { SeoService } from '@app/services/seo.service';
 import { StateService } from '@app/services/state.service';
-import { ActivatedRoute } from '@angular/router';
 import { BehaviorSubject } from 'rxjs';
 
 @Injectable({
@@ -12,8 +11,6 @@ import { BehaviorSubject } from 'rxjs';
 export class EnterpriseService {
   exclusiveHostName = '.mempool.space';
   subdomain: string | null = null;
-  statsUrl: string;
-  siteId: number;
   info$: BehaviorSubject<object> = new BehaviorSubject(null);
 
   constructor(
@@ -21,7 +18,6 @@ export class EnterpriseService {
     private apiService: ApiService,
     private seoService: SeoService,
     private stateService: StateService,
-    private activatedRoute: ActivatedRoute,
   ) {
     const subdomain = this.stateService.env.customize?.enterprise || this.document.location.hostname.indexOf(this.exclusiveHostName) > -1
       && this.document.location.hostname.split(this.exclusiveHostName)[0] || false;
@@ -30,8 +26,6 @@ export class EnterpriseService {
       this.fetchSubdomainInfo();
       this.disableSubnetworks();
       this.stateService.env.ACCELERATOR = false;
-    } else {
-      this.insertMatomo();
     }
   }
 
@@ -51,12 +45,10 @@ export class EnterpriseService {
   fetchSubdomainInfo(): void {
     if (this.stateService.env.customize?.branding) {
       const info = this.stateService.env.customize?.branding;
-      this.insertMatomo(info.site_id);
       this.seoService.setEnterpriseTitle(info.title, true);
       this.info$.next(this.processEnterpriseInfo(info));
     } else {
       this.apiService.getEnterpriseInfo$(this.subdomain).subscribe((info) => {
-        this.insertMatomo(info.site_id);
         this.seoService.setEnterpriseTitle(info.title);
         this.info$.next(this.processEnterpriseInfo(info));
       },
@@ -78,98 +70,4 @@ export class EnterpriseService {
       logoUrl,
     };
   }
-
-  insertMatomo(siteId?: number): void {
-    let statsUrl = '//stats.mempool.space/';
-
-    if (!siteId) {
-      switch (this.document.location.hostname) {
-        case 'mempool.space':
-          statsUrl = '//stats.mempool.space/';
-          siteId = 5;
-          break;
-        case 'mempool.ninja':
-          statsUrl = '//stats.mempool.space/';
-          siteId = 4;
-          break;
-        case 'liquid.network':
-          siteId = 8;
-          statsUrl = '//stats.liquid.network/';
-          break;
-        case 'liquid.place':
-          siteId = 10;
-          statsUrl = '//stats.liquid.network/';
-          break;
-        default:
-          return;
-      }
-    }
-
-    this.statsUrl = statsUrl;
-    this.siteId = siteId;
-
-    // @ts-ignore
-    if (window._paq && window['Matomo']) {
-      window['Matomo'].addTracker(statsUrl+'m.php', siteId.toString());
-      const matomo = this.getMatomo();
-      matomo.setDocumentTitle(this.seoService.getTitle());
-      matomo.setCustomUrl(this.getCustomUrl());
-      matomo.disableCookies();
-      matomo.trackPageView();
-      matomo.enableLinkTracking();
-    } else {
-      // @ts-ignore
-      const alreadyInitialized = !!window._paq;
-      // @ts-ignore
-      const _paq = window._paq = window._paq || [];
-      _paq.push(['setDocumentTitle', this.seoService.getTitle()]);
-      _paq.push(['setCustomUrl', this.getCustomUrl()]);
-      _paq.push(['disableCookies']);
-      _paq.push(['trackPageView']);
-      _paq.push(['enableLinkTracking']);
-      if (alreadyInitialized) {
-        _paq.push(['addTracker', statsUrl+'m.php', siteId.toString()]);
-      } else {
-        (function() {
-          _paq.push(['setTrackerUrl', statsUrl+'m.php']);
-          _paq.push(['setSiteId', siteId.toString()]);
-          const d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-          // @ts-ignore
-          g.type='text/javascript'; g.async=true; g.src=statsUrl+'m.js'; s.parentNode.insertBefore(g,s);
-        })();
-      }
-    }
-  }
-
-  private getMatomo() {
-    if (this.siteId != null) {
-      return window['Matomo']?.getTracker(this.statsUrl+'m.php', this.siteId);
-    }
-  }
-
-  goal(id: number) {
-    // @ts-ignore
-    this.getMatomo()?.trackGoal(id);
-  }
-
-  page() {
-    const matomo = this.getMatomo();
-    if (matomo) {
-      matomo.setCustomUrl(this.getCustomUrl());
-      matomo.trackPageView();
-    }
-  }
-
-  private getCustomUrl(): string {
-    let url = window.location.origin + '/';
-    let route = this.activatedRoute;
-    while (route) {
-      const segment = route?.routeConfig?.path;
-      if (segment && segment.length) {
-        url += segment + '/';
-      }
-      route = route.firstChild;
-    }
-    return url;
-  }
 }